@charset "UTF-8";
/*  =============================

			 BASE
			
=============================  */



/*  ---------------------------
			Layout
---------------------------  */
*{
	margin:0;
	padding:0;
}

html,body{
	color:#000000;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
	height:100%;
	min-width:980px;
	/*background:url(/images/main_bg.jpg) repeat;*/
	font-family:"Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: normal;
}

body {
	-webkit-text-size-adjust: 100%;
}

img{
	border:0;
	box-shadow: #000 0 0 0;
}

p{
	margin:0;
	padding:0;
}

ul{
	list-style:none;
}

a{
	color:#333;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:normal;
}

.share{
	background:#007FC4;	
}

.apart{
	background:#00BDC1;
}

.social{
	background:#FFBC00;	
}

.share_apart{
    background:#a482ea;
}


a:link,a:visited{
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

iframe[name="google_conversion_frame"]{ 
	position: absolute; top: 0; 
}

/*  ---------------------------
			text
---------------------------  */
.f_bold{
	font-weight:bold;
}

.f_red{
	color:#E31D00;
}

.red{
	color: #FC2900;
}

.strike{
	text-decoration: line-through;
}


/*  ---------------------------
			social
---------------------------  */
#sorcial{
	position:absolute;
	top:45px;
	right:10px;
}

#sorcial ul li{
	float:left;
	margin-right:10px;
}

#sorcial ul li:nth-child(1) span.sprite{
	width: 29px;
	height: 29px;
	background: url(/images/sprite.png) no-repeat -0px -39px;
	display: inline-block;
}

#sorcial ul li:nth-child(1) span.sprite:hover{
	width: 29px;
	height: 29px;
	background: url(/images/sprite.png) no-repeat -29px -39px;
	display: inline-block;
}


#sorcial ul li:nth-child(2) span.sprite{
	width: 29px;
	height: 29px;
	background: url(/images/sprite.png) no-repeat -58px -39px;
	display: inline-block;
}

#sorcial ul li:nth-child(2) span.sprite:hover{
	width: 29px;
	height: 29px;
	background: url(/images/sprite.png) no-repeat -87px -39px;
	display: inline-block;
}

#sorcial ul li:nth-child(3) span.sprite{
	width: 29px;
	height: 29px;
	background: url(/images/sprite.png) no-repeat -116px -39px;
	display: inline-block;
}

#sorcial ul li:nth-child(3) span.sprite:hover{
	width: 29px;
	height: 29px;
	background: url(/images/sprite.png) no-repeat -145px -39px;
	display: inline-block;
}

/*  ---------------------------
			Side
---------------------------  */
#side{
	position:fixed;
	top:0;
	/*left:-100px; デフォルトで閉じたい時はこちらに変更*/
	left:0px;
	z-index:100;
}

#side a.btn{
	position:absolute;
	top:25px;
	left:100px;
	width:40px;
	height:131px;
	background:#000;
	display:block;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#side a.btn .icon{
	position:absolute;
	bottom:10px;
	left:12px;
}

#side a .icon{
	/*デフォルトで閉じたい時はこちらに変更
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	*/
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#side a.defclose .icon {
	-moz-transform: rotate(0deg) ;
	-webkit-transform: rotate(0deg) ;
	-ms-transform: rotate(0deg);
}


#side a.close .icon{
	animation: rotate2 1s;
    -webkit-animation: rotate2 1s;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}

#side a.open .icon{
	animation: rotate 1s;
    -webkit-animation: rotate 1s;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); } 
}
@-webkit-keyframes rotate {
     /* webkit用keyframes */ 
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); }
}

@keyframes rotate2 {
    0% { transform: rotate(45deg); }
    100% { transform: rotate(0deg); } 
}
@-webkit-keyframes rotate2 {
     /* webkit用keyframes */ 
    0% { -webkit-transform: rotate(45deg); }
    100% { -webkit-transform: rotate(0deg); }
}

#side a.btn:hover{
	background:#333;
}

#side ul{

}

#side ul li a{
	display:block;
	width:100px;
	padding:12px 0 12px 0;
	background:#000;
	border-bottom:1px #666666 solid;
	text-align:center;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	text-decoration: none;
}

#side ul li a:hover{
	background:#333;
	text-decoration:none;
}

#side ul li a.current{
	background:#ee2500;
}

#side ul li span{
	display:block;
	position:relative;
}

#side ul li span .recomen{
	position:absolute;
	top:2px;
	left:54px;
	background:url(/images/side/recomen_bg.png) no-repeat;
	color:#FFF;
	width:33px;
	height:33px;
	font-size:14px;
	line-height:33px;
}

/*  ---------------------------
		Secound_navi
---------------------------  */
#lower_navi {
	width:100%;
	padding:10px 0 10px 0;
	background:url(/images/navi/lower/bg.gif) repeat;
}

#lower_navi .lower_inner {
	width:940px;
	margin:0 auto;
	color:#FFF;
	font-size:10px;
	text-align: right;
}

#lower_navi .lower_inner nav.pankz li img{
	padding-bottom:-10px;
}

#lower_navi .lower_inner nav.pankz li a:link,
#lower_navi .lower_inner nav.pankz li a:hover,
#lower_navi .lower_inner nav.pankz li a:visited{
	text-decoration: underline !important;
	color:#fff;
}

nav.pankz a:link,
nav.pankz a:hover,
nav.pankz a:visited{
	text-decoration: underline;
	color:#fff;
}

nav.pankz span.gt{
	padding: 0 10px;
}
nav.pankz > div + div a:first-child {
	position: relative;
	text-decoration: none;
}
nav.pankz > div + div a:first-child span {
	visibility: hidden;
	pointer-events: none;
	
}
nav.pankz > div + div a:first-child:after {
	content:"\2514";
	position: absolute;
	right: 0;
}


/*  ---------------------------
		Secound_Contetns
---------------------------  */
#wrapper{
	width:940px;
	margin:30px auto 30px auto;
	padding:20px;
	background:#FFF;
}

#wrapper .lower{
	width:900px;
	margin:0 auto 20px auto;
	padding:20px;
	text-align:center;
	font-size:22px;
	color:#FFF;
	background:#E31D00;
	position:relative;
}

#wrapper .lower ul.sorcial_lower{
	position:absolute;
	top:20px;
	right:15px;
}

