@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Belleza);

/*============================================================================*+
  RESET
+*============================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q::before,q::after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/*ruby{text-indent:0;}
ruby rp,ruby rt{display:inline;font-size:inherit;text-align:inherit;}*/


/*============================================================================*+
  HTML, BODY
+*============================================================================*/

html{min-height:100%;}

body{
	background-color:#fff;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-size:16px;
	text-rendering:optimizeLegibility;
	font-kerning:normal;
	color:#363636;
	-webkit-text-size-adjust:100% ;
}


@media only screen and (max-width:699px){
body{
	font-size:14px;
}
}



/*============================================================================*+
  GLOBAL
+*============================================================================*/

::selection{
 background-color:#629aff;
 color:#fff;
 text-shadow:0 0 3px #009;
}

p,li{line-height:1.9; color:#666;}

a,
a:hover,
a:active,
a:focus{
	text-decoration:none;
	 color:#666;
	 }

h2,h3,h4,h5{
	color:#535353;
}


@media only screen and (max-width:699px){

p,li{line-height:1.7;}

}


/*============================================================================*+
  PAGE LAYOUT
+*============================================================================*/
#header-bg{
	margin-bottom:50px;
	border-top:5px solid #bfd5ff;
	box-shadow:0 6px 10px rgba(214,214,214,0.7);
}
#header{
	max-width:1100px;
	margin:0 auto;
	padding:10px 0 0 0;
	min-height:70px;
}
#header::after{content:'';display:block;height:0;clear:both;}

#content-body{
	max-width:1100px;
	margin:0 auto;
	display:flex;
}
#content{
	flex:0 1 calc(100% - 320px);
	padding:0;
	position:relative;
	width:calc(100% - 320px);
}
#side{
	flex:0 0 300px;
	margin-left:20px;
}
#footer{
	color:#d2ccc1;
	padding:15px 0;
	text-align:center;
	background-color:#4587ff;
	border-top:8px solid #bfd5ff;
}

@media only screen and (max-width:799px){
#content-body{display:block;}
#content{width:auto;}
#side{width:auto;margin:0;}
}

@media only screen and (max-width:699px){
#header-bg{margin-bottom:20px;}
#header{padding:5px 0 0 0;}
#footer{padding:5px 0;}
}

/*============================================================================*+
  HEADER-area
+*============================================================================*/

/*  ロゴ部分  */
#header-title{
	float:left;
}
#header-title>div#header-title-logo{
	display:inline-block;
	vertical-align:top;
}
#header-title>div#header-title-logo>a>img{
	display:inline-block;
	vertical-align:top;
	width:230px;
	height:60px;
}
#header-title>p{
	display:inline-block;
	vertical-align:top;
	padding:45px 0 0 15px;
	font-size:13px;
	line-height:15px;
	color:#616161;
}

@media only screen and (max-width:999px){
#header-title{margin-left:10px;}
}

@media only screen and (max-width:699px){
#header-title{padding-bottom:4px;}
#header-title>div#header-title-logo{display:block;height:47px;}
#header-title>div#header-title-logo>a>img{width:180px;height:47px;}
#header-title>p{font-size:12px;line-height:14px;display:block;padding:4px 0 0 0;}
}

/* 検索 */

#header-search-form{
	float:right;
	padding:14px 0 0 0;
	margin:0 auto;
}
#header-search-form>form{
	display:block;
	box-sizing:content-box;
	line-height:30px;
	text-align:center;
}
#header-search-form-q{
	display:inline-block;
	vertical-align:top;
	box-sizing:content-box;
	margin:0;
	padding:6px 4px 6px 6px;
	width:189px;
	height:18px;
	line-height:18px;
	font-size:16px;
	outline:0 none transparent;
	background-color:#fff;
	border:1px solid #cfcfcf;
	border-right:0 none transparent;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	box-shadow:inset 1px 2px 2px rgba(221,221,221,0.4);
}
#header-search-form-btn{
	display:inline-block;
	vertical-align:top;
	box-sizing:content-box;
	margin:0;
	padding:0;
	width:38px;
	height:30px;
	border:1px solid #a7beea;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#bfd5ff;
	background-image:url(/images/search.svg);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:center center;
	cursor:pointer;
}
#header-search-form-btn:hover,
#header-search-form-btn:active,
#header-search-form-btn:focus{outline:none;}

@media only screen and (max-width:499px){
#header-search-form{clear:both;display:none;float:none;padding:0;}
#header-search-form>form{background-color:#bfd5ff;padding:6px 0;}
}

/* モバイル用 検索ボタン */

#header-mobile-search-button{display:none;}

@media only screen and (max-width:499px){
#header-mobile-search-button{
	display:block;
	float:right;
	padding:10px 10px 0 0;
}
#header-mobile-search-button>div{
	display:inline-block;
	vertical-align:top;
	width:40px;
	height:40px;
	background-color:#bfd5ff;
	background-image:url(/images/mobile-search-button.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:25px 25px;
	border:1px solid #a7beea;
	border-radius:5px;
	box-shadow:inset 0 0 2px rgba(255,255,255,0.9);
	cursor:pointer;
}
#header-mobile-search-button>div.active{
	background-color:#284e94; /* TEST */
}
}


/*============================================================================*+
  INDEX
+*============================================================================*/

#content-top{
	max-width:1100px;
	margin:0 auto;
}

