@charset "UTF-8";

/* 濃：#8bcdd8 */
/* 薄：#dceef2 */

#relateLinks::after,
header::after,
nav::after,
.nav::after,
#crumb::after,
#footer::after,
#contents::after,
#main::after,
#aside::after,
#visual::after{
	content: "";
	display: block;
	clear: both;
}

img{
	width: 100%;
	height:auto;
}

/* loading */
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	z-index: 9999999999;
}
#loader i{
	color:#666 !important;
}
#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(255,255,255,0.9) !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999999999;
}

/* scroll Top */
#page-top{
	display: block;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 36px;
	background: rgba(128,128,128,.8);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-top: 12px;
	font-size: 20px;
	color: #fff;
	line-height: 120%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	z-index: 999999999999;
}
#page-top a{
	color: #fff;
}
#page-top:hover{
	background: rgba(128,128,128,.9);
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.05);
    animation: animate 25s linear infinite;
    bottom: -150px;
}
.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}
.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}
.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}
.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.text-en{
	font-family: 'Lora', serif;
	font-weight: 400;
}

#overlay-howto p{
	font-size: 1.0em;
	margin-bottom: 24px;
}
#overlay-howto h4{
	font-size: 1.125em !important;
	margin-bottom: 8px;
	margin-top: 20px;
}

footer p.copy-print{
	display: none;
}





/*----------------------------------------
　PC
-------------------------------------------*/
@media print, screen and (min-width: 769px){

#overlay-howto {
	width: 60%;
	margin: auto; 
}

.sw-line-title-single h3{
	font-size: 1.438em !important;
	font-weight: 400;
	letter-spacing: 2px !important;
}

#bottomNav{
	display: none;
}

select{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	padding:1em 1em;
	box-sizing:border-box;
	font-size:1.25em;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	border:#DDD 1px solid;
	border-radius:0;
	background:#fff;
}
.daily-selectbox {
	width:100%;
	margin:auto;
	position:relative;
}
.daily-selectbox::after{
	content:"";
	display:block;
	width:14px;
	height:14px;
	position:absolute;
	right:5%;
	top:35%;
	border-bottom:#333 1px solid;
	border-right:#333 1px solid;
	transform:rotate(45deg)translateY(-30%);
}
.other.daily-selectbox select{
	background-color:#FFF;
	color:#000;
	border-radius:4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.other.daily-selectbox::after{
	border-bottom:#AAA 1px solid;
	border-right:#AAA 1px solid;
}

/* 関連サイト
-------------------------------------------- */
#relateLinks{
	background-color:#808080;
	padding: 4px 24px 6px 24px;
	position: relative;
	z-index: 1;
}
#relateLinks ul{
	margin: auto;
	list-style-type: none;
	padding-top: 3px;
}
#relateLinks ul li{
	float:left;
	font-size:0.7em;
	margin-right:24px;
}
#relateLinks ul li a {
	color:#FFF;
	text-decoration:none;
}
#relateLinks ul li a:hover {
	color:#DDD;
	text-decoration:underline;
}

#relateLinks p.support{
	float: right;
}
#relateLinks p.support{
	font-size: 0.750em !important;
	text-align: center;
	display: inline-block;
}
#relateLinks p.support a{
	background: #F8F8F8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 1px 6px !important;
	display: block;
	color: #333;
	text-decoration: none !important;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}
#relateLinks p.support a:hover{
	background: #DDD;
	padding: 1px 6px !important;
	display: block;
	color: #000;
	text-decoration: none; !important;
}

#catNav-btn{
	display: none;
}

/* ヘッダー
-------------------------------------------- */
header{
	width: 100%;
	min-width: 1040px;
	margin:auto; 
	text-align: center;
	padding-top: 30px;
	padding-bottom: 34px;
	position: relative;
	background-position: right 60%;
	background-size: 50% auto;
	background-color: #F8F8F8;
	border-bottom:4px solid #dceef2;
	margin-bottom: 30px;
}
header h1.logo{
	width: 150px;
	margin:auto;
}
header p.lead{
	font-size: 0.750em;
	margin-bottom: 16px;
}
header .home{
	display: none;
}

header .devo{
	position: absolute;
	top: 53px;
	right: 250px;
}
header .devo a:hover{
	border:1px solid #DDD;
	background-color: #DDD;
	color: #464646;
}
header .devo a{
	display: inline-block;
	color: #464646;
	line-height: 220%;
	background-color: #FFF;
	border-radius: 5px;
	border:#EFEFEF 1px solid;
	font-size: 0.875em;
	text-align: center;
	padding:8px 14px; 
	position: relative;
	top: -4px;
	text-decoration: none;
}
header .devo i{
	font-size: 1.1250em;
}

header .lang::after{
	content: "";
	display: block;
	clear: both;
}
header .lang{
	position: absolute;
	top: 65px;
	right: 40px;
}
header .lang .jp,
header .lang .en{
	float: left;
	font-size: 0.875em;

}
header .lang .jp.none a{
	background-color: #FFF !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 8px 14px 8px 20px;
	color: #464646 !important;
	letter-spacing: 1px;
	border:#8bcdd8 3px solid;
}
header .lang .jp.none a:hover{
	background-color: #8bcdd8 !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 8px 14px 8px 20px;
	color: #FFF !important;
	letter-spacing: 1px;
	border:#8bcdd8 3px solid;
}
header .lang .en.none a{
	background-color: #FFF !important;
	padding: 8px 18px 8px 14px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #464646 !important;
	border:#8bcdd8 3px solid;
}
header .lang .en.none a:hover{
	background-color: #8bcdd8 !important;
	padding: 8px 18px 8px 14px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #FFF !important;
	border:#8bcdd8 3px solid;
}
header .lang .jp.active a{
	background-color: #8bcdd8 !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 8px 14px 8px 20px;
	color: #FFF !important;
	letter-spacing: 1px;
	border:#8bcdd8 3px solid;
}
header .lang .en.active a{
	background-color: #8bcdd8 !important;
	padding: 8px 18px 8px 14px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #FFF !important;
	border:#8bcdd8 3px solid;
}