#wrapper .lower ul.sorcial_lower li{
	float:left;
	margin-left:10px;
	margin-top:-3px;
	padding-top:3px;
}

#wrapper .lower ul.sorcial_lower li:last-child{
	padding-top:0;
}

/*  ---------------------------
			Bukken_box
---------------------------  */
.house_style_box{
	position:relative;
	font-size:12px;
	cursor:pointer;
}

.house_style_box .favor{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
}

.house_style_box .favor a{
	filter:alpha(opacity=100);
	-ms-filter:'alpha(opacity=100)';
	opacity:1;
}

.house_style_box .favor a:hover{
	filter:alpha(opacity=70);
	-ms-filter:'alpha(opacity=70)';
	opacity:0.7;
}

.house_style_box .pic{
	position:relative;
}

.house_style_box .pic img{
	width:100%;
	margin-bottom:-5px;
	height: auto;
}

.house_style_box .pic .cate{
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:3px 10px 3px 10px;
	letter-spacing:1px;
}

.house_style_box .pic .price{
	position:absolute;
	left:0;
	bottom:0;
	background:#333;
	font-size:24px;
	font-style:italic;
	padding:5px 20px 10px 10px;
	color:#FFF;
}

.house_style_box .pic .price span{
	font-size:14px;
	display:block;
}

.house_style_box p{
	position:static;
}

.house_style_box p.name{
	font-size:16px;
	padding:10px 0 5px 0;
}

.house_style_box p.name span.open{
	font-size:14px;
	font-weight:bold;
	background:#ED2500;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	color:#FFF;
}

.house_style_box p.name span.close{
	font-size:14px;
	font-weight:bold;
	background:#444;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	color:#FFF;
}

.house_style_box p.name span.plan{
	font-size:14px;
	font-weight:bold;
	background:rgba(222,112,0,1.00);
	padding:2px 4px 2px 4px;
	margin-right:5px;
	color:#FFF;
}


/*  ---------------------------
			Form
---------------------------  */
.form_btn a{
	text-align:center;
	border:3px solid #ED2500;
	line-height:20px;
	color:#ED2500;
	font-size:18px;
	display:block;
	vertical-align:middle;
	padding:30px 0 30px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.form_btn a:hover{
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.form_btn a img{
	margin:0 8px -3px 0;
}

/*  ---------------------------
			Footer
---------------------------  */
#footer{
	width:100%;
	background:#333333;
	padding:30px 0 5px 0;
	color:#FFF;
}
/*
#footer ul{
	text-align:center;
	padding-bottom:25px;
}

#footer ul li{
	display:inline-block;
	border-right:1px solid #999;
	padding:0 12px 0 12px;
	font-size:12px;
}

#footer ul li a{
	color:#FFF;
}

#footer ul li:last-child{
	border-right:none;
}

#footer p{
	text-align:center;
	font-size:12px;
	padding-bottom:15px;
}
*/

#footer #footbox{
	width: 1130px;
	margin: 0 auto;
}

#footer #footbox  p.f_logo{
	width: 205px;
	text-align:center;
	font-size:12px;
	padding-bottom:15px;
	float: left;
}

#footer #footbox #f_navibox{
	width: 610px;
	float: left;
	padding-bottom: 20px;
}


#footer #footbox #f_navibox ul{
	padding-bottom:0px;
	border-right:1px dotted #999;
	width: 130px;
	margin: 0 0 0 20px;
	float: left;
	min-height: 80px;
}

#footer #footbox #f_navibox ul.last{
	padding-bottom:0px;
	border-right:none;
}


#footer #footbox #f_navibox ul li{
	padding:0 0 0 10px;
	font-size:10px;
	width:100px;
	line-height: 1.7em;
	margin: 0 0 5px 0;
	/*background: url(/images/footer/icon_ft.gif) no-repeat 0px 6px;*/
}

#footer #footbox #f_navibox ul li span{
	background: url(/images/sprite.png) no-repeat 0px -150px;
	width: 3px;
	height: 5px;
	padding: 0px 0px 0px 0;
	margin: 0 5px 0 0;
}


#footer #footbox #f_navibox ul li a{
	color:#FFF;
}

#footer #footbox ul li:last-child{
	border-right:none;
}

#footer #footbox #f_copy{
	clear: both;
	margin: 0 auto 20px auto;
	text-align: center;
}

#footer #footbox #f_snsbox{
	background: #484848;
	width: 310px;
	float: right;
}

#footer #footbox #f_snsbox p{
	text-align: center;
	padding: 15px 0 10px 0;;
}


#footer #footbox #f_snsbox ul{
	margin: 0 auto 10px auto;
	padding: 0;
	width: 250px;
	display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
}

#footer #footbox #f_snsbox ul li{
	border-left: 1px solid #a4a4a4;
	padding: 0 10px 0 10px;
	margin: 0 0 5px 0;
	align-self:center;
}

#footer #footbox #f_snsbox ul li:last-child{
	border-right: 1px solid #a4a4a4;
}





#footer #footbox #f_snsbox ul li a:link{
	color: #fff;
}

#footer #footbox #f_snsbox ul li a:visited{
	color: #fff;
}

#footer #footbox #f_navibox h3#foot_h{
	font-size: 12px;
	margin: 0 0 10px 20px;
	text-indent: 20px;
	font-weight: bold;
}

#footer #footbox #f_navibox ul.last{
	padding-bottom:0px;
	border-right:none;
	width: 130px;
}


#footer #footbox #f_navibox ul.last li{
	padding-bottom:0px;
	border-right:none;
	float: left;
	width: 50px;
}

/*  ---------------------------
			Pagetop
---------------------------  */
#pagetop{
	height:77px;
}

.page_top_navi{
	position:fixed;
	bottom:-77px;
	/*left:50%;*/
	left:96%;
	margin-left:-34px;
	height:77px;
	width:68px;
	z-index:100;
}

/*  ---------------------------
			IE_Alert
---------------------------  */
#ie_alert{
	width:100%;
	background:#EEE;
	font-size:12px;
	padding:15px 0 15px 0;
	z-index:100;
	position:relative;
	display:none;
}

#top #ie_alert,#search #ie_alert{
	background:#FFF;
}