#top-page-pickup3{
	margin:0 0 25px 0;
}

#top-page-pickup3>ul{
}

#top-page-pickup3>ul>li{
	display:inline-block;
}


#top-page-pickup3>ul>li>a{
	display:block;
	
}

#top-page-pickup3>ul>li.main01{
	background-color:#fff;
	width:50%;
	height:auto;
	position:relative;
}

#top-page-pickup3>ul>li.main01>a>img{
	width:100%;
	vertical-align:bottom;
}

#top-page-pickup3>ul>li.main01>a>div.text-box{
	position:absolute;
	bottom:10px;
	left:10px;
	}

#top-page-pickup3>ul>li.main01>a>div.text-box>h2{
	font-size:38px;
	line-height:1.3;
	font-weight:bold;
	color:#222;
	    
}

#top-page-pickup3>ul>li.main02{
	background-color:#fff;
	width:25%;
	position:relative;
}

#top-page-pickup3>ul>li.main02>a>img{
	width:100%;
	vertical-align:bottom;
}

#top-page-pickup3>ul>li.main02>a>div.text-box{
	position:absolute;
	bottom:10px;
	left:10px;}

#top-page-pickup3>ul>li.main03{
	background-color:#FFF;
	width:25%;
	position:relative;
}

#top-page-pickup3>ul>li.main03>a>img{
	width:100%;
	vertical-align:bottom;
}

#top-page-pickup3>ul>li.main03>a>div.text-box{
	position:absolute;
	bottom:10px;
	left:10px;}

#top-page-pickup3>ul>li.main02>a>div.text-box>h2,
#top-page-pickup3>ul>li.main03>a>div.text-box>h2{
	font-size:28px;
	line-height:1.3;
	font-weight:bold;
	color:#222;
}

#top-page-pickup3>ul>li.main01>a>div.text-box>p,
#top-page-pickup3>ul>li.main02>a>div.text-box>p,
#top-page-pickup3>ul>li.main03>a>div.text-box>p{
		color:#222;
		line-height:1.5;
}


#top-page-pickup3>ul>li>a:hover,
#top-page-pickup3>ul>li>a:active,
#top-page-pickup3>ul>li>a:focus{
	opacity:0.55;
	transition:all 0.8s ease;
}


@media only screen and (max-width:899px){
#top-page-pickup3>ul>li.main01>a>div.text-box>h2{
	font-size:32px;
}
}


@media only screen and (max-width:799px){
#top-page-pickup3>ul>li.main01>a>div.text-box>h2{
	font-size:22px;

}
#top-page-pickup3>ul>li.main01>a>div.text-box>p{
	font-size:13px;
	line-height:1.4;
}

#top-page-pickup3>ul>li.main02>a>div.text-box>h2,
#top-page-pickup3>ul>li.main03>a>div.text-box>h2{
	font-size:20px;
	line-height:1.3;
}

#top-page-pickup3>ul>li.main02>a>div.text-box>p,
#top-page-pickup3>ul>li.main03>a>div.text-box>p{
	font-size:13px;
	line-height:1.4;
}


}


@media only screen and (max-width:599px){
#top-page-pickup3>ul>li.main01{
	width:100%;
}

#top-page-pickup3>ul>li.main02{
	width:50%;

}


#top-page-pickup3>ul>li.main03{
	width:50%;

}


}

/*============================================================================*+
  PAGE COMMON
+*============================================================================*/

#main-content{
	border-bottom:#629aff 5px solid;
	position:relative;
	margin:0 0 30px 0;
}


@media only screen and (max-width:699px){
#main-content{
	margin:0 0 10px 0;
}

}


section::after{content:'';display:block;height:0;clear:both;}


/*  カテゴリラベル  */
span.category-label{
	display:inline-block;
	vertical-align:top;
	height:16px;
	padding:2px 5px 2px 4px;
	font-size:12px;
	line-height:16px;
	letter-spacing:0.05em;
	color:#f4f2f2;
	border-radius:3px;
}
span.category-label-fortune{
	background-color:rgba(76,185,188,0.85);
}
span.category-label-spiritual{
	background-color:rgba(191,144,228,0.85);
}
span.category-label::before{
	content:'';
	display:inline-block;
	vertical-align:top;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-size:15px 14px;
	background-position:left center;
	margin-right:4px;
}
span.category-label-spiritual::before{
	background-image:url(/images/icon-spiritual.png);
}
span.category-label-fortune::before{
	background-image:url(/images/icon-fortune.png);
	background-size:15px 15px;
	background-position:left bottom;
}

@media only screen and (max-width:699px){
span.category-label{
	font-size:10px;
	line-height:14px;
	height:14px;
}
span.category-label::before{
	width:14px;
	height:14px;
	background-size:14px 14px;
}
}









/*============================================================================*+
  H1-TITLE - AREA COMMON
+*============================================================================*/

#page-header{
	border-bottom:5px solid #629aff;
	margin-bottom:40px;
	padding:0 0 5px 0;
}

#page-header-upper{
	line-height:20px;
}

#page-header-upper::after{content:'';clear:both;height:0;display:block;}
#page-header-upper-l{
	float:left;
	height:20px;
}

#page-header-upper-r{
	text-align:right;
	height:20px;
}