/* フッター
-------------------------------------------- */
footer{
	width: 100%;
	min-width: 1040px;
	margin:auto; 
	text-align: center;
	padding: 24px 0;
	background-color: #F8F8F8;
	border-top:4px solid #dceef2;
}
footer p.copy{
	font-size: 0.750em;
	color: #666;
}

/* トップページ
-------------------------------------------- */
#visual{
	width: 100%;
	min-width: 1060px;
	margin-bottom: 60px;
	position: relative;
}

#visual .cover {
	width: 50%;
	max-width: 720px;
	position: absolute;
	left:0;
	z-index: 10;
}
#visual .cover img{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 100%;
	height: auto;
}

#visual .description {
	float: right;
	width:62%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #dceef2 !important;
	position: relative;
	z-index: 1;
	margin-top: 4%;
	display: table;
	display: table-cell;
	vertical-align: middle;
}
#visual .description .text{
	margin:auto;
	padding: 4.0em 3.0em 4.0em 10.0em;
}

@media screen and (max-width: 1500px) {
	#visual .description {
		width: 54%;
	}
	#visual .description .text{
		margin:auto;
		padding: 4.0em 3.0em 4.0em 7.0em;
	}
}

#visual .description h3{
	font-size: 1.625em !important;
	font-weight: 600;
	color: #464646 !important;;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
#visual .description p.lead{
	line-height: 180% !important;
	margin-bottom: 30px;
}
#visual .description p.sen{
	font-style: italic;
	color: #555;
}

#home .devotion{
	margin-bottom: 30px;
}
#home .devotion .sw-entry{
	text-align: center;
}
#home .devotion .sw-block1{
	margin-bottom: 2.2em;
}
#home .devotion .sw-block1 .sw-well {
	border-top: solid 4px #8bcdd8;
	padding: 34px 28px 22px 28px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#home .devotion .sw-block2 .sw-well {
	padding: 36px 28px 20px 28px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#home .devotion .sw-entry a.sw-entry-link:hover {
	background-color: #EFEFEF;
	opacity: 0.3;
	filter: alpha(opacity=20);
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
#home .devotion .sw-box .arrow{
	width: 16px;
	position: absolute;
	top: 38%;
	right: 40px;
}
#home .devotion .sw-box .arrow img{
	width: 100%;
	height: auto;
}
#home .devotion .sw-entry h4{
	border: unset;
	padding: unset;
	margin: unset;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: 5px;
	margin-bottom: 16px;
}

.today .time-balloon {
	left:245px !important;
}
.time-balloon {
	position: absolute;
	top: -14px;
	left:25px;
	z-index: 1;
	display: inline-block;
	padding: 0 5px;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 0.750em;
	font-weight: 600;
	color: #555;
	background-color: #EFEFEF;
	border-radius: 50%;
	box-sizing: border-box;
}
.time-balloon:before {
	content: "";
	position: absolute;
	bottom: -8px;
	right: -8px;
	margin-top: -13px;
	border: 13px solid transparent;
	border-left: 13px solid #EFEFEF;
	z-index: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.time-balloon.dby {
	line-height: 120% !important;
	padding-top: 8px;
}
.time-balloon.dby span{
	position: relative;
	z-index: 10;
}
.time-balloon.dby .jp{
	display: inline-block;
	padding-top: 18px;
}
.time-balloon .en {
	letter-spacing: 0 !important;
	font-size: 0.688em;
}


.sw-entry .month{
	font-size: 2.0em;
	font-family: 'Lora', serif;
	font-weight: 400;
}
 .sw-entry .day{
	font-size: 2.0em;
	font-family: 'Lora', serif;
	font-weight: 400;
}
.sw-entry .week{
	display: inline-block;
	color: #FFF;
	line-height: 190%;
	background-color: #8bcdd8;
	font-size: 0.750em;
	text-align: center;
	width: 32px;
	height: 36px;
	border-radius: 36px;
	position: relative;
	top: -8px;
	left:0px;
	padding-left:4px;
}

.sw-entry.en .month{
	font-size: 1.5em;
	font-family: 'Lora', serif;
	font-weight: 400;
	letter-spacing: 1px !important;
}
 .sw-entry.en .day{
	font-size: 1.5em;
	font-family: 'Lora', serif;
	font-weight: 400;
	letter-spacing: 1px !important;
}
 .sw-entry.en .week{
	display: inline-block;
	color: #FFF;
	line-height: 250%;
	background-color: #8bcdd8;
	font-size: 0.563em;
	font-weight: normal;
	text-align: center;
	width: 36px;
	height: 36px;
	border-radius: 36px;
	position: relative;
	top: -8px;
	left:0px;
	padding-left:0px;
	letter-spacing: 1px !important;
}

#home .devotion .sw-entry p.catch{
	font-size: 1.125em;
	letter-spacing: 2px;
	line-height: 150%;
	margin-bottom: 24px;
}
#home .devotion .sw-entry p.chapter{
	font-size: 1.125em;
	letter-spacing: 1px;
	margin-bottom: 24px;
}
#home .devotion .sw-entry span.chapter-name{
	background-color: #AAA;
	border-radius: 20px;
	padding: 8px 24px 9px 24px;
	color: #FFF;
	text-decoration: none;
}
#home .devotion .sw-entry .scripture_text{
	width: 90%;
	margin:auto;
	margin-top:20px;
	margin-bottom: 16px;
}

