/*
Theme Name: レビューポータル
Author: Yuhgo

Version: 1.0
*/

/* 書き込みテスト2 */

/*  file uploader*/

body{
	color:#333;
}

#content-single {
	color:#333;
}
#content-single p{
	margin:10px 0 20px 0;
	color:#333;
	font-size:15px;
}


.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

#post-rating .form-submit{text-align:center; margin-bottom:20px;}
#post-rating input#submit{
	border:1px solid #4CA0DB;
	border-radius:4px;
	background:url(imgs/btn.png) no-repeat;
	width:243px;
	height:51px;
	font-size:0px;
	cursor:pointer;
}
#post-rating input#submit:hover{
	opacity:0.9;
}

#wpadminbar {position:fixed !important;}
#sbm{
	padding:4px 0;
}
#sbm .wrap > *, #sbm .wrap > * > * {
	vertical-align:middle !important;
}

.footer-image
{
}
.footer-image img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}
body{
	background:#fff;
}
body > .wrap > *,
body > .wrap > header > .wrap > *,
body > .wrap > footer > section > .wrap,
body > .wrap > .w100 > .wrap > *
{
	max-width:1000px;
	padding-left:10px; padding-right:10px;
	margin:0 auto;
	position:relative;
}
body > .wrap > .w100{padding:0;}

body > .wrap > header,
body > .wrap > footer,
body > .wrap > .w100
{
	width:auto;
	max-width:inherit;
	min-height:5px;
}

footer {
    padding-top: 50px;
    margin-top: 20px;
	text-align:center;
}
footer a {
    color:#777;
}
@media (max-width: 600px) {
	footer a {
			line-height:200%;
	}
}
#main{
	padding-bottom:80px;
	position:relative;
}

#primary
{
	float:left;
	width:100%;
}
#primary > *{
	margin-right:320px;
}
#secondary
{
	float:right;
	margin-left:-300px;
	width:300px;
}

#primary.column1{
	float:inherit;
}
#primary.column1 > *{
	margin-right:inherit;
}
#primary.column1 + #secondary{
	display:none;
}

#toPageTop{
	position:fixed;
	bottom:63px;
	left:0;
	width:100%;
	height:0;
	min-height:0;
	text-align:center;
	z-index:800;
}
#toPageTop a{
	display:block;
	height:48px;
	width:48px;
	line-height:20px;
	padding:4px 2px 2px;
	position:absolute;
	top:0; right:0;
	background:rgba(230, 35, 95,.2);
}
#toPageTop i{font-size:16px;}

.footer-label{
	position:relative;
}
.footer-label .logo{
	width:240px;
	position:absolute; bottom:0px; left:10px;
}
.footer-label .logo:hover{opacity:1;}
.footer-label .logo:hover img{opacity:0.9;}
.footer-label .description{margin-left:360px;}

form .select-illusts img{border:1px solid #fff;}
form .select-illusts input:checked{}
form .select-illusts input:checked ~ img{
	background:#f5f5f5;
	border:1px solid #ccc;
}
.header-logo{
	font-size:20px;
	font-weight:bold;
	color:#401900;
	width:120px;
	text-align:center;
}

/* slider */
#index-slider{
	min-height:100px;
	position:relative;
}
#sindex-slider .sliders{
	position:relative;
	width:100%;
	padding-top:36%;
	overflow:hidden;
}
#sindex-slider .slider{
	position:absolute; top:0; left:0;
}
#sindex-slider .slider img{
	width:100%;
	height:auto;
}
#index-slider form{
	position:absolute;
	bottom:10px; left:0;
	width:100%;
	display:block;
}
#index-slider form > div{
	margin:0 20px;
}

#index-slider .cell1 > *{margin-left:-30px;}
#index-slider .icon-play:before{margin:0;}
#index-slider .cell{}
#index-slider input{width:90%;}

@media screen and (max-width: 1000px){
	#index-slider .cell{font-size:10px;}
	#index-slider .cell1 img{width:90px !important;}
	#index-slider .cell3{display:none;}
	#index-slider .cell button{font-size:10px;}
	#index-slider .cell button span{display:none;}
	#index-slider form{
		position:relative;
	}
	#index-slider form > div{
		margin:0 20px;
	}
}
@media screen and (max-width: 768px){

	body > .wrap > *,
	body > .wrap > header > .wrap > *,
	body > .wrap > footer > section > .wrap
	{
		float:inherit;
		width:100%;
		margin:0;
		padding-left:0;
		padding-right:0;
	}
	body > .wrap > header,
	body > .wrap > footer,
	body > .wrap > .w100
	{
		width:100%;
		max-width:inherit;
		float:inherit;
	}
	body > .wrap > #breadCrumb{}

	#primary,
	#secondary
	{
		float:inherit;
		display:block;
		vertical-align:top;
		width:100%;
		padding:10px 0;
		margin:0 auto;
	}
	#primary > *{
		margin-right:0;
	}

.footer-label .logo{
	display:none;
}
.footer-label .description{margin-left:0px; margin-right:60px;}

}

@media screen and (max-width: 640px){
	#index-slider .cell{display:inline-block; *display:inline; *zoom:1;}
	#index-slider .cell2{width:65%;}
	#index-slider .cell4{width:65%}
	#index-slider .cell1{width:20%;}
	#index-slider .cell3{width:20%;}
	#index-slider .cell3 > *{display:none}
	#index-slider .cell5{vertical-align:bottom}

.rsmaller{font-size:10px;}
}


/*  Colors */