#page-header-upper-r>time{
	display:inline-block;
	font-size:12px;
	line-height:16px;
	padding:2px 0;
	color:#aaa;
}

#page-header-main{
	margin-top:15px;
	color:#585858;
}
#page-header-main:first-child{
	margin-top:0;
}
#page-header-main>div.head{
	font-size:16px;
	line-height:24px;
	padding-bottom:0.1em;
}
#page-header-main>h1{
	font-size:26px;
	line-height:1.2;
	font-weight:800;
}



@media only screen and (max-width:1100px){
#page-header{padding:5px 5px;}
}
@media only screen and (max-width:699px){
#page-header{border-bottom-width:3px;}
#page-header-main>div.head{line-height:1.3}
#page-header-main>h1{font-size:22px;}
}
@media only screen and (max-width:599px){
#page-header-main{margin-top:10px;}
#page-header-main>div.head{font-size:14px;}
#page-header-main>h1{font-weight:bold;font-size:20px;}
}


/*  見出し  */

#main-content h2{
	font-size:24px;
	margin:0 0 0.7em 0;
	color:#1d3d78;
	border-bottom:dotted 1px #1d3d78;
	clear:both;
}

#main-content h2::nth-of-type(n + 2) {
	    padding-top: 1.7em;
    }

#main-content h3{
	font-size:22px;
	margin:0 0 5px 0;
	color:#4873c3;
	clear:both;
}
#main-content h4{
	font-size:20px;
	margin:0 0 5px 0;
	color:#186083;
	clear:both;
}
#main-content h5{
	font-size:20px;
	margin:0 0 5px 0;
	color:#288c94;
	clear:both;
}
#main-content p{
	margin:0 0 1.5em 0;
}

#main-content section p::after{content:'';display:block;height:0;clear:both;}


#main-content ol{
	margin:0 0 1.5em 50px;
	list-style-type:decimal;
}
#main-content ul{
	margin:0 0 1.5em 50px;
	list-style-type:square;
}

@media only screen and (max-width:1100px){
#main-content h2{padding:0 0 0 5px;}
#main-content h3{padding:0 0 0 5px;}
#main-content h4{padding:0 0 0 5px;}
#main-content h5{padding:0 0 0 5px;}
#main-content p{padding:0 0 0 5px;}
}

@media only screen and (max-width:699px){
#main-content h2{font-size:20px;line-height:1.3;}
#main-content h3{font-size:18px;line-height:1.3;}
#main-content h4{font-size:16px;line-height:1.3;}
#main-content h5{font-size:16px;line-height:1.3;}
}

@media only screen and (max-width:599px){

#main-content h2{font-size:18px; font-weight:bold;}
#main-content h3{font-size:16px;font-weight:bold;}
#main-content h4{font-size:15px;font-weight:bold;}
#main-content h5{font-size:15px;font-weight:bold;}
#main-content ul{margin:0 0 1.5em 25px;}
}



@media only screen and (max-width:699px){

}


/*  記事内リンク   */
#main-content p a{
    color: #254577;
}

#main-content p a:hover,
#main-content p a:focus,
#main-content p aactive{
 color:#3AB784;
 text-decoration: underline;
}




/* 記事内画像、新 */
#main-content div.article-image{
	display:block;
	float:right;
	margin:0.2em 0 10px 15px;
	text-align:center;
}
#main-content div.article-image img{
	display:inline-block;
	vertical-align:top;
	width:360px;
	height:auto;
}
#main-content div.article-image img.ns{height:auto;}

@media only screen and (max-width:1100px){
#main-content div.article-image img{width:300px;height:200px;}
#main-content div.article-image img.ns{width:300px;}
}
@media only screen and (max-width:799px){
#main-content div.article-image img{width:300px;height:200px;}
#main-content div.article-image img.ns{width:300px;}
}
@media only screen and (max-width:499px){
#main-content div.article-image{float:none;margin:0.5em auto;}
}




/*  記事内マップ  */

#spism-navi-area{
	width:100%;
	outline:#bdd4ff solid 1px;
	padding:15px;
	margin:0 auto 1em auto;
	
}
#spism-navi-area::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}



#spism-navi-area div.map-box{
	width:300px;
	height:250px;
	float:right;
	    background-color: rgba(0,0,0,0.1);
	outline:#bdd4ff solid 1px;
}



#spism-navi-area div.txt-box{
	margin:0 330px 0 0;
	background-color:;
}

#spism-navi-area div.txt-box>h3{
	border-left:5px solid #bdd4ff;
	padding-left:10px;
	margin-bottom:0.5em
}


#spism-navi-area div.txt-box h4,
#spism-navi-area div.txt-box p::after{
	clear:none;
}
#spism-navi-area div.txt-box p:last-of-type{
	margin-bottom:0;
}


@media only screen and (max-width:1100px){
#spism-navi-area{
	width:90%;
	margin:0 auto 1em auto;
}

#spism-navi-area div.map-box{
	width:300px;
	height:250px;
}
#spism-navi-area div.txt-box{
	margin:0 330px 0 0;
}	
}

@media only screen and (max-width:899px){
#spism-navi-area{
	padding:10px;
}
#spism-navi-area div.map-box{
	float:none;
	margin:0 auto 1em auto;
	width:270px;
	height:200px
}
#spism-navi-area div.txt-box{
	margin:1em 0 0 0;
}	


}