#ie_alert .ie_alert_inner{
	width:980px;
	margin:0 auto;
	display:block;
}

#ie_alert .ie_alert_inner p.ttl{
	font-size:16px;
	padding-bottom:10px;
	color:#E60206;
	font-weight:bold;
	text-align:center;
}

#ie_alert .ie_alert_inner p.ttl span{
	height:20px;
	width:20px;
	background:#E60206;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-right:10px;
	font-size:16px;
}

#search #ie_alert .ie_alert_inner{
	width:auto;
}

#search #ie_alert{
	z-index:1;
}

#search #ie_alert .ie_alert_inner p.ttl{
	text-align:left;
}

/*  ---------------------------
			clearfix
---------------------------  */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.slash{
	text-decoration:  line-through;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*  ---------------------------
			font
---------------------------  */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-ln4yl7');
	src:url('fonts/icomoon.eot?#iefix-ln4yl7') format('embedded-opentype'),
		url('fonts/icomoon.woff?-ln4yl7') format('woff'),
		url('fonts/icomoon.ttf?-ln4yl7') format('truetype'),
		url('fonts/icomoon.svg?-ln4yl7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon_mail:before {
	content: "\e601";
}

.icon-icon_02:before {
	content: "\e600";
}

.icon-icon_03:before {
	content: "\e606";
}

.icon-icon_04:before {
	content: "\e602";
}

.icon-icon_05:before {
	content: "\e603";
}

.icon-icon_06:before {
	content: "\e604";
}

.icon-icon_01:before {
	content: "\e605";
}

.icon-pie-chart:before {
	content: "\e99a";
}



/*  ---------------------------
			font2
---------------------------  */

@font-face {
	font-family: 'icomoon';
	src:url('fonts2/icomoon.eot?-vvg333');
	src:url('fonts2/icomoon.eot?#iefix-vvg333') format('embedded-opentype'),
		url('fonts2/icomoon.woff?-vvg333') format('woff'),
		url('fonts2/icomoon.ttf?-vvg333') format('truetype'),
		url('fonts2/icomoon.svg?-vvg333#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon_question:before {
	content: "\e600";
}

.icon-icon_talk01:before {
	content: "\e601";
}

.icon-icon_glass:before {
	content: "\e602";
}

.icon-icon_talk02:before {
	content: "\e603";
}

.icon-icon_pye:before {
	content: "\e604";
}



.fade {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}
  
.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}   

/*  ---------------------------
			背景
---------------------------  */

.stripe1 {
background-color: #FFF !important;
background-image: -webkit-linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-image: linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-size: 5px 5px!important;/*数字を大きくすれば太く、小さくすれば細くなります。*/
/*text-shadow:1px 1px 2px rgba(0,0,0,.3) !important;*/
/*border: 3px solid #EE2500;*/
width: 275px !important;;

}


.stripe2 {
background-color: #FFF !important;
background-image: -webkit-linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-image: linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-size: 5px 5px!important;/*数字を大きくすれば太く、小さくすれば細くなります。*/
/*text-shadow:1px 1px 2px rgba(0,0,0,.3) !important;
border: 3px solid #EE2500;*/

}


.stripe3 {
background-color: #fee3eb !important;
width: 275px !important;
}


/*  ---------------------------
			ムービー
---------------------------  */

ul.list-movie-01 {
	width: 560px;
	margin: 15px auto 0 auto;
}

ul.list-movie-01 li{
	text-align: left;
	color: #fff;
	padding: 5px 5px 10px 0px;
}

ul.list-movie-01 li a:link,
ul.list-movie-01 li a:hover,
ul.list-movie-01 li a:visited{
	color: #333;
	text-decoration: underline;
	padding-left: 30px;
	background: url(/images/bukken/movie_icon_s_stop.png) no-repeat left top;
}

ul.list-movie-01 li.select a:link,
ul.list-movie-01 li.select a:hover,
ul.list-movie-01 li.select a:visited{
	font-weight: bold;
	color: #EE2500;
	text-decoration: none !important;
	font-size: 16px;
	background: url(/images/bukken/movie_icon_s.png) no-repeat left top;
}

ul.list-movie-01 li.select {
	font-weight: bold;
	color: #EE2500;
	text-decoration: none !important;
	font-size: 16px;
	padding-left: 30px;
	background: url(/images/bukken/movie_icon_s.png) no-repeat left 7px;
}

/*OTHER*/


.bodlink:hover {
	box-shadow: inset 0 0 0 7px #EE2500;
	transition:all 0.3s;
} 
.bodlink--pink {
	position: relative;
	cursor: pointer;
	display:inline-block;
}
.bodlink--pink:after {
	content:'';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background: transparent;
}
.bodlink--pink:hover:after {
	box-shadow: inset 0 0 0 7px #ff6161;
	transition:all 0.3s;
} 

.bodlink_w:hover {
	box-shadow: inset 0 0 0 7px #FFF;
	transition:all 0.3s;
} 

h1#newh1{
	position: absolute;
	top: 9px;
	left: 50%;
	margin: 0 0 0 -490px;
	z-index: 999;
	color: #fff;
	/*
	float:left;
	padding:5px 20px 0 0;
	*/
	font-size:12px;
}

h1#newh1_lower{
	position: absolute;
	top: -21px;
	left: 50%;
	margin: 0 0 0 -490px;
	z-index: 0;
	color: #fff;
	/*
	float:left;
	padding:5px 20px 0 0;
	*/
	font-size:12px;
}


a.hover01:link,a.hover01:visited{
	text-decoration: underline !important;
}

a.hover01:hover{
	text-decoration: none;
	opacity: 0.7 ;
}



a.hover02:link,a.hover02:visited{
	text-decoration: none ;
}

a.hover02:hover{
	text-decoration: none;
	opacity: 0.7 ;
}

/*add 160324*/

.areaListBox{
	clear: both;
	width: 1130px;
	background: #484848;
	font-size: 10px;
	padding: 20px 0 10px 0;
	margin: 0 0 20px 0;
}
.areaListBox dl{  
}

.areaListBox dt{  
  padding-left : 20px;
  width : 130px;
  padding-bottom:10px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
}
 
.areaListBox dt a{  
	color: #fff;
} 
 