.bg-color1, .bg-orange{background-color:#F90}
.bg-color1-2, .bg-orange2{background-color:#FC6;}
.bg-color2, .bg-blue{background-color: #1f9ccb;}
a{color:#00a6c9;}
.color1, .orange, a.orange:hover, a.color1:hover{color:#FC6;}
.color1-2, .orange-2{color:#e57c00;}
.color2, .blue, a.blue:hover, a.color2:hover{color:#00a6c9;}
.border-color1, .border-orange{border-color:#ff8a00;}
.border-color1-2 .border-orange2{border-color:#e57c00;}
.border-color2, .border-blue{border-color:#4ca0db;}
.bg-grey3{background:#fafafa;}
.bg-black{background:#222; color:#ddd;}

a.full:hover,
a.full:hover *
{
	background-color:#000;
	color:#fff;
}
.bubble-bottom.bg-color1:before,
.bubble-bottom.bg-orange:before{
	border-top-color:#ff8a00;
}
.bubble-bottom.bg-color2:before,
.bubble-bottom.border-color2:before,
.bubble-bottom.bg-blue:before,
.bubble-bottom.border-blue:before{
	border-top-color:#00a6c9;
}
.bubble-bottom.bordered:before{
	bottom:-7px;
}
.bubble-bottom-wide:before{
	border-left-width:20px;
	border-right-width:20px;
	border-top: 10px solid #ccc;
	bottom:-10px !important;
	margin-left:-20px;
}
.bubble-bottom-wide.bordered:after{
	content:'';
	position:absolute; width:0; height:0;
	bottom:-9px; left:50%; margin-left:-20px;
	border-top: 10px solid #fff;
	border-left:20px solid transparent;
	border-right: 20px solid transparent;
}

.grad1, .grad-orange{
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #ff8b02),
	color-stop(1, #ffad4c)
);
background-image: -o-linear-gradient(top, #ff8b02 0%, #ffad4c 100%);
background-image: -moz-linear-gradient(top, #ff8b02 0%, #ffad4c 100%);
background-image: -webkit-linear-gradient(top, #ff8b02 0%, #ffad4c 100%);
background-image: -ms-linear-gradient(top, #ff8b02 0%, #ffad4c 100%);
background-image: linear-gradient(to top, #ff8b02 0%, #ffad4c 100%);
}
.grad1-2, .grad-orange2{
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #fee390),
	color-stop(1, #feeeb6)
);
background-image: -o-linear-gradient(top, #fee390 0%, #feeeb6 100%);
background-image: -moz-linear-gradient(top, #fee390 0%, #feeeb6 100%);
background-image: -webkit-linear-gradient(top, #fee390 0%, #feeeb6 100%);
background-image: -ms-linear-gradient(top, #fee390 0%, #feeeb6 100%);
background-image: linear-gradient(to top, #fee390 0%, #feeeb6 100%);
}
.grad2, .grad-blue{
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #0179cc),
	color-stop(1, #4ca0db)
);
background-image: -o-linear-gradient(top, #0179cc 0%, #4ca0db 100%);
background-image: -moz-linear-gradient(top, #0179cc 0%, #4ca0db 100%);
background-image: -webkit-linear-gradient(top, #0179cc 0%, #4ca0db 100%);
background-image: -ms-linear-gradient(top, #0179cc 0%, #4ca0db 100%);
background-image: linear-gradient(to top, #0179cc 0%, #4ca0db 100%);
}


/* override */
html{
}
body > .wrap > header{}
body > .wrap > .w100 {}
body > .wrap > .copys{}

.bg-berge{background-color:#FFFAEF;}
/*.bg-color2, .bg-blue{background-color:#1f9ccb;}*/
.bg-green{background:#27AE60}
.bg-pink{background:#e6235f;}
a{color:#0080A8}
a{
	opacity:1;
	transition: all 0.2s linear;
}
a:hover{
	text-decoration:none;
	opacity:0.8;
	transition: all 0.2s linear;
}
.underline{text-decoration:underline;}
.color1, .orange, a.orange:hover, a.color1:hover{color:#F90;}
.color1-2, .orange-2{color:#320b0a}
.color2, .blue, a.blue:hover, a.color2:hover{color:#1f9ccb;}
.border-color1, .border-orange{border-color:#764f3e;}
.border-color1-2 .border-orange2{border-color:#320b0a;}
.border-color2, .border-blue{border-color:#1f9ccb;}
.color-rank1{color:#b8913c}
.color-rank2{color:#888}
.color-rank3{color:#7d4f23}

.dark-brown{color:#401900}
.brown{color:#874003}
.bg-brown{background:#874003}
.bg-green,
.bg-dark-brown{background:#401900}
.bg-light-brown{background:rgba(64,25,0,0.05)}
.bg-light-blue{background:#f3fcff;}
a.bg-light-brown:hover{background:rgba(64,25,0,0.1) !important}

.bubble-bottom.bg-color1:before,
.bubble-bottom.bg-orange:before{
	border-top-color:#764f3e;
}
.bubble-bottom.bg-color2:before,
.bubble-bottom.border-color2:before,
.bubble-bottom.bg-blue:before,
.bubble-bottom.border-blue:before{
	border-top-color:#0080A8;
}

.type1{
	display:block;
	box-sizing:border-box;
}
.type1 .h{
	position:relative;
	margin:10px 0;
	padding:0 10px;
	border-left:5px solid #1f9ccb;
}
.type1 .b{
	background:#fff;
	border:1px solid #eee;
	margin-bottom:10px;
}

@media (max-height:640px) {
	.type1 .b{
		border:none;
	}
}
.type1.archive{
	letter-spacing:-.4em;
}
.type1.archive > *{
	letter-spacing:0;
}
.type1.archive > .block{
	box-sizing:border-box;
	display:inline-block;
	width:33.33%;
	vertical-align:top;
}
.type1.archive > .block > .b{
	margin-right:10px;
	border:none;
}
.h.pbr:after{
	content:''; display:block;
	position:absolute; right:0; bottom:0;
	border-right: 10px solid #ce3136;
	border-top:10px solid transparent;
}
.h.blue{
	border-bottom-color:#0080A8;
}
.h.green{
	border-bottom-color:#27AE60;
}
.h.orange{border-bottom-color:#F90}

.circle{
	border-radius:50%;
	font-size:14px;
	width:1.6em; line-height:1.6em;
	display:inline-block; text-align:center;
	font-style:italic; vertical-align:middle;
	background:#FFC;
	border:1px solid #ccc;
	color:#888;
}

.cols3{
	margin-left:-0.5%;
	margin-right:-0.5%;
	clear:both;
}
.cols3 > *{
	display:inline-block;
	vertical-align:top;
	width:32.25%;
	margin:0 0.5% 1%;
}

.tabs{
	border-bottom:1px solid #ccc;
	text-align:center;
}
.tabs > div{
	width:98%;
	margin:0 auto;
	position:relative;
	display:table;
	border-spacing:4px;
	margin-bottom:-5px;
}
.tabs a{
	border:1px solid #ccc;
	display:table-cell;
	height:3em;
	vertical-align:middle;
	width:25%;
	background:#fff;
	color:#666;
}
.tabs a.active{
	background:#764f3e;
	border:1px solid #764f3e;
	color:#fff;
}
.tabs a > span{
}

#navigation .cell{
	padding:4px;
}
#navigation a
{
	line-height:1.2;
	width:110px;
}
#navigation a .smaller{font-size:8px;}
#navigation a:hover,
.hover-bg:hover{
	background:#eee;
	opacity:1;
}

#index-item-lists .cell{padding:4px;}
#index-item-lists a{
	font-size:11px;
	display:inline-block;
	margin:0 10px 4px 0;
	border-bottom:1px solid #0080A8;
}

.countUp{text-align:right; margin-right:5%;}

body > .js_stage{
	position:fixed; top:0; left:0; z-index:200000;
	background:rgba(102,102,102,0.3);
	width:100%; height:100%;
	display:none;
	text-align:center;
}
body > .js_stage > .backstage{
	content:'';
	display:block;
	width:100%; height:100%;
	position:fixed; top:0; left:0;
	z-index:20001;
}
body > .js_stage .wrapper{
	max-width:90%; height:90%;
	margin-top:70px;
	position:relative;
}
body > .js_stage .wrapper img{
	max-width:100%; max-height:100%;
	width:auto; height:auto;
	vertical-align:bottom;
	position:relative; z-index:20002;
}
body > .js_stage .cancel{
	position:absolute; z-index:20003;
	top:-10px; right:-10px;
	display:block;
	font-size:24px; color:#666;
	line-height:30px;
	width:30px; height:30px;
	background:#fff;
	border-radius:50%;
	opacity:1;
}

.modal_body{
	position:fixed;
	top:5%;
	left:0;
	z-index:300000;
	width:100%;
	height:100%;
	text-align:center;
	overflow-y:auto;
}
.modal_body > .wrap{
	border:1px solid #ccc;
	max-width:800px;
	text-align:left;
	background:#fff;
	border-radius:4px;
	margin:0 auto;
	position:relative;
}
.modal_body .modal_content{
	overflow-y:auto;
	max-height:100%;
	background:#fff;
}
.modal_body > .wrap > *{
	padding:20px;
}
.modal_body .modal_header{
	border-bottom:1px solid #eee;
}
.modal_body .modal_cancel{
	position:absolute; z-index:2;
	top:4px; right:4px;
	text-align:center;
	font-size:28px;
	color:#888;
	width:40px; line-height: 40px;
	background:#fff; border-radius:50%;
}
.modal_body .modal_cancel:hover{
	opacity:1 !important;
}
.modal_body .modal_cancel:hover i{
	color:#F03;
}
.modal_body .modal_cancel i:before{
	margin:0; padding:0;
}


/* form navi */
.form_nav{text-align:center; font-size:14px; color:#888;}
.form_nav ul{
	display:table;
	margin:0 auto;
	width:100%;
	max-width:800px;
	border:1px solid #ccc;
	border-radius:4px;
	background:#fff;
	overflow:hidden;
}
.form_nav li{
	width:20%;
	vertical-align:middle;
	display:table-cell;
	line-height:16px;
	padding:10px 10px 10px 20px;
	position:relative;
}
.form_nav li > span{
	display:block;
}
.form_nav li:after{
	content:''; display:block;
	z-index:2;
	position:absolute; width:0; height:0;
	top:50%; margin-top:-30px; left:1px;
	border-left: 10px solid #ccc;
	border-top:30px solid transparent;
	border-bottom: 30px solid transparent;
}
.form_nav li:before{
	content:''; display:block;
	z-index:3;
	position:absolute; width:0; height:0;
	top:50%; margin-top:-30px; left:0px;
	border-left: 10px solid #fff;
	border-top:30px solid transparent;
	border-bottom: 30px solid transparent;
}
.form_nav li:first-child{
	padding-right:20px;
}
.form_nav li:first-child:before, .form_nav li:first-child:after{
	display:none;
}
.form_nav li.active{
	background:#27AE60;
	color:#fff;
}
.form_nav li.active:after{
	background:#27AE60;
}
.form_nav li.active + li:before{
	border-left-color:#27AE60;
}

#content-single{
	line-height:1.8;
}
#content-single h1,
#content-single h2,
#content-single h3,
#content-single h4,
#content-single h5,
#content-single h6
{
	line-height:1.6;
	font-size:16px;
	margin:10px 0 10px;
	font-weight:bold;
}
#content-single h1{
	font-size:22px;
	padding:0 10px;
	border-bottom:2px solid #1f9ccb;
}
#content-single h2{
	font-size:22px !important;
	color:#ffffff;
	padding:10px;
	margin-top:50px;
	margin-bottom:20px;
	margin-left:-20px;
	margin-right:-20px;
	border:none;
	border-left:6px solid #0088CC;
	background:#1F9CCB;
}

#content-single h2.top{
	margin-top:0px;
	font-size:20px;
}

body.page-template-page-template-gray #content-single h2{
	background:#f7f7f7;
	border-color:#666;
}
#content-single h3{
	font-size:20px;
	color:#1f9ccb;
	border-bottom: 1px solid #ccc;
    padding: 8px 10px;
    margin: 30px 0 20px 0;
	background:#f5f5f5;
}
#content-single h4{
	font-size:18px;
	margin-top:20px;
}
#content-single h4:before{
	content: "\f0da";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
display:inline-block;
margin-right:0.4em;
	color:#1f9ccb;
}

table{
	border-collapse:collapse;
	margin-bottom:20px;
}

table tr > *{
	border:1px solid #1f9ccb;
	padding:10px 10px;
	text-align:left;
}
table th{
	background:#f3fcff;
}
table td{
	vertical-align: middle;
}

table.woman tr > *{
	border:1px solid #ED8091;
}
table.woman th{
	background:#ED8091;
	color:#ffffff;
}

table.man tr > *{
	border:1px solid #1f9ccb;
}
table.man th{
	background:#1f9ccb;
	color:#ffffff;
}
table.man td{
	line-height:1.5;
}
table.man td.freeor{
	font-weight:bold;
	text-align:center;
}

.sightuserimg table tr > *{
	border:0px solid #1f9ccb;
}
.sightuserimg table th{
	background:#dcf3fb;
	text-align:center;
	color:#ffffff;
}
.sightuserimg table td{
	width:70%;
}


#content-single ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:16px;
}

#content-single ul li{
	text-indent: 0em;
	margin:0px;
	padding:0px;
}

#overview{
	border:1px solid #1f9ccb;
	padding:10px 20px 20px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

#overview p{margin:0px 0px 10px;}

.sightuserimg{

	margin-top:20px;
	margin-bottom:20px;
	padding:10px 20px 20px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}


.hensyupointo p {
	margin: 0 0 10px;
}

.hensyupointo h3 {
    font-size: 18px;
    color: #333333;
	padding-bottom:3px;
	border-bottom:1px solid #aaa;
	margin:20px 0px 20px;
}

.hensyupointo h3:before {
	content: " \f111";
	padding-right:5px;
	font-family: FontAwesome;
}

.kaisetsu{
	background:#DCF3FB;
	padding:10px 20px;
	margin:20px 0px 20px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

.kaisetsu h4{
	background:#ffffff;
	color:#1F9CCB;
	padding:5px 10px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

.kaisetsu p{
	color:#333333;
	font-size:13px;
	line-height:1.5;
}

.mantitle{text-align:center;background:#009ccc;padding:2px 0px 0px;color:#ffffff;font-weight:bold;border-radius: 50px;        /* CSS3草案 */
-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
-moz-border-radius: 50px;   /* Firefox用 */
margin-bottom:10px;   }

.womantitle{text-align:center;background:#f38391;padding:2px 0px 0px;color:#ffffff;font-weight:bold;border-radius: 50px;        /* CSS3草案 */
-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
-moz-border-radius: 50px;   /* Firefox用 */
margin-bottom:10px;  }


ul.deaitop{
	background:#F3FCFF;
	padding:20px;
	margin:20px auto;
	border:1px solid #1F9CCB;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

ul.deaitop li{
	line-height:170%;
}

ul.deaitop li:before {
	content: " \f14a";
	padding-right:5px;
	font-family: FontAwesome;
}

.tsba_googlegraph p{display:none;}

.iconred{
	background:#E84174;
	padding:3px 7px 1px;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
border-radius: 5px;        /* CSS3草案 */
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;   /* Firefox用 */
}


.ibs-fixed{
	letter-spacing:-0.4em;
	padding:1px 0 0 1px;
	box-sizing:border-box;
}
.ibs-fixed > *{
	letter-spacing:0;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #ccc;
	padding:8px 1em;
	margin-left:-1px;
	margin-top:-1px;
	text-align:center;
	background:#fff;
}
.shops_search_box .ibs-fixed > *{
	width:6em;
}

#secondary .srb{
	display:block;
}
#secondary .ibs-fixed > *{
	width:25%;
}

.merge-icon{
	position:relative;
	display:inline-block;
	width:56px;
	height:36px;
	vertical-align:middle;
	margin-right:4px;
}
.merge-icon > [class^="icon-"].base{
	font-size:36px;
}
.merge-icon > [class^="icon-"].base:before{
	transform:rotate(-15deg);
	position:absolute;
	top:-.1em; left:-.1em;
}
.merge-icon > [class^="icon-"]:last-child{
	font-size:22px;
}
.merge-icon > [class^="icon-"]:last-child:before{
	position:absolute;
	bottom:0; right:0;
}

#primary.search > .wrap{
	margin-right:0;
}
#primary.search .left-column{
	float:left;
	width:300px;
}
#primary.search .left-column > .wrap{
	margin-right:10px;
}
#primary.search .right-column{
	margin-left:300px;
}

.site-description-block{
	display:table;
	width:100%;
	border-radius:6px;
	overflow:hidden;
}
.site-description-block .h{
	display:table-cell;
	background:#ddd;
	text-indent:-99999px;
	font-size:0px;
	line-height:0;
	vertical-align:middle;
}
.site-description-block .h:after{
	content:'';
	display:block;
	background:url( imgs/logo_inverse.png ) 50% 50% no-repeat;
	width:216px;
	height:60px;
}
.site-description-block .b{
	display:table-cell;
	padding:10px;
	font-size:11px;
	line-height:1.1;
}
@media screen and (max-width: 768px){
	.site-description-block,
	.site-description-block .h,
	.site-description-block .b
	{
		display:block;
	}
	.site-description-block .h:after{
		height:30px;
		width:100%;
	}
}

#single-site-head{
padding: 10px 0;
    border-bottom: 1px solid #eee;

}
#single-site-head.fixed{
	position:fixed;
	top:0;
	z-index:100000;
}

.single-site-thumbnail{
	display:inline-block;
	border-radius:10px;
	overflow:hidden;
	vertical-align:bottom;
}
.single-site-thumbnail img{
	max-width:100px;
	max-height:100px;
	width:auto;
	height:auto;
}

@media screen and (max-width: 768px){
	.single-site-thumbnail img{
		width:100px;
		height:100px;
	}
}

.single-site-gallery{
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
}
.single-site-gallery li{
	display:inline-block;
	margin-right:10px;
}
.single-site-gallery li img{
	max-width:240px;
	width:auto;
	height:auto;
}
.pagination{
	padding:0 0 20px 0;
	text-align:center;
}
.pagination li{
	display:inline-block;
}
.pagination li > a, .pagination li > span{
	display:inline-block;
	border:1px solid #ccc;
	background:#fff;
	border-radius:4px;
	padding:6px 10px;
}
img.small{
	max-width:90px;
}
#content-single .faq-pretty{
	background:#eaeaea;
}
#content-single li.faq-item{
	padding-left:0;
	text-indent:inherit;
}

#header_sp_menu{
	position:absolute;
	width:100%;
	z-index:10;
}

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

.cols3{
	margin:inherit;
}
.cols3 > *{
	display:block;
	vertical-align:inherit;
	width:inherit;
	margin:inherit;
	margin-bottom:10px;
}

}

@media screen and (max-width: 640px){
#navigation a{font-size:10px;}
}



.aside-box{
	padding:10px;
	background:#fff;
	border:1px solid #eee;
	margin-bottom:10px;
}
.aside-box h2{
	margin-bottom:10px;
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:6px;
}
.aside-box .ranked .image{
	position:relative;
}
.aside-box .ranked .image > .rank_num{
	position:absolute;
	display:inline-block;
	width:20px;
	line-height:20px;
	text-align:center;
	background:#333;
	color:#fff;
}
.aside-box .ranked .rank:nth-of-type(1) .image > .rank_num{
	background:#b8913c;
}
.aside-box .ranked .rank:nth-of-type(2) .image > .rank_num{
	background:#888888;
}
.aside-box .ranked .rank:nth-of-type(3) .image > .rank_num{
	background:#7d4f23;
}
.aside-box{}

.button-search{
	background:#333;
	color:#fff;
	width:28px;
	line-height:28px;
	border:none;
}

.type1.rankings .rank .rank_num{
	background:#333;
	color:#fff;
	line-height:20px;
	font-size:15px;
	text-align:center;
	display:inline-block;
	width:2.5em;
	margin-right:.4em;
}
.type1.rankings .rank:nth-of-type(1) .rank_num{
	background:#b8913c;
}
.type1.rankings .rank:nth-of-type(2) .rank_num{
	background:#888888;
}
.type1.rankings .rank:nth-of-type(3) .rank_num{
	background:#7d4f23;
}


/* override faq */
#content-single .faq-pretty{
	background:none;
	border-top:1px solid #ccc;
}
.faq-pretty ul{
	margin:0;
}
.faq-pretty .faq-item{
	border-bottom:1px solid #ccc;
	margin:0;
}
.faq-pretty .faq-question {
	box-sizing:border-box;
	min-height:50px;
    padding: 15px 50px 15px 10px;
    background: none;
	border:none;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: bold;
	position:relative;
	margin-left:50px;
}
.faq-pretty .faq-question:before {
	content:'Q';
	position:absolute;
	top:0px;
	left:-35px;
	font-weight:bold;
	color:#1f9ccb;
	font-size:30px;
}
.faq-pretty .faq-question:after {
	content: "\f13a";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
display:inline-block;
margin-right:0.4em;
	display:block;
	position:absolute;
	top:8px;
	right:10px;
	font-size:20px;
	color:#a9d9e9;
}
.faq-pretty .faq-item.highlight .faq-question:after {
	content: "\f139";
	color:#febad1;
}
.faq-pretty .faq-item.highlight .faq-question {
	background:none;
    border:none;
	color:#333;
}
.faq-pretty .faq-answer {
    padding: 10px 50px 10px 10px;
    background: #fff;
    margin-left: 50px;
    border: none;
	position:relative;
}
.faq-pretty .faq-answer:before {
	content:'A';
	position:absolute;
	top:0;
	left:-35px;
	font-weight:bold;
	color:#e6235f;
	font-size:30px;
}



/* トップページランキング部分 */

.setsumei {
    background: #fff;
    /* border: 1px solid #eee; */
    padding: 15px 15px 15px;
    margin-bottom: 20px;
	clear:both;
}

.dai {
    margin: 0px 0px 10px 0px;
    padding: 12px 0px 10px 20px;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    background: #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    line-height: 1.2;
}

.dai02 {
    margin: 0px 0px 10px 0px;
    padding: 12px 0px 10px 20px;
    font-weight: bold;
    color: #ffffff;
    font-size: 18px;
    background: #FF9900;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.setsumei p {
	font-size:13px;
	line-height:180%;
	color:#222222;
	clear:both;
}

@media (max-width: 600px) {
	.index_wallper{
		background: #f6f6f6 !important;
	}
	.setsumei , .aplilist_typebox , .indexPlus , .top_column{
		line-height:180% !important;
		letter-spacing:1px !important;
		background:#fff !important;
    padding: 16px 10px 24px 10px !important;
    margin:0px 0% 50px 0% !important;
  	box-shadow: 0px 6px 4px -1px rgba(0,0,0,0.09) !important;
	}
	.setsumei .setsumei{
		padding:0 !important;
		margin:0 !important;
		box-shadow: 0px 0 0 0 rgba(255,255,255,0) !important;
	}
	.setsumei p{
		margin:5px 0 15px 0;
	}
}

p.daisetsumei {
    margin-bottom: 0px;
    margin-top:10px;
}
p.daisetsumei img {
    margin: 1em 0;
}
span.check {
    color: #e56284;
    font-weight: bold;
    /*font-size: 16px;*/
}

span.check2 {
    font-weight: bold;
    font-size: 13px;
}

h3.ninki1 {
    font-weight:bold!important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/themes/simplesimple/images/no1.PNG);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
	margin-bottom:10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 22px;
	margin-top:20px;
}

h3.ninki2 {
    font-weight: bold!important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/themes/simplesimple/images/no2.PNG);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
	margin-bottom:10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}

h3.ninki3 {
    font-weight: bold!important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/themes/simplesimple/images/no3.PNG);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
	margin-bottom:10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}

h3.ninki4 {
    font-weight: bold!important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/uploads/2015/09/ranking41.png);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
	margin-bottom:10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}

h3.ninki5 {
    font-weight: bold!important;
    border-bottom: solid 2px #ccc;
    background-image: url(https://magaseekcm.com/wp-content/uploads/2018/10/s_no5.png);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 60px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    color: #e56284;
    font-size: 20px;
}
.updatetime {
font-size:12px;
}
h3.commment {
    font-weight: bold!important;
    border-bottom: solid 2px #ccc;
    background-repeat: no-repeat;
	padding-bottom:5px;
    padding-left: 0px;
    margin: 30px 0px 20px;
    line-height: 25px;
    clear: both;
    font-size: 21px;
}

/* サイト記事の専門家 */

.professional h2 {
    margin: 0px !important;
    padding: 0px !important;
    background-color: #fff !important;
    color: #111 !important;
    margin-left: -10px !important;
    border-left: 0px !important;
}
/* サイト記事の終了 */

.btn-primary2 {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top,#dc3765,#c71950);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#dc3765),to(#c71950));
    background-image: -webkit-linear-gradient(top,#dc3765,#c71950);
    background-image: -o-linear-gradient(top,#dc3765,#c71950);
    background-image: linear-gradient(to bottom,#dc3765,#c71950);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: 15px;
    border-radius: 10px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 18px;
}

.btn:hover, .btn:focus {
    color: #fff;
    text-decoration: none;
    background-position: 0 30px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}


/* テーブルプレスデザイン */

#comparison{
	margin-bottom:0px;
	overflow:auto;
}

.scroll{
overflow: auto; /* tableをスクロールさせる */
white-space: nowrap; /* tableのセル内にある文字の折り返しを禁止 */
}
.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
	height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
	background: #BCBCBC;
}

.scrollnavi{
	background:#ddd;
	text-align:center;
	margin:15px 0px 15px;
	padding:5px;
	border-radius: 50px;        /* CSS3草案 */
	-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 50px;   /* Firefox用 */
}



/* スクロールで表示 */

.mod-inquiry-overlay-fixed {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 900;
    width: 100%;
    background-color: rgba(0,0,0,.65);
    color: #fff;
    height: 100px;
    padding: 0px;
}

.mod-inquiry-overlay-fixed .mod-inquiry-txt {
    padding: 9px;
    margin: 0 0 10px 0;
    background-color: rgba(0,0,0,.45);
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

.cvbtn {
    background: #4CE8AA;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#22b2d6+0,0088cc+100 */
background: #22b2d6; /* Old browsers */
background: -moz-linear-gradient(top,  #22b2d6 0%, #0088cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #22b2d6 0%,#0088cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #22b2d6 0%,#0088cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b2d6', endColorstr='#0088cc',GradientType=0 ); /* IE6-9 */

webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 5% 10px 5%;
    text-decoration: none;
    letter-spacing: 0.1em;
}

.cvbtn {
    display: block;
    width: 80%;
    margin: auto;
    text-align: center;
    font-weight: 700;
}

.cvbtn:hover {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
background: #ffd65e; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */

}




@media screen and (max-width: 768px){
	.faq-pretty .faq-question:after
	{
		display:none;
	}
	.faq-pretty .faq-question,
	.faq-pretty .faq-answer
	{
		padding:4px;
	}

.w70{width:100%;}
.w80{width:100%;}

#content-single .sightuserimg table th,#content-single .sightuserimg table td {
    display:block;
}

}

@media screen and (min-width: 769px){
	#header_sp_menu{
		position:relative;
		box-shadow:none;
		background:none;
		border:none;
	}
	#header_sp_menu ul{
		display:table;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
	}
	#header_sp_menu ul li{
		display:table-cell;
		text-align:center;
		border:none;
		border-left:1px solid rgba(255,255,255,0.2);
		border-right:1px solid rgba(255,255,255,0.2);
	}
	#header_sp_menu ul li a{
		color:#555;
	}

}

p.rankingjump {
    background: #ed74a9;
    color: #fff;
    border-radius: 5px;
    padding: 2px 10px 2px 10px;
    font-size: 16px;
    overflow: hidden;
}

a.jump {
    color: #fff;
    font-size: 16px;
}

a.block.bg-pink.white.text-center.p4.ps10.smaller {
    font-size: 14px;
    /*padding: 10px 10px 10px 10px;*/
    border-radius: 5px;
}

a.black.larger.bold {
    font-size: 20px;
}

.f12 {
    font-size: 14px !important;
}

span.yellowtext {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-weight: bold;
    font-size: 14px;
}

p.18kin {
margin: 0px 20px 10px 0px;
}

a.kabulink {
    background-color: #F90;
    border-radius: 4px;
    color: #fff;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

.yuudou a {
    background: #e56284;
}
.yuudou a span , .yuudou a i{
	display:inline;
	vertical-align:middle;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

h2.toph2 {
    border-top: 1px dotted #D0D0D0;
    border-bottom: 1px dotted #D0D0D0;
    padding: 0.5em;
    font-size: 18px;
    font-weight: bold !important;
    margin:40px 0 0.5em 0;
    line-height: 1.3;
}

h3.toph3 {
    color: #111;
    padding: 0 0 0 10px;
    margin-top: 2em;
    font-weight: bold !important;
    margin-bottom: 0;
    border-left: 6px solid #e56284;
    /* background: #eee; */
    font-size: 18px;
}

h4.toph4 {
    font-weight: bold !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

a.rankinglink {
    text-decoration-line: underline !important;
    font-weight: bold;
}

/*
 * コンバージョンボタン
 */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 1.3;
  margin: 0.5em auto;
  padding: 1em 2em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 59%;
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}

/* ボタン内のアイコン */
.btn-cv a:before {
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}

/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}

/* 緑ボタン（変更20181106） */
.btn-cv a {
    background: #ff7c9e;
    background: -webkit-linear-gradient(#ff7c9e, #b91842);
    background: linear-gradient(#ff7c9e, #b91842);
    text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}

/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}

/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* ぷるるるるん！ */
.is-purun {
  -webkit-animation: is-purun 5s infinite;
  -moz-animation: is-purun 5s infinite;
  animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}




/**
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    margin: 0 auto 1em;
    width: 70%;
  }
}

li.hikaku {
    background-color: #48C4ED;
    margin: 10px;
    border-radius: 5px;
    padding: 5px;
    width: 45%;
    float: left;
}

ul.hikaku-list a {
    color: #fff;
}

.setsumeinew {
    overflow: hidden;
    background: #fff;
    /*border: 1px solid #eee;*/
    /*padding: 15px 15px 15px;*/
    margin-bottom: 20px;
	clear: both;
}

@media screen and (max-width: 768px){
	li.hikaku {
    background-color: #48C4ED;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
    width: 90%;
    float: left;
}
}

h3.sefureh3 {
    font-weight: bold !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #1f9ccb;
    padding-bottom: 5px;
    color: #000 !important;
}




.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0;
    padding: 0;
}

.social_buttons{line-height:1}



.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}


@media screen and (max-width: 640px){
	.js_fix_head.sp640 #site_footer_link{
		display:block !important;
		position:fixed;
		bottom:0;
		left:0; right:0;
		z-index:1000000;
	}
	#site_footer_link > .wrap{
		width: calc(100% - 20px);
		background:rgba(51,51,51,0.8);
		padding:10px 10px;
		text-align:center;
		line-height:1.3;
	}
	body.at_page_bottom .js_fix_head.sp640 #site_footer_link{display:none !important}
}
/*--------------------------------
出会い系ボタンデザイン
---------------------------------*/
.dai-bottom {
	text-align: center;
	width: 100%;
	display: block;
}
.dai-bottom ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.isometric {
	color: #484848;
	display: inline-block;
	height: 50px;
	font-size: 20px;
	line-height: 46px;
	background: #E2F8FE;
	text-decoration: none;
	box-sizing: border-box;
	margin: 0;
	position: relative;
}
.isometric b {
	background:none;
}
.isometric span{
	vertical-align: middle;
}
.isometric .btnttl{
	display: inline-block;
	width: 150px;
	height: 50px;
	text-align: center;
	vertical-align:middle;
}
span.btnttl:after {
	position: absolute;
	font-size: 30px;
	color: #0094C6;
	top: 50%;
	margin-top: -25px;
	right: 2px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	font-family: FontAwesome;
	content: "\f138";
}
.isometric:hover span.btnttl:after {
	right: -1px;
}
.isometric:hover{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}
.isometric:hover .btnttl, .isometric:hover {
	border-bottom: none;
}
/*media Queries スクリーンサイズ（900px以上）
----------------------------------------------------*/
@media only screen and (min-width: 900px) {
	/*--------------------------------
	出会い系ボタンデザイン
	---------------------------------*/
	.isometric .btnttl{
		border-bottom: solid 4px #8EC4CE;
	}
	.dai-bottom ul {
		display: inline-block;
	}
	.dai-bottom ul li {
		width: 22%;
		margin: 5px;
		display: inline-block;
	}
}
/*media Queries iPadとiPhone6Plus横サイズ（900px以下）
----------------------------------------------------*/
@media only screen and (max-width: 900px) {
	/*--------------------------------
	出会い系ボタンデザイン
	---------------------------------*/
	.isometric .btnttl{
		box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
		text-shadow: 2px 2px 2px #fff;
		-webkit-text-shadow: 2px 2px 2px #fff;
		-moz-text-shadow: 2px 2px 2px #fff;
	}
	.dai-bottom ul {
		display: block;
	}
	.dai-bottom ul li {
		width: 100%;
		margin-top: 10px;
		display: block;
	}
}

/*--------------------
 吹き出しを作る
--------------------*/
.balloon {
 margin: 40px 0;
 padding : 0 40px;
 position: relative;
}
.balloon:after,.balloon:before {
 clear: both;
 content: "";
 display: block;
}
.balloon-image-left {
 position: absolute;
 left: 0;
 margin: 0;
 width: 60px;
 height: 60px;
}
.balloon-image-right {
 position: absolute;
 right: 0;
 margin: 0;
 width: 60px;
 height: 60px;
}
.balloon figure img {
 width: 100%;
 height: 100%;
 border: 1px solid #aaa;
 border-radius: 50%;
 margin: 0;
}
.balloon-image-description {
 padding: 5px 0 0;
 font-size: 10px;
 text-align: center;
}
.balloon-text-right {
 position: relative;
 margin-left: 40px;
 padding: 10px;
 border: 1px solid #aaa;
 border-radius: 10px;
 float: left;
 max-width: 100%;
}
.balloon-text-left {
 position: relative;
 margin-right: 40px;
 padding: 10px;
 border: 1px solid #aaa;
 border-radius: 10px;
 float: right;
 max-width: 100%;
}
.balloon p {
 margin: 0 0 20px;
}
.balloon p:last-child {
 margin-bottom: 0;
}
/* 会話 */
.balloon-text-right:before {
 position: absolute;
 content: '';
 border: 10px solid transparent;
 border-right: 10px solid #aaa;
 top: 15px;
 left: -20px;
}
.balloon-text-right:after {
 position: absolute;
 content: '';
 border: 10px solid transparent;
 border-right: 10px solid #fff;
 top: 15px;
 left: -19px;
}
.balloon-text-left:before {
 position: absolute;
 content: '';
 border: 10px solid transparent;
 border-left: 10px solid #aaa;
 top: 15px;
 right: -20px;
}
.balloon-text-left:after {
 position: absolute;
 content: '';
 border: 10px solid transparent;
 border-left: 10px solid #fff;
 top: 15px;
 right: -19px;
}
/* 考え毎 */
.think .balloon-text-right,.think .balloon-text-left {
 border-radius: 30px;
}
.think .balloon-text-right:before {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 8px;
 height: 8px;
 top: 15px;
 left: -12px;
}
.think .balloon-text-right:after {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 4px;
 height: 4px;
 top: 20px;
 left: -19px;
}
.think .balloon-text-left:before {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 8px;
 height: 8px;
 top: 15px;
 right: -12px;
}
.think .balloon-text-left:after {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 4px;
 height: 4px;
 top: 20px;
 right: -19px;
}

/* アプローチ別ボタン */
.btn_recommendfx2 a{
    width: 48%;
    /**/
    margin:5px;
    /**/
    position: relative;
text-align:center;
}

.btn_recommendfx a{
    width: 48%;
    /**/
    padding: 10px;
    margin:5px;
    /**/
    text-align: left;
    font-size: 30px;
    /**/
    display:inline-block;
    font-weight: bold;
    color: #0069b6;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #8ec4ce;
    border-radius: 5px;
    font-size: 16px;
    padding: 18px 15px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
    text-shadow: 2px 2px 2px #fff;
    -webkit-text-shadow: 2px 2px 2px #fff;
    -moz-text-shadow: 2px 2px 2px #fff;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dcf9ff), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(#fff, #dcf9ff);
    background: -moz-linear-gradient(#fff, #dcf9ff);
    background: -o-linear-gradient(#fff, #dcf9ff);
    background: -ms-linear-gradient(#fff, #dcf9ff);
    background: linear-gradient(#fff, #dcf9ff);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.btn_recommendfx .arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url("https://magaseekcm.com/wp-content/uploads/2018/04/arrow.png") no-repeat right center;
    background-size: contain;
    right: 20px;
    top: 50%;
    margin-top: -15px;
}

.btn_recommendfx a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #dcf9ff));
    background: -webkit-linear-gradient(#dcf9ff, #fff);
    background: -moz-linear-gradient(#dcf9ff, #fff);
    background: -o-linear-gradient(#dcf9ff, #fff);
    background: -ms-linear-gradient(#dcf9ff, #fff);
    background: linear-gradient(#dcf9ff, #fff);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-decoration: underline;
}
    .btn_recommendfx .move1,
    .btn_recommendfx .move2,
    .btn_recommendfx .move3 {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

   .btn_recommendfx .move1 {
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
    }

    .btn_recommendfx .move2 {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }

    .btn_recommendfx .move3 {
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        animation-delay: 2s;
    }

@-webkit-keyframes shake {
        0%,
        29%,
        70%,
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }


        50% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        30%,
        60% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
    }

    @keyframes shake {
        0%,
        29%,
        70%,
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }


        50% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        30%,
        60% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
    }

    .shake {
        -webkit-animation-name: shake;
        animation-name: shake;
    }
    @media screen and (max-width: 768px){
    	.btn_recommendfx a{
    		width:47%;
    	}
    }
    @media screen and (max-width: 450px){
    	.btn_recommendfx a{
    		width:100%;
    	}
    }

/* アプローチ別ボタン終了 */


p.kekka a {
    background-color: #1f9ccb;
    color: #FFF;
    border-radius: 5px;
    padding: 10px;
    /* margin: 5px; */
    /* text-align: center; */
}

p.kekka {
    margin: 12px;
    margin-bottom: 20px;
    text-align: center;
}

div#related h3 {
    font-size: 20px !important;
    line-height: 36px;
    margin: 40px 0 20px 0;
    padding: 10px 10px 10px 10px;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100px;
    height: auto;
}

span#i-8 {
    font-size: 20px;
}

.related_thumbnail {
    float: left;
    margin-bottom: 5px;
}


.related_content {
    margin-left: 120px !important;
}

table {
table-layout: fixed;
width: 100%;
}

/* コラム出会い系とマッチングアプリのボタン */
.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.square_btn:hover {
    background: #1ec7bb;
}

/* コラム出会い系とマッチングアプリのボタン終了 */
/* サイト記事の専門家 */
.cell.vam.nowrap.mob-left img {
    max-width: 200px;
}

.professional h2 {
    margin: 0px !important;
    padding: 0px !important;
    background-color: #fff !important;
    color: #111 !important;
    margin-left: -10px !important;
    border-left: 0px !important;
}
/* サイト記事の終了 */

a.topprofessional {
    text-decoration-line: underline !important;
    font-weight: bold;
}

/* 20181024追加 */
.b.fbox {
	width: 20%;
    float: left;
	border:none;
}
.homerankings a.black.larger.bold {
	font-size:14px;
}
h2.osusumeranking {
position: relative;
padding: 1.2em;
background: -webkit-repeating-linear-gradient(-45deg, #ec819d, #ec819d 4px,#e56284 3px, #e56284 8px);
background: repeating-linear-gradient(-45deg, #ec86a1, #f3a5ba 4px,#ec86a1 3px, #ec86a1 8px);
border-radius: 7px;
margin-bottom:1em;
font-weight:bold !important;
font-size:1.4em;
color:#fff;
text-align:center;
}

h2.osusumeranking:after {
position: absolute;
content: '';
top: 100%;
left: 50%;
border: 15px solid transparent;
border-top: 15px solid #ec86a1;
width: 0;
height: 0;
}

@media screen and (max-width: 720px){
.home .sb-type-std > .sb-subtype-a > .sb-content-top {
    float: left;
    position: relative;
    margin-left: 80px;
}
}
@media screen and (min-width: 721px){

.home .sb-type-std > .sb-subtype-a > .sb-content-top {
    float: left;
    position: relative;
    margin-left: 80px;
    margin-right: 0;
}
}

.home .sb-content-top > .sb-speech-bubble {
    position: relative;
    padding: 5px 10px;
    z-index: 2;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 5px;
    color: #333333;
}
.home .sb-type-std > .sb-subtype-a > .sb-content-top:before {
    position: absolute;
    top: 9px;
    left: -6px;
    z-index: 1;
    height: 0;
    width: 0;
    border-style: solid solid solid none;
    border-width: 6px;
    border-color: transparent #CCCCCC;
    content: " ";
}
.home .sb-type-std > .sb-subtype-a > .sb-content-top:after {
    position: absolute;
    top: 9px;
    left: -5px;
    z-index: 3;
    height: 0;
    width: 0;
    border-style: solid solid solid none;
    border-width: 6px;
    border-color: transparent #FFFFFF;
    content: " ";
}
.home .sb-type-std > .sb-subtype-b > .sb-content {
    margin-left: 0;
}
.home .sb-icon {
	height:inherit !important;
}
@media screen and (min-width:320px) and ( max-width:600px) {
	.setsumei p,
	p.daisetsumei,
	span.check2,
	p a,
	*,
	.yellowtext,
	span.yellowtext,
	.faq-pretty .faq-question {
	font-size:15px;
	}
	.mob-left {
	padding-left:10px;
	}
	.mob-right {
	padding-right:10px;
	}
	h4.toph4 {
	margin-top:1.2em;
	}
	html {
	color:#666;
	line-height:1.6;
	}
	h1.mobile,
	.pankz ul li,
	.pankz a{
	font-size:12px;
	}
	.rps4 {
	padding:0 15px;
	}
	.rp4 .ib,
	.rp4 .grey {
	display:block;
	}
	.grey.mr10 {
	display:inline-block;
	}
	.cell.vat.pl10{
	width:100%;
}

.headline-main a:nth-child(1) {
    width: 100%;
}
.headline-main a:nth-child(2),
.headline-main a:nth-child(3){
    width: 50%;
}
.p-feature-purpose_item {
    width: 50% !important;
    height: 100%;
}
.p-feature-purpose_item:before,
.p-feature-purpose_item.is-disabled:after {
	background:inherit;
}
h2.osusumeranking {
padding: 0.7em;
font-size:1.4em;
color:#fff;
text-align:center;
}
.slick-prev,
.slick-next {
    display: none !important;
}
.commonWrap {
    width: inherit !important;
    padding: 0 !important;
}
.footer_social_ul li .fa {
	font-size:40px !important;
}
table.deai-date th.w30,
table.deai-date td {
width: 90% !important;
display: block !important;
}
.p-feature-purpose_item:before, .p-feature-purpose_item.is-disabled:after {
position:inherit !important;
}
}


#nav .current {
	border-top:5px solid #0ac3f9;
}
#nav a:hover {
	border-top:5px solid #0ac3f9;
}

div[class^="sideblock_"] .title{font-size:20px;margin-top:35px;font-weight:400;}
div[class^="sideblock_"] .title.en{font-weight:700;letter-spacing:.09em;}
div[class^="sideblock_"] .text{font-size:12px;line-height:18px;font-weight:400;margin-top:16px;letter-spacing:.05em;}
.sideblock_social{margin-top:35px;text-align:center;border-top:1px solid #999;}
.sideblock_social .items{width:200px;margin:20px auto 0 auto;}
.sideblock_social .items:after{display:block;clear:both;height:0;content:'';}
.sideblock_social .items a{text-decoration:none;color:#333;}
.sideblock_social .items .item{display:block;float:left;width:50px;margin:0 7px 13px 7px;}
.sideblock_social .btn_mainmagazone{display:block;text-align:center;width:260px;padding:10px 0;margin:18px auto 0;background:#999999;color:#fff;font-size:14px;}
.sideblock_social .btn_mainmagazone:hover{background:#b7b7b7;}
.sideblock_social .prtext{font-weight:normal;color:#ff6b9f;font-size:15px;margin:10px 0 0 0;line-height:1.5;}
.sideblock_twitter{margin-top:35px;text-align:center;border-top:1px solid #999;border-bottom:1px solid #e9eaed;height:440px;margin-bottom:35px;overflow:hidden;}
.sideblock_twitter .block_inner{margin-top:35px;padding-top:10px;border:1px solid #e9eaed;}
.sideblock_twitter .block_inner::after{display:block;clear:both;height:0;content:'';}
.sideblock_twitter .twitter-title{float:left;margin-bottom:12px;padding-left:10px;}
.sideblock_twitter .twitter-account{float:right;margin-bottom:12px;padding-right:10px;}
.sideblock_twitter .twitter-account a{color:#3b94d9;}
.sideblock_twitter .block-tweet{width:100%;overflow-y:scroll;height:460px;}
.sideblock_facebook{margin-top:35px;text-align:center;}


.mt0{margin-top:0!important}
.mr0{margin-right:0!important}
.mb0{margin-bottom:0!important}
.ml0{margin-left:0!important}
.ma0{margin:0!important}
.pt0{padding-top:0!important}
.pr0{padding-right:0!important}
.pb0{padding-bottom:0!important}
.pl0{padding-left:0!important}
.pa0{padding:0!important}
.mt5{margin-top:5px!important}
.mr5{margin-right:5px!important}
.mb5{margin-bottom:5px!important}
.ml5{margin-left:5px!important}
.ma5{margin:5px!important}
.pt5{padding-top:5px!important}
.pr5{padding-right:5px!important}
.pb5{padding-bottom:5px!important}
.pl5{padding-left:5px!important}
.pa5{padding:5px!important}
.mt10{margin-top:10px!important}
.mr10{margin-right:10px!important}
.mb10{margin-bottom:10px!important}
.ml10{margin-left:10px!important}
.ma10{margin:10px!important}
.pt10{padding-top:10px!important}
.pr10{padding-right:10px!important}
.pb10{padding-bottom:10px!important}
.pl10{padding-left:10px!important}
.pa10{padding:10px!important}
.mt15{margin-top:15px!important}
.mr15{margin-right:15px!important}
.mb15{margin-bottom:15px!important}
.ml15{margin-left:15px!important}
.ma15{margin:15px!important}
.pt15{padding-top:15px!important}
.pr15{padding-right:15px!important}
.pb15{padding-bottom:15px!important}
.pl15{padding-left:15px!important}
.pa15{padding:15px!important}
.mt20{margin-top:20px!important}
.mr20{margin-right:20px!important}
.mb20{margin-bottom:20px!important}
.ml20{margin-left:20px!important}
.ma20{margin:20px!important}
.pt20{padding-top:20px!important}
.pr20{padding-right:20px!important}
.pb20{padding-bottom:20px!important}
.pl20{padding-left:20px!important}
.pa20{padding:20px!important}
.mt25{margin-top:25px!important}
.mr25{margin-right:25px!important}
.mb25{margin-bottom:25px!important}
.ml25{margin-left:25px!important}
.ma25{margin:25px!important}
.pt25{padding-top:25px!important}
.pr25{padding-right:25px!important}
.pb25{padding-bottom:25px!important}
.pl25{padding-left:25px!important}
.pa25{padding:25px!important}
.mt30{margin-top:30px!important}
.mr30{margin-right:30px!important}
.mb30{margin-bottom:30px!important}
.ml30{margin-left:30px!important}
.ma30{margin:30px!important}
.pt30{padding-top:30px!important}
.pr30{padding-right:30px!important}
.pb30{padding-bottom:30px!important}
.pl30{padding-left:30px!important}
.pa30{padding:30px!important}
.mt35{margin-top:35px!important}
.mr35{margin-right:35px!important}
.mb35{margin-bottom:35px!important}
.ml35{margin-left:35px!important}
.ma35{margin:35px!important}
.pt35{padding-top:35px!important}
.pr35{padding-right:35px!important}
.pb35{padding-bottom:35px!important}
.pl35{padding-left:35px!important}
.pa35{padding:35px!important}
.mt40{margin-top:40px!important}
.mr40{margin-right:40px!important}
.mb40{margin-bottom:40px!important}
.ml40{margin-left:40px!important}
.ma40{margin:40px!important}
.pt40{padding-top:40px!important}
.pr40{padding-right:40px!important}
.pb40{padding-bottom:40px!important}
.pl40{padding-left:40px!important}
.pa40{padding:40px!important}
.mt45{margin-top:45px!important}
.mr45{margin-right:45px!important}
.mb45{margin-bottom:45px!important}
.ml45{margin-left:45px!important}
.ma45{margin:45px!important}
.pt45{padding-top:45px!important}
.pr45{padding-right:45px!important}
.pb45{padding-bottom:45px!important}
.pl45{padding-left:45px!important}
.pa45{padding:45px!important}
.mt50{margin-top:50px!important}
.mr50{margin-right:50px!important}
.mb50{margin-bottom:50px!important}
.ml50{margin-left:50px!important}
.ma50{margin:50px!important}
.pt50{padding-top:50px!important}
.pr50{padding-right:50px!important}
.pb50{padding-bottom:50px!important}
.pl50{padding-left:50px!important}
.pa50{padding:50px!important}

.seinwaku1 {
    float: left;
}
p.womensappli a {
    color: #F16F8D;
}
p.womensappli {
    font-weight: bold;
    text-decoration: underline;
}

.headline-main-wrap {
    margin-bottom: 1em;
    background: #f0f0f0;
}
.headline-main {
    width: 100%;
    margin: 0 auto;
    background: #e6e6e6;
}
.headline-main a {
    width: 33.333%;
    min-height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.headline-main-thumb img {
    width: 100%;
}
.headline-main-element {
    position: absolute;
    width: 100%;
    height: 170px;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px rgba(0,0,0,.7);
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.85) 0,transparent 100%);
    /*background: linear-gradient(0,rgba(0,0,0,.85) 0,transparent 100%);*/
}
.headline-main-title h2,
.headlines-main-timestamp {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    position: absolute;
    left: 0;
}
a .headlines-main-timestamp {
    color:#fff !important;
}
.headline-main-title h2 {
    color: #fff;
    word-break: break-all;
    height: 78px;
    vertical-align: top;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    bottom: 40px;
    overflow: hidden;
}
.headline-main-timestamp {
    font-size: 9pt;
    color: #e56284;
    bottom: 1pc;
}

.p-feature-purpose {
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-pack: justify;*/
    justify-content: space-between;
}
.p-feature {
	padding: 0px 15px 15px;
	margin-bottom:0.5em;
	clear: both;
/*	height:210px;*/
}
@media screen and (max-width: 600px) {
	.p-feature {
		clear: both;
		height:320px;
    margin:0px -1% 0px -1% !important;
		background:#fff !important;
    padding: 16px 10px 24px 10px !important;
	}
}

.p-feature-purpose_item {
    position: relative;
		float:left;
    z-index: 0;
    width: 33.333%;
    height: 100%;
    margin-bottom: 2px;
    background-position: center;
    background-size: 100%;
}
.p-feature-purpose_item a {
    display: block;
    /*height: 124px;*/
    padding: 28px 0;
    color: #fff;
}
.p-feature-purpose_name {
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
	padding:0 0 0 5px;
    text-shadow: 0 0 7.7px rgba(7,0,2,.6);
}
.p-feature-purpose_item:before,
.p-feature-purpose_item.is-disabled:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.26);
	-webkit-transition: all .3s;
	transition: all .3s;
    content: '';
}
.p-feature-purpose_item:hover:before,
.p-feature-purpose_item.is-disabled:hover:before {
    background-color: rgba(0,0,0,0);
}
.p-feature-purpose_anchor {
    position: relative;
    width: 90px;
    /* margin: 0 auto; */
    padding: 3px 12px 3px 5px;
    background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,#000),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#000),color-stop(.75,#000),color-stop(.75,transparent),to(transparent));
    background-size: 4px 4px;
    font-size: 12px;
}
.p-feature-purpose_anchor:before {
    position: absolute;
    top: 7px;
    right: 14px;
    border: 5px solid transparent;
    border-top: 8px solid #cd2c7d;
    content: '';
}
.bg-line {
	border-top:1px solid #ddd;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000 !important;
}
.footer_social_ul {
    border-bottom: 1px solid #333;
}
.footer_social_ul li:first-child {
    margin-right: 50px;
}
.footer_social_ul li {
    display: inline-block;
    margin: 30px 0px 30px 0px;
	font-size:40px;
}
#footer-nav {
    margin-top: 25px;
	margin-bottom: 15px;
}
#footer-nav li:first-child {
    border-left: none;
}
#footer-nav li {
    display: inline-block;
    padding: 0 20px;
    border-left: 1px solid #969696;
}
.overview {
    background-color: #c8e8f5;
    text-align: center;
    padding: 60px 0;
    max-width: 100% !important;
}
.overview h2 {
    margin-bottom: 25px;
    text-align: center;
    font-size: 2rem;
    letter-spacing: .2em;
    font-weight: bold;
}
@media (max-width: 600px) {
	.overview h2 {
	    font-size: 1.3rem;
	}
	#footer-nav li {
	    display: block !important;
	    padding: 0 20px;
			text-align:center !important;
	    border-left: none !important;
	}
}
.overview p {
    line-height: 2.2;
}
.commonWrap {
    width: 800px;
    margin: auto;
    padding: 10px;
}
#sortbpx{}
#sortbpx li{
  display: table-cell;
  width:33%;
}
#sortbpx li span{
  padding:5px;
  text-align:center;
}

/*-------------------------
  ブログカード
-------------------------*/
.blog-card {
  background: #fbfaf8;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	border-radius:5px;
  /* sp用 ※4 */
}
.blog-card:hover {
  background: #fee;
}
.blog-card a {
  text-decoration: none;
}
.blog-card-title {
	color: #337ab7;
	display: block;
}
.blog-card-thumbnail {
	float:left;
	padding:10px;
}
.blog-card-thumbnail img {
	display: block;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.blog-card-content {
	line-height:120%;
}
.blog-card-title {
	padding:10px 10px 10px 0;
	font-size:120%;
  font-weight: bold;
  line-height: 1.5em;
}
.blog-card-excerpt {
	color:#333;
	margin:0 10px 10px;
  line-height: 1.5em;
}
.blog-card .clear {
  clear: both;
}

h2 a {
    color: #fff;
    text-decoration: underline;
}

h2.h a {
    color: #666;
}
.sp_big{
	display:block;
	margin:15px 0;
	width:400px;
}
@media only screen and (max-width: 480px) {
.sp_big{
 width:100%;
}
}

.rankingTitle{
  padding: 0.9em 0.6em 0.8em 0.6em;
  color: #0088CC;
  background: #CDECF8;
  border-bottom: solid 3px #0088CC;
  font-size:20px;
}

/* sitemap */
#sitemap-contents {
	background:none;
}
#sitemap-contents h3 {
	font-size: 16px;
	color:#555;
	border-bottom: 1px solid #ddd;
	padding-left: 0px;
	margin-bottom:10px;
}
#sitemap-contents ul {
	margin-bottom: 50px;
}
#sitemap-contents li {
	display: inline-block;
	width: 30%;
	margin-bottom:8px;
}
#sitemap-contents ul.kansyu li {
	width: 48%;
}
@media only screen and (max-width: 600px) {
	#sitemap-contents li {
		width:100%;
	}
}

/* topranking */
h2.osusumeranking2{
    background: repeating-linear-gradient(-45deg, #4c89c6, #4c89c6 4px,#71A2D2 3px, #71A2D2 8px) !important;
}
h2.osusumeranking2:after {
    border-top: 15px solid #4c89c6 !important;
}
.categoryGroup{
padding-bottom:70px;
}
.categoryGroup a:nth-child(2n-1) li{
margin-right:6px;
}
.categoryGroup a:nth-child(2n) li{
margin-left:6px;
}
.categoryGroup__list{
margin-bottom:24px;
}
.categoryGroup__list img{
display:table-cell;
width:48px;
height:48px;
border-radius:4px;
margin-right:8px;
vertical-align:middle;
}
.categoryGroup__list li{
display:table;
width:calc(46% - 6px);
float:left;
margin-top:12px;
padding:12px;
border: 1px #eee solid;
list-style:none;
vertical-align: middle;
border-radius:8px;
}
.categoryGroup__list p{
width:80%;
display:table-cell;
vertical-align:middle;
font-size:14px;
}
.categoryGroup__list a{
color:#545454;
}

@media screen and (max-width:800px){
	.categoryGroup a:nth-child(2n-1) li{
	margin-right:0px;
	}
	.categoryGroup a:nth-child(2n) li{
	margin-left:0px;
	}
	.categoryGroup__list{
	margin:0;
	}
	.categoryGroup__list p{
	font-size:16px;
	clear:none !important;
	}
	.categoryGroup__list li{
	width:100%;
	float:none;
	margin:0;
	border:none;
	border-bottom: 1px #efefef solid;
	border-radius:0px;
	clear:both;
	}
	.categoryGroup__list li img{
		display:inline-block !important;
		float:left !important;
		width:22% !important;
		height:auto !important;
		vertical-align:middle !important;
	}
	.categoryGroup__list li p{
		display:inline-block !important;
		width: 70% !important;
		margin-left:3% !important;
		clear:none !important;
		float:left !important;
	}
}
@media screen and (max-width:600px){
	.p20{
		padding:20px 14px !important;
	}
	#content-single .p20{
		letter-spacing:1px;	
	}
	#content-single .p20 p , #content-single .p20 p img{
		line-height:170%;
		margin:8px 0 15px 0;
	}
	#content-single .p20 table , #content-single .p20 table span , #content-single .p20table p , #content-single .p20 table th , #content-single .p20 table td , #content-single .p20 table a ,  , #content-single .p20 table strong{
		font-size:12px !important;
		letter-spacing:0 !important;
		line-height:160% !important;
	}
	#content-single .p20 table tr > * {
	    padding: 4px !important;
	}
	.meta{
		font-size:13px !important;
	}
	#content-single h1 {
	    font-size: 22px;
	}
}

.pr-batch{
	display: inline-flex; 
    background: #ccc;
    color: #fff;
    font-size: 11px;
    padding: 3px 6px;
    font-weight: bold;
    border-radius: 2px;
    vertical-align: top;
}