/*  ====table#type01=====  */
table#type01 {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	width: 95%;
	margin:0 auto 2em auto;
}
table#type01 th,
table#type01 td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;

}
table#type01 th {
	background-color: #d6e2e3;
	text-align: left;
}

table#type01 td.kaigyo,
table#type01 th.kaigyo{
	white-space: nowrap;
}


@media screen and (max-width: 599px) {
table#type01 {
	border: none;
}
table#type01 thead {
	display: none;
}
table#type01 tr {
	border-top: 1px solid #999;
	display: block;
	margin-bottom: 10px;
}
table#type01 td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	display: block;
	padding: 10px;
	text-align:left;
}


table#type01 td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	margin-right:20px;
}
}
/*  =========  */


/*  hr */
#main-content hr{
	margin:0 0 3em;
	border:0 none transparent;
	width:auto;
	height:14px;
	font-size:14px;
	line-height:14px;
	color:rgba(171,200,221,1);
	display:block;
	text-align:center;
	}

#main-content hr::before{
	content:'\25cf \3000 \3000 \25cf \3000 \3000 \25cf \3000 \3000 \25cf \3000 \3000 \25cf \3000 \3000 \25cf \3000 \3000 \25cf';
	}
	
	
#main-content section hr.interview{
    border: 0 none transparent;
    border-top: 1px dashed #dddddd;
	margin-bottom:1.5em;
    height: 1px;
}

#main-content section hr.interview::before{
		content:'';
	}
	
/* 入力 */
#main-content input,
#main-content select{
	    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
    border: 1px solid #a9a9a9;
    height: 30px;
    margin: 0.5em 0;
	    padding: 2px 6px;
}


/*  ページ下部　SNS   */

#article-sns{
	display:block;
	padding:20px 0;
	margin:0 0 15px 0;
	clear:both;
	text-align:center;
}
#article-sns-buttons>a{
	display:inline-block;
	vertical-align:top;
	width:40px;
	height:40px;
	margin-left:8px;
}
#article-sns-buttons>a:first-child{margin-left:0;}
#article-sns-buttons>a>img{
	display:inline-block;
	vertical-align:top;
	width:40px;
	height:40px;
}
#article-sns-buttons>a:hover>img,
#article-sns-buttons>a:active>img,
#article-sns-buttons>a:focus>img{opacity:0.7;}

@media only screen and (max-width:699px){
#article-sns{padding:10px 0;margin:0 0 10px 0;}

}


/*  ページ下部　関連   */

#kanren-area{
	margin:15px auto 30px auto;
	width:90%;
}
#kanren-area>h3{
	font-size:23px;
	line-height:23px;
	padding:10px 10px 5px 10px;
	color:#f1f1f1;
	background-color:#5591ff;
	letter-spacing:0.06em;
	text-shadow:0 0 4px #333;
	position:relative;
	margin:0;

}
#kanren-area>h3::before {
	content:'';
	display:block;
	width:0;height:0;
	position:absolute;top:0;right:0;
	border-right:18px solid #fff;
	border-bottom:18px solid #b9dfe0;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.2);
}


#kanren-area>ul{
	margin:0;
	list-style:none;
	border:1px solid #bdd4ff;
}

#kanren-area>ul>li{
	border-bottom:#e5e5e5 solid 1px;
}

#kanren-area>ul>li:last-of-type{
		border-bottom:none;
}

#kanren-area>ul>li>a{
	display:block;
	padding:10px 5px 8px 10px;
	line-height:1.3;
}
#kanren-area>ul>li>a::after{content:'';display:block;height:0;clear:both;}
#kanren-area>ul>li>a:hover,
#kanren-area>ul>li>a:active,
#kanren-area>ul>li>a:focus{
	background-image:linear-gradient(to bottom,rgba(98,154,255,0.1) 0,rgba(98,154,255,0.15) 10%,rgba(98,154,255,0.3) 50%,rgba(98,154,255,0.05) 100%);
}
#kanren-area>ul>li>a>img{
	width:40px;
	height:40px;
	border-radius:6px;
	float:left;
	margin:0 10px 0 0;
	vertical-align:bottom;
	 padding: 2px;
	 box-shadow: inset 0 0 3px #666;
}
#kanren-area>ul>li>a>h4{
	font-size:15px;
	line-height:1.4;
	margin:3px 0 0 0;
		clear:none;
		color: #535353;
}

#kanren-area>ul>li>a>div.head {
    font-size: 15px;
    line-height:1;
    padding-bottom: 0.1em;
	padding-top:2px;
}
@media only screen and (max-width:799px){
#kanren-area{
	margin:15px auto 30px auto;
	width:100%;
}



}

@media only screen and (max-width:699px){


#kanren-area>ul>li>a>h4{margin-top:2px;}
#kanren-area>h3{
	font-weight:normal;
}

#kanren-area>ul>li>a>h4{
	font-weight:normal;
}


}

@media only screen and (max-width:599px){
#kanren-area>h3{
	font-size:19px;
	line-height:19px;

}
}

/*============================================================================*+
  もどるボタン
+*============================================================================*/