.areaListBox dd{    
  width : 950px;
/* dtの幅分の設定 */
  margin-left : 160px;
  padding-bottom:10px;
}

.areaListBox dd li{
	display: inline-block;
}

.areaListBox dd li a{
	color: #fff;
	border-right: 1px dotted #fff;
	height: 10px;
	padding: 0 5px;
}


/*add 160328 女性専用icon*/
.ladiesonly{
	background: #ed1b57;
	position:absolute;
	left: -10px;
	top: -10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	z-index: 1;
}

.ladiesonly img{
	width: 25px;
	height: 25px;
}

#house_box .ladiesonly{
	background: #ed1b57;
	position:absolute;
	left: -10px;
	top: -10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

#house_box .ladiesonly img{
	width: 50px;
	height: 50px;
}


#wp .box .ladiesonly{
	background: #ed1b57;
	position:absolute;
	z-index: 1;
	left: -5px;
	top: -5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#wp .box .ladiesonly img{
	width: 35px;
	height: 35px;
}


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


#footer #footbox{
	width: 100%;
	margin: 0 auto;
}

.areaListBox{
	clear: both;
	width: 100%;
	background: #484848;
	font-size: 10px;
	padding: 20px 0 10px 0;
	margin: 0 0 20px 0;
}

.areaListBox dd{    
  width : 800px;
/* dtの幅分の設定 */
  margin-left : 160px;
  padding-bottom:10px;
}

#footer #footbox #f_navibox{
	width: 460px;
	float: left;
}


#footer #footbox #f_snsbox{
	background: #484848;
	width: 310px;
	float: right;
}

#footer #footbox #f_snsbox p{
	text-align: center;
	padding: 15px 0 10px 0;;
}


#footer #footbox #f_snsbox ul{
	margin: 0 auto 20px auto;
	padding: 0;
	width: 300px;
}

#footer #footbox #f_snsbox ul li{
	display: inline;
	border-right: 1px solid #a4a4a4;
}

#footer #footbox #f_snsbox ul li.tw{
	/*background: url(/images/footer/icon_tw.gif) no-repeat 0 3px;*/
	padding: 0 10px 0 20px;
	margin: 0 0 0 15px;
}


#footer #footbox #f_snsbox ul li.fb{
	/*background: url(/images/footer/icon_fb.gif) no-repeat 0 3px;*/
	padding: 0 10px 0 20px;
	margin: 0 0 0 5px;
}

#footer #footbox #f_snsbox ul li.fb span{
	/*background: red;*/
	width: 117px;
	height: 117px;
	display: block;
}


#footer #footbox #f_snsbox ul li.ig{
	background: url(/images/footer/icon_ig.gif) no-repeat 10px 3px;
	padding: 0 10px 0 35px;
	border: none;
}

#footer #footbox #f_snsbox ul li a:link{
	color: #fff;
}

#footer #footbox #f_snsbox ul li a:visited{
	color: #fff;
}

#footer #footbox #f_navibox h3#foot_h{
	font-size: 12px;
	margin: 0 0 10px 20px;
	text-indent: 20px;
	font-weight: bold;
}

#footer #footbox #f_navibox ul.last{
	padding-bottom:0px;
	border-right:none;
	width: 130px;
}


#footer #footbox #f_navibox ul.last li{
	padding-bottom:0px;
	border-right:none;
	float: left;
	width: 50px;
}





}



/*おすすめ*/