#home .devotion .sw-box .number{
	text-align: center;
}
#home .devotion .sw-box .post-views-icon{
	display: inline-block;
	font-size: 1.0em;
	vertical-align: top;
}
#home .devotion .sw-box .post-views{
	display: inline-block;
	font-size: 1.250em;
	color: #333;
	margin-right: 4px;
}
#home .devotion .sw-box .post-person{
	display: inline-block;
	font-size: 0.875em;
}

#home .devotion .then {
	width:100%;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#home .devotion .then .daily-selectbox {
	width:99%;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 30px;
	position:relative;
}
#home .devotion .then .daily-selectbox::after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	right:5%;
	top:35%;
	border-bottom:#AAA 1px solid;
	border-right:#AAA 1px solid;
	transform:rotate(45deg)translateY(-30%);
}
#home .devotion .then .daily-selectbox select{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	padding:1.0em 1.2em 1.0em 4.9em;
	box-sizing:border-box;
	font-size:1.25em;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color:#000;
	letter-spacing: 1px;
	background-color:#FFF;
	border:#DDD 1px solid;
	border-radius:4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/* 個別ページ
-------------------------------------------- */
#daily .nav{
	text-align: center;
	position: relative;
	padding: 8px 0 24px 0;
	margin-bottom: 20px;
}
#daily .date{
	margin-bottom: 10px;
}
#daily .date p{
	font-size: 1.438em;
	font-weight: 400;
	letter-spacing: 6px;
	margin-bottom: 0;
}
#daily .date.en p{
	font-size: 1.375em;
	font-weight: 400;
	letter-spacing: 4px;
	margin-bottom: 0;
}
#daily .date .year{
	font-size: 1.250em;
	font-family: 'Lora', serif;
}
#daily .date .month{
	font-size: 2.0em;
	font-family: 'Lora', serif;
}
#daily .date .day{
	font-size: 2.0em;
	font-family: 'Lora', serif;
}
#daily .date .week{
	display: inline-block;
	color: #FFF;
	line-height: 200%;
	background-color: #8bcdd8;
	font-size: 0.750em;
	text-align: center;
	width: 32px;
	height: 36px;
	border-radius: 36px;
	position: relative;
	top: -6px;
	padding-left:4px;
}
#daily .nav .week-theme{
}
#daily .nav .week-theme p{
	font-size: 1.125em;
	line-height: 150%;
	letter-spacing: 1px;
	margin-bottom: 0;
}


#daily .nav .daily-pager::after{
	content: "";
	display: block;
	clear: both;
}
#daily .nav-top .daily-pager{
	position: absolute;
	top: 48px;
	right: 0;
}
#daily .nav-bottom .daily-pager{
}
#daily .nav .daily-pager p{
	float: left;
	margin-left: 16px;
	font-size: 1.00em;
	font-weight: 500;
	letter-spacing: 1px;
}
#daily .nav .daily-pager p.pre a{
	padding: 6px 18px 6px 12px;
	text-decoration: none;
}
#daily .nav .daily-pager p.next a{
	padding: 6px 12px 6px 18px;
	text-decoration: none;
}
#daily .nav .daily-pager p i{
	color:#999;
}


#daily .nav-top .home{
	position: absolute;
	top: 50px;
	left: 0;
}
#daily .nav-bottom .home{
}
#daily .nav .home p{
	font-size: 1.0em;
	font-weight: 500;
	letter-spacing: 1px;
}
#daily .nav .home p a{
	padding: 6px 18px 6px 14px;
	text-decoration: none;
}
#daily .nav .home i{
	font-size: 0.875;
	color:#999;
	margin-right: 4px;
}

#daily .devotion{
	margin-bottom: 50px;
}

#daily .listen{
	margin-bottom: 60px;
}

#daily .scripture{
	float: left;
	width: 48.5%;
}
#daily .explanation{
	float: right;
	width: 48.5%;
}
@media screen and (max-width: 980px){
	#daily .scripture{
		width: 100%;
		margin-bottom: 40px;
	}
	#daily .explanation{

		width: 100%;
	}
}

#daily .scripture h2{
	background-color: #dceef2;
	font-size: 1.500em;
	color: #333;
	text-align: center;
	letter-spacing: 1px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	padding:15px 20px;
	margin-bottom: 0;
}
#daily .scripture h2 span{
	font-size: 0.625em;
}
#daily .scripture .well{
	border-left: solid 1px #DDD;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 1.5em 1.5em;
}