div.back-to-list-button{
	text-align:center;
	margin:0;
}
div.back-to-list-button>a{
	display:inline-block;
	vertical-align:top;
	border-radius:8px;
	padding:10px 25px;
	background-color:#bf90e4;
	color:#fff;
}
div.back-to-list-button>a:hover,
div.back-to-list-button>a:active,
div.back-to-list-button>a:focus{opacity:0.7;}
div.back-to-list-button>a.fortune{background-color:#4cb9bc;}
div.back-to-list-button>a.spiritual{background-color:#bf90e4;}


/*============================================================================*+
  LIST
+*============================================================================*/

#article-list-page{
	background-color:#fff;
}

#article-list-page>h1{
	font-size:24px;
	border-bottom:#629aff 5px solid;
	margin:0 0 25px 0;
	line-height:1.2;
	color:#585858;
}

ul.article-list{
	margin:0 0 25px 0;
	list-style-type:none;
	border-top:1px solid #e5e5e5;
}
ul.article-list>li{
	border-bottom:1px solid #e5e5e5;
}
ul.article-list>li>a{
	display:block;
	padding:10px 0;
	position:relative;
}
ul.article-list>li>a::after{content:'';display:block;height:0;clear:both;}
ul.article-list>li>a:hover,
ul.article-list>li>a:active,
ul.article-list>li>a:focus{
	box-shadow:inset 0 0 39px 16px #fff;
	background-image:url(/images/article-list-hover.png),linear-gradient(to bottom,rgba(98,154,255,0.1) 0%,rgba(98,154,255,0.15) 10%,rgba(98,154,255,0.3) 50%,rgba(98,154,255,0.05) 100%);
	background-position:center right 20px,center right,center right;
	background-repeat:no-repeat,repeat-x;
	background-size:contain,auto;
}

ul.article-list>li>a>img{
	float:left;
	display:block;
	margin:0 10px 0 0;
	padding:3px;
	width:110px;
	height:110px;
	background-color:#fff;
	box-shadow:inset 0 0 3px #666;
	border-radius:10px;
	
}
ul.article-list>li>a:hover>img,
ul.article-list>li>a:active>img,
ul.article-list>li>a:focus>img{
	opacity:0.7;
}

ul.article-list>li>a>div.info{
	line-height:20px;
	margin-bottom:10px;
}
ul.article-list>li>a>div.info>span.category-label{
	margin-right:14px;
}
ul.article-list>li>a>div.info>time{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:12px;
	padding:4px 0 4px 0;
	color:#b1b1b1;
}
ul.article-list>li>a>div.head{
	font-size:18px;
	line-height:1.3;
}
ul.article-list>li>a>h2{
	line-height:1.3;
	font-size:20px;
	margin:0;
	font-weight:bold;
}


@media only screen and (max-width:999px){
#article-list-page>h1{padding:0 0 0 5px;}
ul.article-list{margin:0 5px;}
}

@media only screen and (max-width:699px){
#article-list-page>h1{
	font-size:20px;
	border-bottom:#629aff 3px solid;
	margin:0 0 15px 0;
}
ul.article-list{margin:0 0 15px 0;}
ul.article-list>li{padding:0 5px;}
ul.article-list>li>a{padding:5px 0;}
ul.article-list>li>a>img{width:80px;height:80px;margin:0 5px 0 0;}
ul.article-list>li>a>div.head{font-size:13px;font-weight:normal;}
ul.article-list>li>a>h2{font-size:16px;}
ul.article-list>li>a>div.info{margin:0 0 5px 0;padding-top:1px;}
ul.article-list>li>a>div.info>time{font-size:10px;}
}


/*--new---*/
ul.article-list>li.new>a::before{
	content:'\65b0\7740';
	width:70px;
	height:40px;
	position:absolute;
	left:0;
	top:17px;
	background-image:url(/images/new-icon.png);
	background-repeat:no-repeat;
	z-index:10;
	padding:12px 0 0 8px;
	line-height:16px;
	font-size:18px;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow:1px 1px 3px #d61019;
}
ul.article-list>li.new>a:hover::before,
ul.article-list>li.new>a:focus::before,
ul.article-list>li.new>a:active::before{
	opacity: 0.7;
}

@media only screen and (max-width:699px){
ul.article-list>li.new>a::before{
	width:50px;
	height:29px;
	background-size:contain;
	font-size:14px;
	padding:7px 0 0 5px;
	top:10px;
}
}



/*============================================================================*+
   PAGE NAVI : 仮組み
+*============================================================================*/


#page-navi{
	margin:2em auto;
	padding:8px 0;
	text-align:center;
}
#page-navi>span.page-navi-button,
#page-navi>a.page-navi-button{
	display:inline-block;
	vertical-align:top;
	height:16px;
	line-height:14px;
	font-size:14px;
	padding:12px 10px 10px 10px;
	box-shadow: inset 0 0 2px #666;
	border-radius:8px;
	background-color:#fff;
	margin-left:8px;
	color: #444;
}
#page-navi>span.page-navi-button:first-child,
#page-navi>a.page-navi-button:first-child{
	margin-left:0;
}


#page-navi>a.page-navi-button>img{
	vertical-align:middle;
	margin:-2px 5px 0 5px;
}

#page-navi>a.page-navi-button:hover,
#page-navi>a.page-navi-button:active,
#page-navi>a.page-navi-button:focus{
	    color: #000;
	background-color:rgba(98,154,255,0.1);
	background-image: linear-gradient(to bottom,rgba(98,154,255,0.1) 0,rgba(98,154,255,0.15) 10%,rgba(98,154,255,0.3) 50%,rgba(98,154,255,0.05) 100%);
	
}
#page-navi>span.page-navi-button-disabled{
	background-color:#D4D4D4;
	color:#828282;
	cursor:default;
}