.wrapper.osusume_01{
	background: #FDE5EE !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_02{
	background: #E5F0FC !important;
	margin: 20px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_03{
	background: #FEEFEE !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_04{
	background: #FFF8E4 !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_05{
	/*background: #a6a6a6 !important;*/
	background: #d2d2d2 !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_06{
	background: #c6e49c !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_08 {
	background: #eafaf7 !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_09 {
	background: #e8ffff !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_10 {
	background: #f8f1e9 !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}

.wrapper.osusume_11 {
	background: #fae6e3 !important;
	margin: 0px auto 0 auto !important;
	width: 940px;
}
.osusume_box{
	position: relative;
	width: 940px;
	margin: 0px auto 0 auto;
	padding: 0 45px 30px;
	box-sizing: border-box;
}

.osusume_box a:link,
.osusume_box a:hover,
.osusume_box a:visited{
	text-decoration: none ;
}


.osusume_box .osusume_icon{
	position: absolute;
	top:-60px;
	width:160px; 
	
}

.osusume_01_h{
	color: #F82852;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_01_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_02_h{
	color: #006CD8;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_02_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_03_h{
	color: #F86454;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_03_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_04_h{
	color: #EDA300;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_04_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_05_h{
	color: #333333;
	/*color: #FFFFFF;*/
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_05_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}


.osusume_06_h{
	color: #658734;
	/*color: #FFFFFF;*/
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_06_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}


.osusume_08_h{
	color: #06837f;
	/*color: #FFFFFF;*/
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_08_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_09_h{
	color:#00bdc1;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_09_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_10_h{
	color:#be742b;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_10_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_11_h{
	color:#d83315;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 80px 210px; 
}

.osusume_11_h span{
	font-size: 16px;
	display:block;
	padding: 10px 0 0 0;
}

.osusume_h_child {
	position: relative;
	padding: 6px 6px 6px .75em;
	border-left: 6px solid #ccc;
	font-size: 16px;
	font-weight: 600;
	color: #06837f;
	margin: 30px 0 20px 0;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: row;
  }
  
.osusume_h_child::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color:#06837f;
}

.btn_osusume_child {
	background: #06837f;
    color: #fff;
    display: inline-block;
	font-weight: normal;
	padding: 4px 6px;
	font-size: 12px;
}
.btn_osusume_child img {
	vertical-align: middle;
	margin-right: 5px;
}
.btn_osusume_child:hover {
	opacity: 0.7;
}


.btn_osusume_01{
	background: #F01154;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}

.btn_osusume_02{
	background: #0069DB;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}

.btn_osusume_03{
	background: #FA6350;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}

.btn_osusume_04{
	background: #EDA300;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}

.btn_osusume_05{
	background: #333333;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}

.btn_osusume_06{
	background: #7db133;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}
.btn_osusume_08 {
	background: #06837f;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}
.btn_osusume_09 {
	background: #00bdc1;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}
.btn_osusume_10 {
	background: #be742b;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}
.btn_osusume_11 {
	background: #d83315;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 45px;
	top: 0;
	padding: 8px 12px;
}

.btn_osusume_01 img,
.btn_osusume_02 img,
.btn_osusume_03 img,
.btn_osusume_04 img,
.btn_osusume_05 img,
.btn_osusume_06 img,
.btn_osusume_08 img,
.btn_osusume_09 img,
.btn_osusume_10 img,
.btn_osusume_11 img{
	margin: 0 5px -4px 0;
	
}

#wp .osusume_box .box{
	clear:both;
	margin: 0 14px 20px 0 !important;
	margin: 0 10px 20px 0\9 !important;
	padding: 0 0 0 0 !important;
	cursor:pointer;
	width: 200px !important;
	display: inline-block;
	background: #fff;
	vertical-align:top !important;
	position: relative;

}


.osusume_box .box.three {
	margin:  0 0 0 0;
	margin: 0 10px 20px 0\9;
}


#wp .osusume_box .box figure{
	position:relative;
	width: 200px !important;
	height: 170px !important;
	padding-bottom:0;
	margin: auto;
	overflow: hidden;
}

.osusume_box  .box figure .img{
	width:100%;
}

.osusume_box  .box figure .icon{
	position:absolute;
	top:0;
	right:0;
	padding:3px 10px 3px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}

.osusume_box  .box figcaption{
	position: absolute;
	padding: 5px;
	bottom: -22px;
	height: 40px;
	left: 0;
	z-index: 2;
	width: 100%;
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
	font-size: 12px;
	opacity: 0.9;
}

.osusume_box  .box figure:hover {
	opacity: 0.8;
}	
	
.osusume_box  .box figure:hover figcaption {
	bottom: 0px;
}

.osusume_box  .box figcaption.pink{
	background:#e56b91;
}

.osusume_box  .box figcaption.black{
	background:#000;
}


.osusume_box  .box figure .cam img.cam_l{
	position:absolute;
	top:-5px;
	left:0;
}

.osusume_box  .box figurey .cam img.cam_r{
	position:absolute;
	top:5px;
	right:-10px;
}


.osusume_box  .box p{
	font-size:12px;
	padding-bottom:5px;
	line-height:18px;
}

.osusume_box  .box p.name{
	font-size:16px;
}


.osusume_box .box .cont{
	width:100%;
	padding-bottom:5px ;
	margin: 0 0 0 10px;
	margin: auto;
	clear: both;
}

#top .osusume_box .box .cont .house_info{
	box-sizing: border-box;
	width:100%;
	margin: 0px auto 10px auto;
	background: #f7e6e6;
	padding: 10px;
}

#top .osusume_box .box .cont .house_info::after {
    content: "";
    border-color: #e36e6b #fff #fff #e36e6b;
    border-style: solid;
    border-width: 0 0 14px 14px;
    bottom: 15px;
    position: absolute;
    right: 15px;
}

.osusume_box .box .cont .box_h01{
	color: #EC1A57;
	font-size: 16px;
	margin: 15px 0 10px 0;
}





/*ここから！！！add 160818 icon*/

.icon_box{
	width: 200px;
	z-index: 2;
	display: block;
	
}

.ladiesonly2{
	background: #ed1b57;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	z-index: 1;
	float: left;
	margin: 0 0 0 4px;
}

.ladiesonly2 img{
	width: 100%;
}

#house_box .ladiesonly2{
	background: #ed1b57;
	position:absolute;
	left: -10px;
	top: -10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

#house_box .ladiesonly2 img{
	width: 50px;
	height: 50px;
}


#wp .box .ladiesonly2{
	background: #ed1b57;
	position:absolute;
	z-index: 1;
	left: -5px;
	top: -5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#wp .box .ladiesonly2 img{
	width: 35px;
	height: 35px;
}




.new_icon_s{
	background: #0073DB;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	z-index: 1;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
	text-align: center;
	display: inline;
	line-height: 3.2em;
	margin: 0 0 0 4px;
	
}

.new_icon_s img{
	width: 100%;
}

#house_box .new_icon_s{
	background: #ed1b57;
	position:absolute;
	left: -10px;
	top: -10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

#house_box .new_icon_s img{
	width: 50px;
	height: 50px;
}


#wp .box .new_icon_s{
	background: #ed1b57;
	position:absolute;
	z-index: 1;
	left: -5px;
	top: -5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#wp .box .new_icon_s img{
	width: 35px;
	height: 35px;
}





.hs_icon_s{
	background: #89C238;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	z-index: 1;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
	text-align: center;
	display: inline;
	line-height: 3.2em;
	margin: 0 0 0 4px;
	
}

.hs_icon_s img{
	width: 100%;
}

#house_box .hs_icon_s{
	background: #ed1b57;
	position:absolute;
	left: -10px;
	top: -10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

#house_box .hs_icon_s img{
	width: 50px;
	height: 50px;
}


#wp .box .hs_icon_s{
	background: #ed1b57;
	position:absolute;
	z-index: 1;
	left: -5px;
	top: -5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#wp .box .hs_icon_s img{
	width: 35px;
	height: 35px;
}


.bukkeninfo_box01 .icon_box{
	/*background: rgba(0,0,0,0.4);*/
	z-index: 2;
	display: block;
	position: absolute;
	top: 45px;
	left: 5px;
}

.bukkeninfo_box01 .icon_box.box2{
	/*background: rgba(0,0,0,0.4);*/
	z-index: 2;
	display: block;
	position: absolute;
	bottom: 5px !important;
	left: 5px;
}





/*  =============================

		 CSS SPRITE
			
=============================  */

.ico_chara_stay, .ico_page_top_on, .ico_chara_live, .ico_icon_phone, .ico_arrow_left, .ico_arrow_right, .ico_icon_shop, .ico_arrow_l_off, .ico_arrow_l_on, .ico_arrow_r_off, .ico_arrow_r_on, .ico_seach_bg, .ico_sorcial_01_off, .ico_sorcial_01_on, .ico_sorcial_02_off, .ico_sorcial_02_on, .ico_sorcial_03_off, .ico_sorcial_03_on, .ico_logo_blue, .ico_h_icon_02, .ico_link_arrow, .ico_h_icon_03, .ico_h_icon_04, .ico_h_icon_01, .ico_link_arrow, .ico_arrow_01, .ico_arrow_02, .ico_arrow_03, .ico_arrow_tr, .ico_icon_fb, .ico_icon_ig, .ico_icon_tw, .ico_icon_time3, .ico_icn-blank, .ico_sub_link, .ico_time_bar, .ico_icon_ft, .ico_link_arrow_rev, .ico_link_arrow_black {
  display: inline-block;
  background-image: url(/images/spritebox-sprite.png);
  background-repeat: no-repeat;
}

.ico_chara_stay {
  background-position: -0px -0px;
  height: 64px;
  width: 64px;
}

.ico_chara_live {
  background-position: -200px -0px;
  height: 64px;
  width: 64px;
}

.ico_icon_phone {
  background-position: -64px -77px;
  margin: 0 5px -7px 0;
  height: 39px;
  width: 38px;
}

.ico_arrow_left {
  background-position: -102px -77px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 -10px -5px 0;
	display: inline-block;
}

.ico_arrow_right {
  background-position: -136px -77px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 -10px -5px 0;
	display: inline-block;
}

.ico_icon_shop {
  background-position: -170px -77px;
  margin: 0 5px -5px 0;
  height: 32px;
  width: 32px;
}

.ico_arrow_l_off {
  background-position: -202px -77px;
  height: 32px;
  width: 16px;
};

.ico_arrow_l_off:hover {
	opacity: 0.6;
}


.ico_arrow_l_on {
  background-position: -218px -77px;
  height: 32px;
  width: 16px;
}

.ico_arrow_r_off {
  background-position: -234px -77px;
  height: 32px;
  width: 16px;
}

.ico_arrow_r_off:hover {
	opacity: 0.6;
}


.ico_arrow_r_on {
  background-position: -64px -116px;
  height: 32px;
  width: 16px;
}

.ico_seach_bg {
  background-position: -80px -116px;
  height: 30px;
  width: 30px
}

.ico_sorcial_01_off {
  background-position: -110px -116px;
  height: 29px;
  width: 29px
}

.ico_sorcial_01_off:hover {
  background-position: -139px -116px;
}


.ico_sorcial_01_on {
  background-position: -139px -116px;
  height: 29px;
  width: 29px;
}

.ico_sorcial_02_off {
  background-position: -168px -116px;
  height: 29px;
  width: 29px;
}

.ico_sorcial_02_off:hover {
  background-position: -197px -116px;
}

.ico_sorcial_02_on {
  background-position: -197px -116px;
  height: 29px;
  width: 29px;
}

.ico_sorcial_03_off {
  background-position: -226px -116px;
  height: 29px;
  width: 29px;
}

.ico_sorcial_03_off:hover {
  background-position: -64px -148px;
  height: 29px;
  width: 29px;
}

.ico_sorcial_03_on {
  background-position: -64px -148px;
  height: 29px;
  width: 29px;
}

.ico_logo_blue {
  background-position: -264px -0px;
  height: 23px;
  width: 205px;
}

.ico_h_icon_02 {
  background-position: -264px -23px;
  height: 22px;
  width: 18px;
  margin: 0 5px -3px 0;
}

.ico_link_arrow {
  background-position: -282px -23px;
  height: 20px;
  width: 20px;
}

.ico_link_arrow_rev {
  background-position: -265px -63px;
  height: 20px;
  width: 20px;
}


.ico_h_icon_03 {
  background-position: -302px -23px;
  height: 20px;
  width: 17px;
  margin: 0 5px -3px 0;
}
.ico_h_icon_04 {
  background-position: -319px -23px;
  height: 20px;
  width: 17px;
  margin: 0 5px -3px 0;
}


.ico_h_icon_01 {
  background-position: -336px -23px;
  height: 19px;
  width: 18px;
  margin: 0 5px -3px 0;
}

.ico_link_arrow_black {
  background-position: -354px -23px;
  height: 18px;
  width: 20px ;
  margin: 0 5px -3px 0;
}

.ico_arrow_01 {
  display: inline-block;
  background-position: -374px -23px;
  height: 17px;
  width: 17px;
}

.ico_arrow_02 {
  background-position: -391px -23px;
  height: 17px;
  width: 17px;
}

.ico_arrow_03 {
  background-position: -408px -23px;
  height: 17px;
  width: 17px;
}

.ico_arrow_tr {
  background-position: -425px -23px;
  margin: 0 5px -3px 0;
  height: 17px;
  width: 17px;
}

.ico_icon_fb {
  background-position: -442px -23px;
  height: 17px;
  width: 17px
}

.ico_icon_ig {
  background-position: -264px -45px;
  height: 17px;
  width: 17px
}

.ico_icon_tw {
  background-position: -281px -45px;
  height: 17px;
  width: 17px;
}

.ico_icon_time3 {
  background-position: -298px -45px;
  margin: 0 5px 0px 0;
  height: 16px;
  width: 16px;
}

.ico_lang_icon {
  background-position: -314px -45px;
  margin: 0 8px -3px 0;
  height: 16px;
  width: 15px;
}

.ico_icn-blank {
  background-position: -459px -23px;
  height: 10px;
  width: 10px;
}

.ico_sub_link {
  background-position: -459px -33px;
  height: 7px;
  width: 9px;
}

.ico_time_bar {
  background-position: -409px -45px;
  height: 5px;
  width: 4px;
}

.ico_icon_ft {
  background-position: -413px -45px;
  height: 5px;
  width: 3px;
}


#top #key .txt_area p{
	padding:8px 10px 8px 25px;
	width:auto;
	line-height:20px;
	/*sprite化に伴い削除
	background:url(/images/top/key/link_arrow.png) no-repeat left;
	*/
}