#daily .explanation h2{
	width: 97%;
	background-color: #dceef2;
	font-size: 1.500em;
	color: #333;
	text-align: center;
	letter-spacing: 1px;
	padding:15px 20px;
	margin: auto; 
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
#daily .explanation h2 span.corner{
	background-color: #FFF;
	width: 10px;
	height: 10px;
}
#daily .explanation h2 span.corner-top-left{
	position: absolute;
	top: 0;
	left:0;
}
#daily .explanation h2 span.corner-top-right{
	position: absolute;
	top: 0;
	right:0;
}
#daily .explanation h2 span.corner-bottom-left{
	position: absolute;
	bottom: 0;
	left:0;
}
#daily .explanation h2 span.corner-bottom-right{
	position: absolute;
	bottom: 0;
	right:0;
}
#daily .explanation .well{
	border: solid 1px #DDD;
	padding: 2.0em 1.6em 1.5em 1.6em;
	margin-top: -30px;
	position: relative;
	z-index: 0;
}

#daily .scripture h3,
#daily .explanation h3 {
	background-color: #FFF !important;
	font-size: 1.370em;
	font-weight: 500;
	color: #000;
	line-height: 160%;
	letter-spacing: 1px;
	border-left: 7px solid #999;
	padding-left: 14px;
	margin-top: 30px;
	margin-bottom: 12px !important;
}



#daily .reading{
	margin-bottom: 60px;
}
#daily .reading h2{
	width: 97%;
	background-color: #8bcdd8;
	font-size: 1.375em;
	color: #333;
	text-align: center;
	letter-spacing: 1px;
	padding:26px 20px 30px 20px;
	margin: auto; 
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
#daily .reading h2 span.corner{
	background-color: #FFF;
	width: 10px;
	height: 10px;
}
#daily .reading h2 span.corner-top-left{
	position: absolute;
	top: 0;
	left:0;
}
#daily .reading h2 span.corner-top-right{
	position: absolute;
	top: 0;
	right:0;
}
#daily .reading h2 span.corner-bottom-left{
	position: absolute;
	bottom: 0;
	left:0;
}
#daily .reading h2 span.corner-bottom-right{
	position: absolute;
	bottom: 0;
	right:0;
}


#daily .reading p.title{
	font-size: 0.750em !important;
	color: #333;
	margin-bottom: 10px;
}
#daily .reading span.bg{
	background-color: #FFF;
	border-radius: 20px;
	padding: 8px 20px 9px 20px;
}
#daily .reading p.text{
	margin-bottom: 0;
}



#pray {
	border-top:3px dotted #dceef2;
	border-bottom:3px dotted #dceef2;
	padding: 30px 0;
	margin-bottom: 60px;
}
#pray p {
	font-size: 1.0em;
	text-align: center;
	margin-bottom: 0;
}
#pray p.title{
	font-size: 1.0em;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 16px !important;
}
#pray p.title span{
	background-color: #999;
	border-radius: 20px;
	padding: 8px 20px 9px 20px;
}

#sp {
	background-color: #F8F8F8;
	padding: 5px 0; 
	margin-bottom: 40px;
}
#sp .border {
	border-top:2px solid #FFFF;
	border-bottom:2px solid #FFFF;
	padding: 36px 0 20px 0; 
}
#sp .entry {
	margin-bottom: 20px;
}
#sp p.title {
	font-size: 1.0em;
	margin-bottom: 2px !important;
}
#sp .text p {
	font-size: 0.875em;
}
#sp .section{
	width: 80%;
	margin: auto;
	text-align: center;
}


/* 共通パーツ
-------------------------------------------- */
#bottom {
	padding: 60px 0 50px 0; 
}

#latest-message {
	padding: 60px 0;
	margin-bottom: 60px;
}
#latest-message .image-pc{
	margin-bottom: 25px;
}
#latest-message .image-pc:last-child{
	margin-bottom: 0;
}
#latest-message .image-sp{
	display: none;
}
#latest-message .sw-btn img{
	width: 260px;
}
#latest-message .ms p{
	margin-bottom: 6px !important;
	margin-top: 5px;
	font-size: 0.875em;
	font-weight: 600;
}
#latest-message .ms .sw-btn a{
	border-radius: 60px;
	padding-right: 50px;
	padding-left: 50px;
}

#ms {
	float: left;
	width: 48%;
}
#ms .sw-well{
	padding: 14px 24px 12px 24px;
}
#ms .sw-well .lead{
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
#ms ul{
	list-style: square;
	padding-left: 12px;
}
#ms ul li{
	font-size: 0.875em;
	line-height: 170% !important;
	margin-bottom: 8px;
}
#ms .ms{
	margin-bottom: 16px;
}

#ms .ms .sw-btn img{
	width: 250px;
}

#ms .ms .sw-btn a{
	border-radius: 60px;
	padding: 12px 40px 14px 40px;
}

#information {
	float: right;
	width: 48%;
}
#information .line-reg{

	margin-bottom: 24px;
	text-align: center;
}
#information .line-reg i.fa-line{
	font-size: 5.0em;
	color: #00b800;
	margin-bottom: 18px;
}
#information .line-reg p{
	font-size: 1.0em;
}

#catNav-btn{
	position: fixed;
	bottom: 400px;
	z-index: 1000;
}
#catNav-btn .btn,
#catNav-btn button{
	font-size: 1.0em;
	line-height: 160%;
	text-align: center;
	display: inline-block;
}
#catNav-btn .btn a,
#catNav-btn button{
	display: block;
	background-color: #FFF; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px 22px;
	color: #444;
	text-decoration: none;
}
#catNav-btn .btn a:hover,
#catNav-btn button:hover{
	display: block;
	border:1px solid #DEDEDE;
	border-radius: 3px;
	background-color: #EFEFEF;
	padding: 10px 22px;
	color: #000;
	text-decoration: none;
}





}