#page-navi>span.page-navi-button-disabled>img{
	vertical-align:middle;
	margin:-2px 5px 0 5px;
}

/*============================================================================*+
   IMDEX　無料占い・スピリチュアル誘導ボタン
+*============================================================================*/

#category-bns>a{
	display:block;
	margin-top:10px;
	border:1px solid #ccc;
	position:relative;
}
#category-bns>a:first-child{margin-top:0;}
#category-bns>a::after{
	content:'';
	position:absolute;top:-1px;right:-1px;
	border-right:28px solid #fff;
	border-bottom:28px solid transparent;
	box-shadow:-2px 2px 1px rgba(0,0,0,0.15);
}
#category-bns>a#category-bn-fortune::after{border-bottom-color:#b9dfe0;}
#category-bns>a#category-bn-spiritual::after{border-bottom-color:#dabfda;}
#category-bns>a#category-bn-fortune:hover,
#category-bns>a#category-bn-fortune:active,
#category-bns>a#category-bn-fortune:focus{background-color:rgba(113,217,220,0.3);opacity:0.7;}
#category-bns>a#category-bn-spiritual:hover,
#category-bns>a#category-bn-spiritual:active,
#category-bns>a#category-bn-spiritual:focus{background-color:rgba(179,102,198,0.3);opacity:0.7;}
#category-bns>a>h2{
	background-image:linear-gradient(to right,rgba(255,255,255,0.75),rgba(255,255,255,0.7) 25%,rgba(255,255,255,0));
	background-position:left top;
	font-size:24px;
	line-height:26px;
	padding:10px 40px 10px 55px;
	position:relative;
}
#category-bns>a>h2::before{
	content:'';
	width:47px;
	position:absolute;left:0;top:0;bottom:0;
	background-image:url(/images/category-bns-icon.png);
	background-position:0 -2px;
	background-repeat:no-repeat;
}
#category-bns>a#category-bn-fortune>h2{
	background-image:linear-gradient(to right,rgba(113,217,220,0.23) 0,rgba(113,217,220,0.3) 40%,rgba(113,217,220,1) 85%,rgba(113,217,220,1) 100%);
}
#category-bns>a#category-bn-spiritual>h2{
	background-image:linear-gradient(to right,rgba(179,102,198,0.23) 0,rgba(179,102,198,0.3) 40%,rgba(179,102,198,1) 85%,rgba(179,102,198,1) 100%);
}

#category-bns>a>h2>span.button{
	display:inline-block;
	vertical-align:top;
	float:right;
	font-size:14px;
	line-height:20px;
	padding:2px 6px 1px 12px;
	border-radius:4px;
	background-color:#fff;
	box-shadow:0 0 2px 1px rgba(88,90,92,0.2),1px 1px 2px 1px rgba(0,0,0,0.3);
}
#category-bns>a>h2>span.button::after{
	content:'';
	display:inline-block;
	vertical-align:top;
	width:19px;
	height:20px;
	margin-left:4px;
	background-image:url(/images/category-bns-arrow.png);
	background-position:0 2px;
	background-size:19px 15px;
	background-repeat:no-repeat;
}
#category-bns>a>p{
	clear:both;
	padding:5px 10px;
	line-height:1.5;
	color:#333;
}
@media only screen and (max-width:699px){
#category-bns>a::after{border-width:0 13px 13px 0;}
#category-bns>a>h2{
	font-size:17px;
	line-height:21px;
	font-weight:bold;
	padding:7px 18px 7px 28px;
}
#category-bns>a>h2::before{
	width:28px;
	background-position:0 0;
	background-image:url(/images/category-bns-icon-s.png);
}
#category-bns>a>h2>span.button{font-size:11px;font-weight:normal;line-height:15px;padding:2px 5px;}
#category-bns>a>h2>span.button::after{content:none;}
}



/*============================================================================*+
   SIDE
+*============================================================================*/

/*--サイドカテゴリ--*/

#side-category>li{
	margin-top:15px;
	text-shadow:0 0 8px #fff,0 0 4px #fff;

}
#side-category>li>a{
	display:block;
	padding:10px 13px;

	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	box-shadow:inset 0 0 8px 4px rgba(52,52,52,0.2);
}
#side-category>li>a:hover,
#side-category>li>a:active,
#side-category>li>a:focus{opacity:0.7;}
#side-category>li#side-category-fortune>a{background-image:url(/images/side-category-fortune-bg.jpg);}
#side-category>li#side-category-spiritual>a{background-image:url(/images/side-category-spiritual-bg.jpg);}
#side-category>li>a>h4{
	font-weight:bold;
	font-size:22px;
	line-height:1.4;
}
#side-category>li#side-category-fortune>a>h4{color:#015a5d;}
#side-category>li#side-category-spiritual>a>h4{color:#639;}
#side-category>li>a>p{
	color:#222;
	line-height:1.4;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1), 1px 1px 2px rgba(0, 0, 0, 1);
}

@media only screen and (max-width:699px){
#side-category>li{margin-top:10px;}
#side-category>li>a>h4{font-size:18px;}
}


/*--オススメ--*/