#top #key .txt_area p:before{
    content: "";
    display: inline-block;
    background-image: url(/images/spritebox-sprite.png);
  	background-position: -282px -23px;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: -5px;
}

#top .map_box h4:before{
  content: "";
  display: inline-block;
  background-image: url(/images/spritebox-sprite.png);
  background-repeat: no-repeat;
  background-position: -282px -23px;
  margin: 0 5px -3px 0;
  height: 20px;
  width: 20px;
}

/* WEB-1205 */

.common_caset_list {
	display: flex;
	flex-wrap: wrap;
}
.common_caset_item {
	width: 32%;
	background: #fff;
	display: flex;
	align-items: stretch;
	margin-bottom: 20px;
	margin-left: 2%;
}
#top .common_caset_item {
	width: 23%;
	max-width: 250px;
	margin-left: 20px;
}
.common_caset_item._pr {
	-webkit-background-size: 5px 5px;
	-moz-background-size: 5px 5px;
	background-size: 5px 5px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
				color-stop(.25, #ffd0de), color-stop(.25, transparent),
				color-stop(.5, transparent), color-stop(.5, #ffd0de),
				color-stop(.75, #ffd0de), color-stop(.75, transparent),
				to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #ffd0de 25%, transparent 25%,
			  transparent 50%, #ffd0de 50%, #ffd0de 75%,
			  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #ffd0de 25%, transparent 25%,
			  transparent 50%, #ffd0de 50%, #ffd0de 75%,
			  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #ffd0de 25%, transparent 25%,
			  transparent 50%, #ffd0de 50%, #ffd0de 75%,
			  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #ffd0de 25%, transparent 25%,
			  transparent 50%, #ffd0de 50%, #ffd0de 75%,
			  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #ffd0de 25%, transparent 25%,
			  transparent 50%, #ffd0de 50%, #ffd0de 75%,
			  transparent 75%, transparent);
}
.common_caset_item:hover {
	opacity: 0.8;
}
.common_caset_item:nth-child(3n+1) {
	margin-left: 0;
}
.osusume_box .common_caset_item:nth-child(3n+1) {
	margin-left: 2%;
}
#top .common_caset_item:nth-child(3n+1) {
	margin-left: 20px;
}
.osusume_box .common_caset_item:nth-child(4n+1),
#top .common_caset_item:nth-child(4n+1) {
	margin-left: 0;
}
.common_caset_item:nth-child(-n+3) {
	margin-top: 0;
}