/*----------------------------------------
　Mobile
-------------------------------------------*/
@media screen and (max-width: 768px){

#overlay-howto {
	width: 100%;
	margin: auto; 
}

.sw-line-title-single h3{
	font-size: 1.250em !important;
	font-weight: 700;
	letter-spacing: 1px !important;
}

.scroll-header{
	background: linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,1.0));
    padding: 40px 0 12px 0;
    position: fixed;
    bottom: 0;
    transition: .3s;
    width: 100%;
    z-index: 10;
}
.scroll-header.hide{
    transform: translateY(100%);
}
.scroll-header .down p{
	font-size: 1.0em;
	font-weight: 600;
	color: #464646;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 2px;
}
.scroll-header .down a,
.scroll-header .down a:hover{
	display: block;
	text-decoration: none;
}
.scroll-header .arrow{
	width: 30px;
	margin:auto;
	display: block;
}
.scroll-header .arrow img{
	width: 100%;
	height: auto;
}


/* 関連サイト
-------------------------------------------- */
#relateLinks{
	padding: 0 0 0 16px;
	position: relative;
	z-index: 9999;
}
#relateLinks ul{
	width: 100%;
	margin-top: 40px; 
	list-style-type: none;
}
#relateLinks ul li{
	font-size:1.0em;
	margin-bottom:8px;
}
#relateLinks ul li a {
	color:#000;
	text-decoration:none;
}

#relateLinks p.support{
	display: none;
}
#catNav-btn p.support{
	display: inline-block;
}
#catNav-btn p.support{
	font-size: 0.750em !important;
	text-align: center;
	display: inline-block;
}
#catNav-btn p.support a{
	background: #459B92;
	border-radius: 3px;
	padding: 3px 8px !important;
	display: block;
	color: #FFF;
	text-decoration: none !important;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}
#catNav-btn p.support a:hover{
	background: #EFEFEF;
	padding: 3px 8px !important;
	display: block;
	color: #FFF;
	text-decoration: none; !important;
}

#catNav-btn{
	width: 100%;
	top: 0px;
	z-index: 1000;
	text-align: center;
	background-color: #DDD; 
}
#catNav-btn button{
	font-size: 0.813em;
	line-height: 160%;
	display: inline-block;
	background-color: #DEDEDE; 
	border:1px solid #DEDEDE;
	border-radius: 3px;
	padding: 12px 16px 14px 16px;
	color: #000;
	text-decoration: none;
}
#catNav-btn button:hover{
	display: inline-block;
	border:1px solid #DDD;
	border-radius: 3px;
	background-color: #DDD;
	padding: 10px 16px 14px 16px;
	color: #000;
	text-decoration: none;
}


/* ヘッダー
-------------------------------------------- */

header{
	text-align: center;
	padding-top: 18px;
	padding-bottom: 26px;
	position: relative;
	background-color: #F8F8F8;
	border-bottom:4px solid #dceef2;
}
header .inner{
	width: 98%;
	margin:auto; 
}
header h1.logo{
	width: 92px;
	margin:auto;
	margin-bottom: 24px;
}

header .devo{
	display: none;
}

header .lang::after{
	content: "";
	display: block;
	clear: both;
}
header .lang{
	width: 170px;
	margin: auto;
}
header .lang .jp,
header .lang .en{
	float: left;
	font-size: 0.75em;
	font-weight: 500;
	margin: 0 !important;
}
header .lang .jp.none a{
	background-color: #FFF !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 8px 14px 8px 18px;
	color: #464646 !important;
	letter-spacing: 1px;
	border:#8bcdd8 2px solid;
}
header .lang .jp.none a:hover{
	background-color: #8bcdd8 !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 8px 14px 8px 18px;
	color: #FFF !important;
	letter-spacing: 1px;
	border:#8bcdd8 2px solid;
}
header .lang .en.none a{
	background-color: #FFF !important;
	padding: 8px 16px 8px 12px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #464646 !important;
	border:#8bcdd8 2px solid;
}
header .lang .en.none a:hover{
	background-color: #8bcdd8 !important;
	padding: 8px 16px 8px 12px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #FFF !important;
	border:#8bcdd8 2px solid;
}
header .lang .jp.active a{
	background-color: #8bcdd8 !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 8px 14px 8px 18px;
	color: #FFF !important;
	letter-spacing: 1px;
	border:#8bcdd8 2px solid;
}
header .lang .en.active a{
	background-color: #8bcdd8 !important;
	padding: 8px 16px 8px 12px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #FFF !important;
	border:#8bcdd8 2px solid;
}

/* フッター
-------------------------------------------- */
footer{
	width: 100%;
	margin:auto; 
	text-align: center;
	padding: 24px 0 70px 0;
	background-color: #F8F8F8;
	border-top:4px solid #dceef2;
}
footer p.copy{
	font-size: 0.750em;
	color: #666;
}