#side-osusume{
	margin:15px 0 0 0;
}
#side-osusume>h3{
	font-family:Belleza,'Times New Roman',Times,serif;
	font-size:23px;
	padding:5px 10px;
	color:#f1f1f1;
	background-color:#5591ff;
	letter-spacing:0.06em;
	text-shadow:0 0 4px #333;
	position:relative;
}
#side-osusume>h3::before {
	content:'';
	display:block;
	width:0;height:0;
	position:absolute;top:0;right:0;
	border-right:18px solid #fff;
	border-bottom:18px solid #b9dfe0;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.2);
}
#side-osusume>h3>span{
	font-size:12px;
	vertical-align:middle;
	padding:0 0 5px 10px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
}
#side-osusume>ul>li{
	border-bottom:#e5e5e5 solid 1px;
}
#side-osusume>ul>li>a{
	display:block;
	padding:8px 5px 8px 0;
	line-height:1.3;
}
#side-osusume>ul>li>a::after{content:'';display:block;height:0;clear:both;}
#side-osusume>ul>li>a:hover,
#side-osusume>ul>li>a:active,
#side-osusume>ul>li>a:focus{
	background-image:linear-gradient(to bottom,rgba(98,154,255,0.1) 0,rgba(98,154,255,0.15) 10%,rgba(98,154,255,0.3) 50%,rgba(98,154,255,0.05) 100%);
}
#side-osusume>ul>li>a>img{
	width:60px;
	height:60px;
	border-radius:6px;
	float:left;
	margin:0 10px 0 0;
	vertical-align:bottom;
	 padding: 2px;
	 box-shadow: inset 0 0 3px #666;
}
#side-osusume>ul>li>a>h4{
	font-size:14px;
	line-height:1.4;
	margin:3px 0 0 0;
}

@media only screen and (max-width:699px){
#side-osusume>ul>li>a>h4{margin-top:2px;}
}


/*============================================================================*+
  FOOTER
+*============================================================================*/

#footer-menu>li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
}
#footer-menu>li:nth-child(n+2){margin-left:15px;}
#footer-menu>li>a{color:#fff;}
#footer-menu>li>a:hover,
#footer-menu>li>a:focus,
#footer-menu>li>a:active{
	text-decoration:underline;
}
#footer-logo>a>img{
	display:inline-block;
	vertical-align:top;
	width:120px;
	height:120px;
}
#footer-copyright{
	font-size:12px;
	line-height:1;
	color:#fff;
	position:relative;
}
#footer-copyright img{
	display:inline-block;
	vertical-align:top;
	position:absolute;
	width:1px;
	height:1px;
	right:1px;
	top:1px;
	border:0 none transparent;
}

@media only screen and (max-width:699px){
#footer-menu>li{font-size:10px;}
#footer-logo>a>img{width:70px;height:70px;}
#footer-copyright{font-size:10px;}
}



/*============================================================================*+
  SCROLL TO TOP
+*============================================================================*/
#page-top{
	position:fixed;right:50px;bottom:50px;z-index:99;
	width:60px;height:60px;
	background-color:rgba(171,200,221,0.8);
	border-radius:35px;
	font-size:13px;
	line-height:1;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	color:#fff;
	font-family:Belleza,'Times New Roman',Times,serif;
	cursor:pointer;
}
#page-top>svg{
	display:inline-block;
	vertical-align:top;
	margin:10px auto 2px auto;
	width:20px;
	height:13px;
}
#page-top>svg>polygon{fill:#fff;}
#page-top:hover{background-color:rgba(92,92,92,0.6);}
@media only screen and (max-width:699px){
#page-top{right:10px;bottom:10px;}
}




/*============================================================================*+
   RECOMMEND
+*============================================================================*/

#article-matched-content{
	display:block;
	padding:5px;
	box-shadow:inset 0 0 3px 0;
	 border-radius: 8px;
	 margin:20px 0 30px 0 ;
}

#article-matched-content>h3{
	box-shadow:inset 0 0 1px 0;
    font-size: 22px;
    background-color: #bfd6ff;
    padding: 10px 10px 8px 10px;
    border-radius: 5px 5px 0 0;
	letter-spacing: 0.06em;
    text-shadow: 0 0 4px rgba(255,255,255, 1);
	color: #545454;
	font-weight: 550;
	line-height:1.5;
	margin:0 0 5px 0;
}

#article-matched-content>div#article-matched-content-widget{
	box-shadow:inset 0 0 1px 0;
 border-radius: 0 0 5px 5px;
 padding:3px;
 text-align:center;
}

@media only screen and (max-width:699px){

#article-matched-content{
	 margin:12px 0 15px 0 ;
}


#article-matched-content>h3{
    font-size: 18px;
	padding: 5px 10px 3px 10px;
}

}


/*============================================================================*+
  AD
+*============================================================================*/