.common_caset_item > a {
	display: inline-block;
	width: 100%;
}
.common_caset_image {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.common_caset_figure {
	position: relative;
	overflow: hidden;
}

.common_caset_mark {
	position: absolute;
	background: #ED2500;
	color: #fff;
	font-weight: bold;
	padding: 3px 7px;
	font-size: 12px;
	left: 0;
	top: 0;
}
.common_caset_icon {
	position:absolute;
	top:0;
	right:0;
	padding:3px 10px 3px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}
	.common_caset_icon._share {
		background:#007FC4;	
	}

	.common_caset_icon._apart {
		background:#00BDC1;
	}

	.common_caset_icon._social {
		background:#FFBC00;	
	}

	.common_caset_icon._share_apart {
		background:#a482ea;
	}

.common_caset_caption {
	position: absolute;
	padding: 5px;
	bottom: -22px;
	height: 50px;
	left: 0;
	z-index: 2;
	width: 100%;
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
	background: #000;
	font-size: 12px;
	opacity: 0.9;
	box-sizing: border-box;
}	
.common_caset_item:hover .common_caset_caption  {
	bottom: 0px;
}

.common_caset_body {
	padding: 15px;
}

.common_caset_title { 
	color: #ec1a57;
    font-size: 16px;
}
.common_caset_item._pr .common_caset_title { 
	color: #000;
}
.common_caset_access {
	margin-top: 10px;
	font-size: 12px;
    line-height: 18px;
}
.common_caset_stats {
	margin-top: 10px;
}
.common_caset_stats > span + span {
	margin-left: 10px;
}
.common_caset_feature {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 8px;
    text-align: center;
    display: inline-block;
	line-height: 25px;
}
	.common_caset_feature._new {
		background: #0073db;
	}
	.common_caset_feature._ladies {
		background: #ed1b57;
	}
	.common_caset_feature._ladies img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
.common_caset_available {
	min-width: 70px;
	box-sizing: border-box;
    padding: 2px 15px;
    clear: both;
    font-weight: bold;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	color: #fff;
}
	.common_caset_available._open {
		background: #E31D00;
	}
	.common_caset_available._close {
		background: #506570;
	}
	.common_caset_available._plan {
		padding: 2px 5px;
		background:#FF7F00 ;	
	}
.common_caset_price {
	margin-top: 10px;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.common_caset_campaign,
.common_caset_campaign--limited {
	color: #EE2500;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0;
	line-height: 1.2;
}
.common_caset_campaign--limited {
	color: rgb(56,171,0);
}

.common_caset_info {
	box-sizing: border-box;
	width:100%;
	margin: 10px auto 0;
	background: #f7e6e6;
	padding: 10px;
	position: relative;
	font-size: 12px;
	line-height: 18px;
}
.common_caset_item._pr .common_caset_info {
	background: #fff;
}
.common_caset_info:after {
    content: "";
    border-color: #e36e6b #fff #fff #e36e6b;
    border-style: solid;
    border-width: 0 0 14px 14px;
    bottom: 0;
    position: absolute;
    right: 0;
}
.common_caset_item._pr .common_caset_info:after {
    border-color: #ccc #efefef #efefef #ccc;
}
.common_caset_conditions {
	font-size: 12px;
	line-height: 18px;
}
.common_caset_conditions > span {
	display: inline-block;
	margin-right: 0.3em;
}
.common_caset_small_title {
	font-weight: bold;
	margin-right: 0;
}






/*PAO 追従バナー*/

.pao_banner{
	background: url(/images/popup/pao_stmp_02.png) no-repeat #72bf19 -20px -60px;
	background-size: 40%;
	width: 300px;
	height: 80px;
    border-radius: 5px;
	position: fixed;
	margin: auto 30px;
	padding: 15px;
	z-index:100;
	text-align: left;
	line-height: 1.5em;
	position:fixed;
	/*
	bottom:-150px;
	right: 0px;
	*/
	bottom:100px;
	right: 0px;
	z-index: 99999;
	transition: right 0.5s ease  ;
}


.pao_banner.close{
	right: -310px
}

.pao_banner p.text_link{
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}

.pao_banner p.text_link a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:90%;
	width: 290px;
	left:50px;
	padding: 15px 0 0 0;
	text-decoration: none;
	color: #fff;
}

.pao_banner p.text_link span{
	color: #FFF;
	font-weight: bold;
	font-size: 22px;
	display: block;
	margin: 7px 0;
}

a .pao_banner{
	text-decoration: none;
}


.toggle{
	/*background: url(/images/top/link_arrow_tra_l.png) no-repeat 10px center;*/
	height: 100%;
	width: 40px;
	position: absolute;
	left: 0px;
	cursor: pointer;
	top: 0;
}


.toggle img{
	position: absolute;
	transition: transform 0.5s ease ;
	top: 45px;
	left: 10px;
}


.pao_banner.close .toggle img{
	/*background: url(/images/top/link_arrow_tra_l.png) no-repeat 5px center;*/
	transform: rotate(-540deg);
}

.pao_banner .reject{
	margin: 10px auto;
	background: #fff;
	border-radius: 3px;
	color: #72bf19;
	font-size: 10px;
	text-align: center;
	width: 75%;
	padding: 3px 0;
	font-weight: bold;
	position: absolute;
	bottom: -45px;
	left: 50px;
	z-index: -1;
	cursor: pointer;
	border: 2px solid #72bf19;	
}

.pao_banner .reject:hover{
	opacity: 0.8;
} 

.pao_banner.delete{
	animation: 'fadeOut' 0.5s ease 0s 1 forwards;
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 0;
		right: -310px;
    }
    100% {
        opacity: 0;
        visibility:hidden;
    }
}