/* トップページ
-------------------------------------------- */
#visual{
	width: 100%;
	margin-bottom: 50px;
}
#visual .cover {
	margin-bottom: 0;
}
#visual .cover .image{
	width: 100%;
	margin-bottom: 0;
}
#visual .description {
	background-color: #dceef2;
	position: relative;
	z-index: 0;
}
#visual .description .text{
	margin:auto;
	padding:2.0em 1.5em 2.4em 1.5em; 
}
#visual .description h3{
	font-size: 1.313em !important;
	font-weight: 600;
	color: #464646 !important;;
	letter-spacing: 2px;
	margin-bottom: 16px;
}
#visual .description p.lead{
	font-size: 1.0em;
	line-height: 180% !important;
	margin-bottom: 24px;
}
#visual .description p.sen{
	font-style: italic;
	font-weight: 600;
	color: #555;
}
#visual .description .devo{
	margin: auto;
	margin-top: 24px;
	position: relative;
	z-index: 9999;
}
#visual .description .devo a:hover{
	border:1px solid #DDD;
	background-color: #DDD;
	color: #464646;
}
#visual .description .devo a{
	display: inline-block;
	color: #464646;
	line-height: 220%;
	background-color: #FFF;
	border-radius: 5px;
	border:#EFEFEF 1px solid;
	font-size: 0.875em;
	text-align: center;
	padding:8px 14px; 
	position: relative;
	top: -4px;
	text-decoration: none;
}
#visual .description .devo i{
	font-size: 1.1250em;
}

#home .devotion{
	width: 90%;
	margin: auto; 
	margin-bottom: 50px;
}
#home .devotion .sw-entry{
	text-align: center;
}
#home .devotion .sw-block1{
	margin-bottom: 1.8em;
}
#home .devotion .sw-block1 .sw-well {
	padding: 34px 28px 20px 28px;
	border-top: solid 6px #8bcdd8;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#home .devotion .sw-block2 .sw-well {
	padding: 34px 28px 24px 28px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#home .devotion .sw-block2 .sw-box {
	margin-bottom: 1.8em;
}
#home .devotion .sw-box .arrow{
	width: 14px;
	position: absolute;
	top: 34%;
	right: 20px;
}
#home .devotion .sw-box .arrow img{
	width: 100%;
	height: auto;
}

#home .devotion .sw-entry h4{
	border: unset;
	padding: unset;
	margin: unset;
	font-size: 1.375em;
	font-weight: 600;
	letter-spacing: 5px;
	margin-bottom: 16px;
}
#home .devotion .sw-block2 .sw-entry:nth-child(2),
#home .devotion .sw-block2 .sw-entry:nth-child(3){
	zoom: 85%;
}

.today .time-balloon {
	left:5%;
}
.time-balloon {
	position: absolute;
	top: -24px;
	left:5%;
	z-index: 1;
	display: inline-block;
	padding: 0 5px;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 0.750em;
	font-weight: 600;
	color: #555;
	background-color: #EFEFEF;
	border-radius: 50%;
	box-sizing: border-box;
}
.time-balloon:before {
	content: "";
	position: absolute;
	bottom: -8px;
	right: -8px;
	margin-top: -13px;
	border: 13px solid transparent;
	border-left: 13px solid #EFEFEF;
	z-index: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.time-balloon.dby {
	line-height: 120% !important;
	padding-top: 9px;
}
.time-balloon.dby span{
	position: relative;
	z-index: 10;
}
.time-balloon .en {
	letter-spacing: 0 !important;
	font-size: 0.688em;
}
.time-balloon .jp {
	display: inline-block;
	padding-top: 16px;
}

.sw-entry .month{
	font-size: 1.875em;
	font-family: 'Lora', serif;
	font-weight: 400;
}
 .sw-entry .day{
	font-size: 1.875em;
	font-family: 'Lora', serif;
	font-weight: 400;
}
.sw-entry .week{
	display: inline-block;
	color: #FFF;
	line-height: 220%;
	background-color: #8bcdd8;
	font-size: 0.750em;
	font-weight: 600;
	text-align: center;
	width: 32px;
	height: 36px;
	border-radius: 36px;
	position: relative;
	top: -8px;
	padding-left: 4px;
}
.sw-entry.en .month{
	font-size: 1.75em;
	font-family: 'Lora', serif;
	font-weight: 400;
	letter-spacing: 1px !important;
}
 .sw-entry.en .day{
	font-size: 1.75em;
	font-family: 'Lora', serif;
	font-weight: 400;
	letter-spacing: 1px !important;
}
 .sw-entry.en .week{
	display: inline-block;
	color: #FFF;
	line-height: 300%;
	background-color: #8bcdd8;
	font-size: 0.563em;
	font-weight: 600;
	text-align: center;
	width: 38px;
	height: 38px;
	border-radius: 38px;
	position: relative;
	top: -8px;
	left:0px;
	padding-left:0px;
	letter-spacing: 1px !important;
}


#home .devotion .sw-entry p.catch{
	font-size: 1.125em;
	letter-spacing: 2px;
	line-height: 150%;
	margin-bottom: 24px;
}
#home .devotion .sw-entry p.chapter{
	font-size: 1.0em;
	font-weight: 600;
	letter-spacing: 0;
	white-space: nowrap;
	margin-bottom: 24px;
}
#home .devotion .sw-entry span.chapter-name{
	background-color: #AAA;
	border-radius: 20px;
	padding: 8px 24px 9px 24px;
	color: #FFF;
	text-decoration: none;
}
#home .devotion .sw-entry span.chapter-name{
	background-color: #AAA;
	border-radius: 20px;
	padding: 8px 24px 9px 24px;
	color: #FFF;
	text-decoration: none;
}
#home .devotion .sw-entry .scripture_text{
	margin-bottom: 10px;
}

#home .devotion .sw-box .number{
	text-align: center;
	margin-top: 14px !important;
}
#home .devotion .sw-box .post-views-icon{
	display: inline-block;
	font-size: 1.0em;
	vertical-align: top;
}
#home .devotion .sw-box .post-views{
	display: inline-block;
	font-size: 1.250em;
	color: #333;
	margin-right: 4px;
}
#home .devotion .sw-box .post-person{
	display: inline-block;
	font-size: 0.875em;
}