#gad1>div>iframe,#gad2>div>iframe,#gad3>div>iframe,#gad4>div>iframe,#gad5>div>iframe,#gad6>div>iframe,#gad7>div>iframe,#gad8>div>iframe,#gad9>div>iframe,#gad10>div>iframe,#gad11>div>iframe,#gad12>div>iframe{box-shadow:2px 2px 4px rgba(0,32,64,0.05);}
#cb-ad{margin:20px auto;padding:20px 0;box-shadow:inset 0 0 16px rgba(68,105,172,0.4);border-radius:5px;}
#gad56c,#gad5c,#gad5,#gad6c,#gad6,#gad78c,#gad7c,#gad7,#gad8c,#gad8,#gad9c,#gad9,#gad10c,#gad10,#gad11c,#gad11,#gad12c,#gad12{display:none;}
#gad1c{width:300px;margin:0 auto;}
#gad1{width:300px;height:250px;}
#gad2c{width:300px;margin:15px auto 0 auto;}
#gad2{width:300px;max-height:600px;}
#gad34c{display:flex;justify-content:center;margin:0 auto;}
#gad3c,#gad4c{width:336px;flex:0 0 336px;align-self:flex-start;}
#gad4c{margin-left:15px;}
#gad3,#gad4{width:336px;height:280px;}
@media only screen and (max-width:1049px){
#gad4c,#gad4{display:none;}
}
@media only screen and (max-width:799px){
#cb-ad,#gad1c,#gad1,#gad2c,#gad2,#gad34c,#gad3c,#gad3{display:none;}
#gad56c,#gad78c{display:flex;justify-content:space-around;margin:10px auto;}
#gad5c,#gad6c,#gad7c,#gad8c{display:block;width:300px;flex:0 0 300px;align-self:flex-start;}
#gad5,#gad6,#gad7,#gad8{display:block;width:300px;height:250px;}
}
@media only screen and (max-width:629px){
#gad56c,#gad5c,#gad5,#gad6c,#gad6,#gad78c,#gad7c,#gad7,#gad8c,#gad8{display:none;}
#gad9c,#gad10c,#gad11c,#gad12c{display:block;width:320px;margin:8px auto;}
#gad9,#gad10,#gad11,#gad12{display:block;width:320px;height:100px;}
}

#gad13{min-height:136px;}
#gad14c,#gad14{display:none;}
#gad13>div,
#gad14>div{vertical-align:top;}
@media only screen and (max-width:699px){
#gad13c,#gad13{display:none;}
#gad14c,#gad14{display:block;}
#gad14{min-height:96px;}
}

/*============================================================================*+
  SIDE LINE 22.11.14
+*============================================================================*/
#side-line{
	margin: 10px 0;
    padding: 0;
    display: block;
	text-align: center;
	}
	
	
#side-line a{
	display: flex;
    padding: 10px;
	text-decoration: none;
	align-items: center;
	border: #9BE5BA solid 1px;	    font-size: 18px;    
}

#side-line img{
display: block;
margin: 0 10px 0 0;
    width: 60px;
    height: 60px;
    text-decoration: none;}
	
#side-line a p {
letter-spacing: 0.16rem;
	text-align: left;
	line-height: 1.4;
}
#side-line a p span{color: #009e42; font-weight: 600;}
#side-line a:hover{opacity: 0.8;}

@media only screen and (max-width: 799px){
#side-line a{
	display: inline-flex;}

}




/*============================================================================*+
 　MARGINE　CONTROL　
+*============================================================================*/
.pdT05{padding-top:5px !important;}
.pdT10{padding-top:10px !important;}
.pdT20{padding-top:20px !important;}
.pdT30{padding-top:30px !important;}
.pdT40{padding-top:40px !important;}
.pdT50{padding-top:50px !important;}
.mgT05{margin-top:5px !important;}
.mgT10-s{margin-top:10px !important;}
.mgT20-s{margin-top:20px !important;}
.mgT30-s{margin-top:30px !important;}
.mgT40-s{margin-top:40px !important;}
.mgT50-s{margin-top:50px !important;}

.pdB05{padding-bottom:5px !important;}
.pdB10{padding-bottom:10px !important;}
.pdB20{padding-bottom:20px !important;}
.pdB30{padding-bottom:30px !important;}
.pdB40{padding-bottom:40px !important;}
.pdB50{padding-bottom:50px !important;}
.mgB05{margin-bottom:5px !important;}
.mgB10-s{margin-bottom:10px !important;}
.mgB20-s{margin-bottom:20px !important;}
.mgB30-s{margin-bottom:30px !important;}
.mgB40-s{margin-bottom:40px !important;}
.mgB50-s{margin-bottom:50px !important;}

@media only screen and (max-width: 599px){

.mgB10-s{margin-bottom:5px !important;}
.mgB20-s{margin-bottom:10px !important;}
.mgB30-s{margin-bottom:15px !important;}
.mgB40-s{margin-bottom:20px !important;}
.mgB50-s{margin-bottom:25px !important;}

.mgT10-s{margin-top:5px !important;}
.mgT20-s{margin-top:10px !important;}
.mgT30-s{margin-top:15px !important;}
.mgT40-s{margin-top:20px !important;}
.mgT50-s{margin-top:25px !important;}

}




/*============================================================================*+
 　COLOR　CONTROL　
+*============================================================================*/
.green{color:#858638;}
.red{color:#df0000 }
.blue{color: #666699;}

.cnt{text-align: center;}
.txt-box-d{margin: 2em auto;width: 90%;  border: double 4px #2f5aa9; padding: 2em 1em 0.5em;}

@media only screen and (max-width: 599px){ 
.txt-box-d{ max-width: 300px;  padding: 1em 4px 0 4px;}
}


/*============================================================================*+
 　FONT　CONTROL　
+*============================================================================*/
.f-130{font-size: 130% !important;}