/*  ---------------------------
		 cashback
---------------------------  */

/*cashback_style_2*/

dl.common_dl_pc_cashback_detail {
	width:100% !important;
	border: 1px solid #EE2500;
	margin: 10px 0;
}
dl.common_dl_pc_cashback_detail dt {
	float:left;
	clear:left;
	width:40%;
	background: #EE2500;
	color: #fff;
	padding: 6px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
dl.common_dl_pc_cashback_detail dd {
  float:left;
	width:60%;
	padding: 15px 0px 0 0;
	text-align: center;
	font-weight: normal;
	color:  #EE2500;
	font-size: 14px;
	font-style: italic;
	position: relative;
  
}

dl.common_dl_pc_cashback_detail dd em {
	font-weight: bold;
	color:  #EE2500;
	font-size: 22px;
  
}


dl.common_dl_pc_cashback_detail dd:before {
	content:''; 
	display:block; 
	position:absolute; 
	top:18px; 
	left:0px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid #EE2500;
}



/*cashback_style_3*/
dl.common_dl_pc_cashback3 {
	width:100%;
	border: 1px solid #EB4D32;
	margin: 10px 0;
}
dl.common_dl_pc_cashback3 dt {
	float:left;
	clear:left;
	width:50%;
	background: #EE2500;
	color: #fff;
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}
dl.common_dl_pc_cashback3 dd {
	float:left;
	width:50%;
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	color:  #EE2500;
	font-size: 16px;
	font-style: italic;
	position: relative;
}

dl.common_dl_pc_cashback3 dd:before {
	content:''; 
	display:block; 
	position:absolute; 
	top:8px; 
	left:0px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 7px solid #EE2500;
}

/*cashback_style_4*/
p.common_p_pc_cashback{
	background: #EE2500;
	width: 100%;
	color: #fff;
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

p.common_p_pc_cashback em{
	font-size: 20px;
	padding: 0 10px;
}

.optionsearch_caset_campain_title {
	color: #EE2500;
	font-weight:bold;
	border:1px solid #EE2500;
	border-top:none;
	padding: 4px;
	text-align:center;
}


/*cashback_style_5*/
p.common_p_pc_cashback_2{
	background: #EE2500;
	width: 100%;
	color: #fff;
	padding: 15px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0;
}

p.common_p_pc_cashback_2 em{
	font-size: 26px;
	padding: 0 10px;
}

p.common_p_pc_cashback_2 span.cash_discription{
	font-size: 14px;
	font-weight: normal;
}


.em_cashback{
	font-weight: bold;
	font-size: 14px;
	color: #EE2500;
}

.cash_discription{
	font-size: 10px;
	font-weight: normal;
}

.js-common_tooltip {
	cursor: pointer;
}

.js-common_tooltip:after {
	content: '?';
	color: #fff;
	background-color:#F9504C;
	padding: 0;
	margin: 0;
	width: 14px;
	height: 14px;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	margin-left: 0.1em;
}
.js-common_tooltip_baloon {
	display: inline-block;
	padding: 5px;
	max-width: 250px;
	margin-right:15px;
	margin-left:15px;
	/* -webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa; */
	font-size: 12px;
	background: rgba(0,0,0, 0.8);
	color: #fff;
	font-weight: normal;
	transition: opacity 0.4s, transform 0.4s;
	position: absolute;
	transform: translate(-15px, -15px);
	opacity: 0;
	z-index: 1000;
	line-height: 1.5;
	letter-spacing: 0.02em;
}
.js-common_tooltip_baloon.is-active {
	opacity: 1;
	transform:none;
}


/*-----------------------------
	PAOプレゼントバナーテキスト化
-----------------------------*/
.p-banner_paoregister {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #88cc39;
	color: #fff;
	min-height: 135px;
	position: relative;
	text-decoration: none !important;
	line-height: 1;
}
.p-banner_paoregister:before {
	content: '';
	display: block;
	position: absolute;
	background: transparent url(/images/top_v2/bg-banner_paoregister.png) no-repeat center right;
	background-size: auto 100%;
	top:5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 2px solid #fff;
	z-index: 0;
}


.p-banner_paoregister__inner {
	display: inline-block;
}

.p-banner_paoregister__lead {
	font-size: 24px;
	text-align: left;
	margin-bottom: 5px;
	font-weight: bold;
	z-index: 1;
	position: relative;
}

.p-banner_paoregister__text {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	z-index: 1;
	position: relative;
	font-weight: bold;
	margin: 0 auto;
}

.p-banner_paoregister__text span:nth-child(1) {
	font-size: 20px;
	text-align: left;
	margin-right: 20px;
	line-height: 1.4;
}

.p-banner_paoregister__text span:nth-child(2) {
	font-size: 60px;
	text-align: left;
	margin-right: 20px;
	white-space: nowrap;
}

.p-banner_paoregister__text span:nth-child(3) {
	font-size: 20px;
	text-align: left;
	line-height: 1.4;
}