#home .devotion .then {
	width:100%;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#home .devotion .then .daily-selectbox {
	width:99%;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 30px;
	position:relative;
}
#home .devotion .then .daily-selectbox::after{
	content:"";
	display:block;
	width:12px;
	height:12px;
	position:absolute;
	right:8%;
	top:35%;
	border-bottom:#AAA 1px solid;
	border-right:#AAA 1px solid;
	transform:rotate(45deg)translateY(-30%);
}
#home .devotion .then .daily-selectbox select{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	padding:0.8em 1.2em 0.8em 5.0em;
	box-sizing:border-box;
	font-size:1.25em;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color:#000;
	letter-spacing: 1px;
	background-color:#FFF;
	border:#DDD 1px solid;
	border-radius:4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 個別ページ
-------------------------------------------- */
#daily .nav{
	text-align: center;
	position: relative;
	padding: 30px 0 10px 0;
}
#daily .date{
	margin-bottom: 12px;
}
#daily .date p{
	font-size: 1.350em;
	font-weight: 400;
	letter-spacing: 4px;
	margin-bottom: 0;
}
#daily .date.en p{
	font-size: 1.1850em;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 0;
}
#daily .date .year{
	font-size: 1.250em;
	font-family: 'Lora', serif;
}
#daily .date .month{
	font-size: 2.0em;
	font-family: 'Lora', serif;
}
#daily .date .day{
	font-size: 2.0em;
	font-family: 'Lora', serif;
}
#daily .date .week{
	display: inline-block;
	color: #FFF;
	line-height: 220%;
	background-color: #8bcdd8;
	font-size: 0.750em;
	font-weight: 600;
	text-align: center;
	width: 32px;
	height: 36px;
	border-radius: 36px;
	position: relative;
	top: -6px;
	padding-left: 4px;
}

#daily .nav .week-theme{
	margin-bottom: 24px;
}
#daily .nav .week-theme p{
	font-size: 1.125em;
	line-height: 150%;
	letter-spacing: 1px;
	margin-bottom: 0;
}


#home header .home{
	display: none;
}

#daily .nav .daily-pager::after{
	content: "";
	display: block;
	clear: both;
}
#daily .nav .daily-pager{
	width: 210px;
	margin: auto;
}
#daily .nav .daily-pager p{
	float: left;
	margin-left: 16px;
	font-size: 0.875em;
	font-weight: 500;
	letter-spacing: 1px;
}
#daily .nav .daily-pager p.pre a{
	padding: 6px 18px 6px 12px;
	text-decoration: none;
}
#daily .nav .daily-pager p.next a{
	padding: 6px 12px 6px 18px;
	text-decoration: none;
}
#daily .nav .daily-pager p i{
	color:#999;
}


#daily .nav-top .home{
	display: none;
}
#daily .nav-bottom{
	margin-bottom: 10px;
}
#daily .nav-bottom .home a{
	text-decoration: none;
}
#daily header .home{
	position: absolute;
	top:28px;
	right: 14px;
}
#daily header .home p{
	font-size: 0.813em;
	font-weight: 500;
	letter-spacing: 1px;
}
#daily header .home p a{
	text-decoration: none;
	padding: 6px 8px 6px 8px !important;
	background-color: #FFF;
}
#daily header .home i{
	font-size: 0.813;
	color:#999;
	margin-right: 3px;
}


#daily .devotion{
	margin-bottom: 50px;
}

#daily .listen{
	margin-bottom: 40px;
}

#daily .listen iframe{
	border-radius: 5px;

}

#daily .scripture{
	width: 92%;
	margin: auto;
	margin-bottom: 40px;
}
#daily .scripture h2{
	background-color: #dceef2;
	font-size: 1.375em;
	color: #333;
	text-align: center;
	letter-spacing: 1px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	padding:15px 20px 10px 20px;
	margin-bottom: 0;
}
#daily .scripture h2 span{
	font-size: 0.625em;
}
#daily .scripture .well{
	border-left: solid 1px #DDD;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 1.8em 1.2em 0.4em 1.2em;
}

#daily .explanation{
	width: 92%;
	margin: auto; 
}
#daily .explanation h2{
	width: 97%;
	background-color: #dceef2;
	font-size: 1.375em;
	color: #333;
	text-align: center;
	letter-spacing: 1px;
	padding:15px 20px;
	margin: auto; 
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
#daily .explanation h2 span.corner{
	background-color: #FFF;
	width: 10px;
	height: 10px;
}
#daily .explanation h2 span.corner-top-left{
	position: absolute;
	top: 0;
	left:0;
}
#daily .explanation h2 span.corner-top-right{
	position: absolute;
	top: 0;
	right:0;
}
#daily .explanation h2 span.corner-bottom-left{
	position: absolute;
	bottom: 0;
	left:0;
}
#daily .explanation h2 span.corner-bottom-right{
	position: absolute;
	bottom: 0;
	right:0;
}
#daily .explanation .well{
	border: solid 1px #DDD;
	padding: 1.8em 1.2em 0.5em 1.2em;
	margin-top: -30px;
	position: relative;
	z-index: 0;
}

#daily .scripture h3,
#daily .explanation h3 {
	font-size: 1.375em;
	font-weight: 600;
	color: #000;
	line-height: 160%;
	letter-spacing: 1px;
	border-left: 7px solid #999;
	padding-left: 14px;
	margin-top: 30px;
	margin-bottom: 12px;
}


#daily .reading{
	width: 94%;
	margin: auto; 
	margin-bottom: 10px;
}
#daily .reading h2{
	width: 97%;
	background-color: #8bcdd8;
	font-size: 1.250em;
	color: #333;
	text-align: center;
	letter-spacing: 1px;
	padding:24px 20px 24px 20px;
	margin: auto; 
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
#daily .reading h2 span.corner{
	background-color: #FFF;
	width: 10px;
	height: 10px;
}
#daily .reading h2 span.corner-top-left{
	position: absolute;
	top: 0;
	left:0;
}
#daily .reading h2 span.corner-top-right{
	position: absolute;
	top: 0;
	right:0;
}
#daily .reading h2 span.corner-bottom-left{
	position: absolute;
	bottom: 0;
	left:0;
}
#daily .reading h3 span.corner-bottom-right{
	position: absolute;
	bottom: 0;
	right:0;
}
#daily .reading p.title{
	font-size: 0.750em !important;
	color: #333;
	margin-bottom: 16px;
}
#daily .reading span.bg{
	background-color: #FFF;
	border-radius: 20px;
	padding: 8px 20px 9px 20px;
}
#daily .reading p.text{
	margin-bottom: 0;
}

#pray {
	border-top:3px dotted #dceef2;
	border-bottom:3px dotted #dceef2;
	padding: 36px 0 28px 0;
	margin-bottom: 50px;
}
#pray p {
	font-size: 1.0em;
	text-align: center;
	margin-bottom: 0;
}
#pray p.title{
	font-size: 1.0em;
	font-weight: 600;
	color: #FFF;
	margin-bottom: 16px !important;
}
#pray p.title span{
	background-color: #999;
	border-radius: 20px;
	padding: 8px 20px 9px 20px;
}

#bottomNav{
	position: fixed;
	bottom: 0;
	z-index: 10000;
}
#daily #bottomNav .sw-btn{
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	background-color: rgba(128,128,128,0.7);
	font-weight: 600;
	color: #FFF;
	margin-left: 3px;
}
#daily #bottomNav .sw-btn:first-child{
	margin-left: 10px;
}
#daily #bottomNav .sw-btn a{
	border:none;
	color: #FFF;
	padding: 13px 12px 13px 12px;
}
#daily #bottomNav .sw-btn a:hover{
	background-color: rgba(102,102,102,0.95);
}

#daily .entry-pager{
	width: 80%;
	min-width: 1160px;
	margin:auto;
	position: relative;
	top: 348px;
}
#daily .entry-pager .next{
	position: absolute;
	right: 0;
}
#daily .entry-pager .pre{
	position: absolute;
	left: 0;
}
#daily .entry-pager .next img,
#daily .entry-pager .pre img{
	width: 42px;
	height: 
}


#bottom {
	padding: 60px 0; 
}

#sp {
	background-color: #F8F8F8;
	padding: 5px 0; 
	margin-bottom: 40px;
}
#sp .border {
	border-top:2px solid #FFFF;
	border-bottom:2px solid #FFFF;
	padding: 26px 0 14px 0; 
}

#sp .entry {
	margin-bottom: 20px;
}
#sp p.title {
	font-size: 1.0em;
	margin-bottom: 2px !important;
}
#sp .text p {
	font-size: 0.875em;
}
#sp .section{
	width: 86%;
	margin: auto; 
}


/* 共通パーツ
-------------------------------------------- */
#latest-message {
	padding: 50px 0;
	margin-bottom: 50px;
}

#latest-message .image-pc{
	display: none;
}

#latest-message .image-sp{
	background-color: #EFEFEF;
}
#latest-message .image-sp:last-child{
	margin-bottom: 0;
}
#latest-message .image-sp p{
	padding: 14px 16px 16px 16px; 
}
#latest-message .image-sp p a{
	text-decoration: none;
}
#latest-message .sw-box{
	margin-bottom: 20px;
}
#latest-message .sw-btn img{
	width: 260px;
}
#latest-message .ms p{
	margin-bottom: 6px !important;
	margin-top: 12px;
	font-size: 0.750em;
	font-weight: 600;
}
#latest-message .ms .sw-btn a{
	border-radius: 60px;
	padding-right: 40px;
	padding-left: 40px;
}


#ms {
	width: 90%;
	margin: auto; 
	margin-bottom: 60px;
}

#ms .sw-well{
	padding: 14px 24px 8px 24px;
}
#ms .sw-well .lead{
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
#ms ul{
	list-style: square;
	padding-left: 12px;
}
#ms ul li{
	font-size: 0.875em;
	line-height: 170% !important;
	margin-bottom: 8px;
}
#ms .ms{
	margin-bottom: 16px;
}

#ms .ms .sw-btn img{
	width: 250px;
}

#ms .ms .sw-btn a{
	border-radius: 60px;
	padding: 12px 40px 14px 40px;
}

#information {
	width: 90%;
	margin: auto; 
}
#information .line-reg{

	margin-bottom: 24px;
	text-align: center;
}
#information .line-reg i.fa-line{
	font-size: 5.0em;
	color: #00b800;
	margin-bottom: 18px;
}
#information .line-reg p{
	font-size: 1.0em;
}
.drawer-nav{	
	position: relative;
	z-index: 999999;

}



}