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

			 Top
			
=============================  */


/*  ---------------------------
			loader
---------------------------  */


#loader {
    width: 画像の幅px;
    height: 画像の高さpx;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -XXpx;  heightの半分のマイナス値 */
    margin-left: -XXXpx; /* widthの半分のマイナス値 */
    z-index: 99999;
}
 
#fade {
    width: 100%;
    height: 250px;
    display: none;
    background-color: #eee;
    position: absolute;
    top: 610px;
    text-align: center;
    left: 0px;
    z-index: 99998;
}

#fade img{
	margin: 70px;
}

/*  ---------------------------
			Layout
---------------------------  */


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


#top #sub_navi{
	position:absolute;
	top:0;
	right:20px;
	color:#FFF;
	font-size:11px;
	width:auto;
	margin:0 auto;
	color:#FFF;
	font-size:11px;
	height:30px;
	background: transparent;
}


#header .navi p#head_logo{
	/*
	position:absolute;
	top:10px;
	left:0;
	padding:0;
	*/
	
}


/*
#top #header .navi h2{
	position:absolute;
	top:-130px;
	left:0;
	padding:0;
}
*/

#top #wrapper{
	width:980px;
	margin:0 auto;
	padding:30px 0 20px 0;
	background:none;
}

#top #side{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}



/*  ---------------------------
			key
---------------------------  */
#top #key{
	height:770px;
	position:relative;
	background:#000;
}

#top #key #movie{
	width:100%;
	height:500px;
	overflow:hidden;
	position:relative;
}

#top #key #movie_area{
	width:100%;
	height:100%;
	position:absolute;
}

#top #key #movie_area p{
	color:#FFF;
	text-align:center;
	padding-top:80px;
}

#videoplayer{
	width:100%;
	height:500px;
	position:absolute;
	top:0;
	left:0;
}

#top #key .movie_filter{
	width:100%;
	height:500px;
	position:absolute;
	top:0;
	left:0;
	display:none;
	background:#000;
}

#top #key .link_filter a{
	width:100%;
	height:500px;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	cursor:pointer;
	filter: alpha(opacity=0);
  	-moz-opacity:0;
  	opacity:0;
	transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

/* 20200402
#top #key .link_filter a:hover{
	filter: alpha(opacity=30);
  	-moz-opacity:0.3;
  	opacity:0.3;
}
*/

#top #key .link_filter_ipad{
	width:100%;
	height:500px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}

#top #key .txt_area{
	position:absolute;
	bottom:40px;
	right:-200px;
	color:#fff;
	font-size:14px;
	background-color: rgba(0, 0, 0, 0.3);
	border-bottom-left-radius: 20px; 
	border-top-left-radius: 20px; 
    -webkit-bottom-left-radius: 20px; 
	-webkit-top-left-radius: 20px; 
    -moz-border-bottom-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	padding-left:10px;
	cursor:pointer;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: all 0.4s;
}

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

#top #key .txt_area span{
	font-size:12px;
}

#top #key ul.circle{
	position:absolute;
	display: inline-block;
	bottom:45px;
	text-align:center;
	left: 50%;
	margin: auto;
	transform: translate(-50%, 0);
	
}

#top #key ul.circle li{
	display: inline-block;
	width:10px;
	height:10px;
	background:#222;
	margin-right:15px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	cursor:pointer;
}

#top #key ul.circle li.current{
	background:#E35D54;
}

#top #key .arrow_l{
	position:absolute;
	top:240px;
	left:30px;
}

#top #key .arrow_l span.sprite{
	width: 15px;
	height: 32px;
	background: url(/images/sprite.png) no-repeat -0px -87px;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
}


#top #key .arrow_r{
	position:absolute;
	top:240px;
	right:30px;
}

#top #key .arrow_r span.sprite{
	width: 16px;
	height: 32px;
	background: url(/images/sprite.png) no-repeat -52px -87px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
}


#top #key .timer{
	position:absolute;
	top:500px;
	left:0;
	width:100%;
	height:5px;
	background:#000;
}

#top #key .meter{
	position:absolute;
	top:500px;
	left:0;
	width:0;
	height:5px;
	background:url(/images/top/key/time_bar.png) repeat;
}

#top #key .search{
	width: 404px;
	position:absolute;
	top:260px;
	margin-top: -52px;
	left:50%;
	margin-left:-202px;
	display: flex;
	flex-wrap: wrap;
}

#top #key .search .house_count{
	width: 404px;
	text-align:center;
	line-height:48px;
	color:#FFF;
	font-size:18px;
	text-shadow:
	0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}


#top #key .search .house_count span{
	font-size:30px;
	margin:0 5px 0 5px;
}

#top #key .search .input_area_bg{
	float:left;
	width:300px;
	height:48px;
	background: rgba(0,0,0,0.4);
	border:1px #FFF solid;
	position: relative;
}

#top #key .search .input_area{
	position:absolute;
	top:0;
	left:0;
	width:275px;
	height:48px;
	line-height:48px;
	color:#FFF;
	font-size:18px;
	padding-left:15px;
	padding-right:10px;
	border:none;
	background:none;
}

#top #key .search .input_def{
	position:absolute;
	top:0;
	left:0;
	height:48px;
	line-height:48px;
	color:#FFF;
	font-size:16px;
	padding-left:10px;
}

#top #key .search .input_def span{
	font-size:30px;
	margin:0 5px 0 5px;
}

#top #key .search .select_area{
	width:273px;
	height:48px;
	line-height:48px;
	border:1px #FFF solid;
	border-left:none;
	border-right:none;
	color:#FFF;
	font-size:16px;
	padding-left:10px;
	cursor:pointer;
}

#top .customSelect {
	background:url(/images/top/key/select_def.png) repeat;
}

#top #key .search .select_area option{
	padding:10px;
	color:#FFF;
}

#top #key .search .form_btn{
	background:url(/images/top/key/search_btn.jpg) no-repeat;
	width:102px;
	height:50px;
	border:0;
	float:right;
	cursor:pointer;
	font-size:18px;
}

#top #key .search .form_btn:hover{
	background:url(/images/top/key/search_btn_on.jpg) no-repeat;
}

#top #key .campaign_headline {
	padding:0 10px 8px 25px;
	margin-top: -5px;
}
#top #key .campaign_headline.campaign_headline--hidden {
	opacity: 0;
	display: none;
}
#top #key .campaign_headline p {

}

/*  ---------------------------
			holiday
---------------------------  */
#top #holiday{
	width:940px;
	height:20px;
	background:#FFF;
	display:table;
	vertical-align:middle;
	padding:20px;
	margin-bottom:30px;
	line-height: 1.7em;
}

#top #holiday h3{
	width:auto;
	margin-bottom: 10px;
}

/*  ---------------------------
			Topics
---------------------------  */
#top #topics{
	width:940px;
	height:20px;
	background:#FFF;
	display:table;
	vertical-align:middle;
	padding:20px;
	margin-bottom:30px;
}

#top #topics h3{
	width:auto;
	padding-right:15px;
	border-right:1px #CCC solid;
	float:left;
	letter-spacing:2px;
	height:115px;
}

#top #topics ul.topics_box{
	float:right;
	width:835px;
}

#top #topics ul.topics_box li{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
	clear:both;
}

#top #topics ul.topics_box li:first-child{
	padding-top:0;
}

#top #topics ul.topics_box li:last-child{
	border-bottom:hidden;
	padding-bottom:0px;
}
	
#top #topics ul.topics_box .icon{
	padding:2px 5px 2px 5px;
	font-size:10px;
	color:#FFF;
	margin-right:10px;
	float:left;
	width:100px;
	text-align:center;
}

#top #topics ul.topics_box .id_1{
	background:#FF5200;
}

#top #topics ul.topics_box .id_2{
	background:#004284;
}

#top #topics ul.topics_box .id_3{
	background:#006F70;
}

#top #topics ul.topics_box ul.topics_area{
	float:left;
}

#top #topics ul.topics_box ul.topics_area li{
	display:none;
	clear:none;
	padding:3px 0 0 0;
	border-bottom:hidden;
}

#top #topics ul.topics_box ul.topics_area li:first-child{
	display:block;
}

#top #topics ul.topics_box ul.topics_navi{
	float:right;
}

#top #topics ul.topics_box ul.topics_navi li{
	float:left;
	color:#F00;
	margin:0 0 0 10px;
	letter-spacing:2px;
	clear:none;
	padding:0;
	border-bottom:hidden;
}

#top #topics ul.topics_box ul.topics_navi li a img{
	margin-bottom:-4px;
	margin-right: -13px;
	width: 80%;
}


/*  ---------------------------
			about
---------------------------  */
#top #about_area{
	padding-bottom:30px;
}

#top #about{
	width:310px;
	float:left;
	background:#FFF;
	margin-right:25px;
}

#top #about:last-child{
	margin-right:0;
}

#top #about h3{
	font-size:16px;
	color:#FFF;
	text-align:center;
	padding:10px;
	font-weight:normal;
	letter-spacing:1px;
}

#top #about h4{
	text-align:center;
	font-weight:normal;
}

#top #about .about_inner{
	width:270px;
	margin:0 auto;
	padding:10px 0 10px 0;
	min-height:310px;
}

#top #about .about_inner p{
	padding-top:10px;
	font-size:14px;
	line-height:18px;
}

#top #about .about_inner p a{
	background:url(/images/top/link_arrow.gif) no-repeat left;
	padding-left:25px;
}

/*  ---------------------------
			banner
---------------------------  */
#top #banner_area{
	padding-bottom:30px;
}

#top #banner_vertical{
	width:980px;
}

#top #banner_vertical a{
	filter: alpha(opacity=100);
  	-moz-opacity:1;
  	opacity:1;
  	text-decoration: none;
}

#top #banner_vertical a:hover{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
	text-decoration:none;
}

#top #banner_vertical .real{
	background:url(/images/top/bn/real_bg.jpg) no-repeat;
	width:980px;
	height:120px;
	text-align:center;
	color:#fff;
}

#top #banner_vertical .real .ttl{
	font-size:32px;
	line-height:28px;
	padding:33px 0 10px 0;
	width:auto;
}

#top #banner_vertical .real .ttl img{
	margin:0 7px 2px 0;
}

#top #banner_vertical .real .read{
	font-size:12px;
	font-weight:bold;
}


#top #banner{
	width:475px;
	position:relative;
	background:#FFF;
	float:left;
	margin-right:30px;
}

#top #banner:last-child{
	margin-right:0;
}

#top #banner .pic_1{
	position: absolute;
	top: -23px;
	left: 0;
}

#top #banner .pic_2{
	position: absolute;
	top: -20px;
	left: 0;
}

#top #banner .banner_inner_1{
	padding:10px 10px 10px 170px;
	font-size:12px;
}

#top #banner .banner_inner_2{
	padding:10px 10px 10px 190px;
	font-size:12px;
}

#top #banner h3{
	font-size:16px;
	float:left;
	padding-top:5px;
	color:#EE2500;
	font-weight:bold;
}

#top #banner a.link{
	background: url(/images/top/bn/link_arrow_s.png) no-repeat 7px 3px #EE2500;
	color:#FFF;
	float:right;
	padding:3px 10px 3px 20px;
}

#top #banner a.link:hover{
	text-decoration:none;
	background: url(/images/top/bn/link_arrow_s.png) no-repeat 7px 3px #FF0000;
}

#top #banner p{
	clear:both;
	padding-top:10px;
	line-height:18px;
}



/*  ---------------------------
			HOUSING
---------------------------  */
#top #house{
	padding-bottom:30px;
}

#top #house h3{
	background:#EE2500;
	padding:10px 10px 10px 20px;
	color:#FFF;
	letter-spacing:1px;
}

#top #house h3 .sub{
	font-size:12px;
}

#top #house .house_inner{
	padding:20px 0 20px 0;
	background:#FFF;
}

#top #house .house_inner .cullum{
	padding:0 30px 0 30px;
	float:left;
	width:268px;
}

#top #house .house_inner .cullum:first-child{
	border-right:1px solid #CCC;
}


#top #house .house_inner .cullum:last-child{
	padding:0 0 0 30px;
	border-left:1px solid #CCC;
}

#top #house .house_inner .cullum h4{
	font-size:16px;
	color:#EE2500;
	float:left;
	font-weight:bold;
	padding-bottom:15px;
}

#top #house .house_inner .cullum h4 .sub{
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}

#top #house .house_inner .cullum a.link{
	float:right;
	background:url(/images/top/link_arrow.gif) no-repeat left;
	padding:0 0 0 25px;
}

#top #house .house_inner .cullum .box{
	padding:0 0 20px 0;
	clear:both;
	cursor:pointer;
}

#top #house .house_inner .cullum .box .key{
	position:relative;
	width:100%;
	padding-bottom:5px;
}

#top #house .house_inner .cullum .box .key .img{
	width:100%;
}

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

#top #house .house_inner .cullum .box .key .cam{
	position:absolute;
	bottom:20px;
	left:-15px;
	color:#FFF;
	background:url(/images/top/house/cam_1_middle.png) repeat-x bottom;
	font-size:14px;
	height:36px;
	line-height:45px;
	padding:0px 10px 5px 9px;
}

#top #house .house_inner .cullum .box .key .cam img.cam_l{
	position:absolute;
	top:-5px;
	left:0;
}

#top #house .house_inner .cullum .box .key .cam img.cam_r{
	position:absolute;
	top:5px;
	right:-10px;
}


#top #house .house_inner .cullum .box p{
	font-size:12px;
	padding-bottom:5px;
	line-height:18px;
}

#top #house .house_inner .cullum .box p.name{
	font-size:16px;
}

#top #house .house_inner .cullum a.all{
	background:#EEEEEE;
	font-size:12px;
	padding:5px 0 7px 0;
	width:100%;
	display:block;
	text-align:center;
	border:1px solid #EEE;
}

#top #house .house_inner .cullum a.all img{
	margin-bottom:-4px;
	margin-right:2px;
}

#top #house .house_inner .cullum a.all:hover{
	background:#FFF;
	border:1px solid #EEE;
	text-decoration:none;
}


/*  ---------------------------
			SHIBUYA
---------------------------  */
#top #shibuya{
	padding-bottom:30px;
}

#top #shibuya p{
	word-break: break-all;
}

#top #shibuya .shibuya_inner{
	padding:20px;
	background:#FFF;
}

#top #shibuya .shibuya_inner .logo{
	float:left;
	margin-right:20px;
	padding-top:5px;
}

#top #shibuya .shibuya_inner .info{
	float:left;
}

#top #shibuya .shibuya_inner .info a{
	display:block;
	padding-left:25px;
	font-size:18px;
	background:url(/images/top/link_arrow.gif) no-repeat;
}

#top #shibuya .shibuya_inner .info p{
	display:block;
	font-size:12px;
	line-height:16px;
	margin:5px 0 0 0;
	width:200px;
}

#top #shibuya .shibuya_inner .tel_area{
	border:1px solid #CCC;
	padding:10px 10px 10px 15px;
	float:right;
	width:510px;
	display:table;
}

#top #shibuya .shibuya_inner .tel_area p{
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}

#top #shibuya .shibuya_inner .tel_area p.title{
	width:85px;
}

#top #shibuya .shibuya_inner .tel_area p.tel{
	font-size:30px;
	color:#EE2500;
	line-height:35px;
}

#top #shibuya .shibuya_inner .tel_area p.tel img{
	padding-right:5px;
	margin-bottom:-5px;
}

#top #shibuya .shibuya_inner .tel_area p.time{
	font-size:20px;
}


/*  ---------------------------
			COLUMN
---------------------------  */
#top #column{
	padding-bottom:30px;
}

#top #column h3{
	background:#EE2500;
	padding:10px 10px 10px 20px;
	color:#FFF;
	letter-spacing:1px;
}

#top #column h3 a{
	float:right;
	background:url(/images/top/link_arrow_red.png) no-repeat left;
	padding:0 5px 0 25px;
	font-size:12px;
	color:#FFF;
}

#top #column h3 .sub{
	font-size:12px;
}

#top #column .column_inner{
	background:#FFF;
	padding:30px;
}

#top #column .column_inner ul li{
	float:left;
	margin-right:24px;
	margin-bottom: 25px;
	position:relative;
}

#top #column .column_inner ul li .new{
	position:absolute;
	top:-10px;
	left:10px;
	background:#EE2500;
	padding:3px 10px 3px 10px;
	font-style:italic;
	color:#FFF;
	font-size:12px;
	z-index:1;
}

#top #column .column_inner ul li .new img.bottom{
	position:absolute;
	bottom:-9px;
	left:5px;
}

#top #column .column_inner ul li:nth-child(3n){
	margin-right:0;
}
#top #column .column_inner ul li:nth-child(n+3){
	margin-bottom:0;
}


#top #column .column_inner ul li a img{
	filter: alpha(opacity=100);
  	-moz-opacity:1;
  	opacity:1;
}

#top #column .column_inner ul li a:hover img{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
}

#top #column .column_inner ul li a.txt{
	display:block;
	margin-top:8px;
	background:url(/images/top/link_arrow.gif) no-repeat left;
	padding-left:25px;
}


/*  ---------------------------
			BLOG
---------------------------  */
#top #blog{
	padding-bottom:10px;
}

#top #blog h3{
	background:#EE2500;
	padding:10px 10px 10px 20px;
	color:#FFF;
	letter-spacing:1px;
}

#top #blog h3 a{
	float:right;
	background:url(/images/top/link_arrow_red.png) no-repeat left;
	padding:0 5px 0 25px;
	font-size:12px;
	color:#FFF;
}

#top #blog h3 .sub{
	font-size:12px;
}

#top #blog .blog_inner{
	background:#FFF;
	padding:30px 0 30px 0;
}

#top #blog .blog_inner .cullum{
	width:270px;
	padding:0 28px 0 28px;
	border-right:1px solid #CCC;
	float:left;
}

#top #blog .blog_inner .cullum:last-child{
	padding:0 0 0 28px;
	border-right:none;
}

#top #blog .blog_inner .cullum h4{
	padding-bottom:15px;
	text-align:center;
}

#top #blog .blog_inner .cullum h4 img{
	padding-bottom:5px;	
}

#top #blog .blog_inner .cullum a.box{
	background:url(/images/top/blog/bg.gif) repeat;
	padding:10px;
	font-size:12px;
	display:block;
	margin-bottom:10px;
	border:1px solid #FFF;
}

#top #blog .blog_inner .cullum a.box:hover{
	background:FFF;
	background-image:none;
	border:1px solid #EEE;
	text-decoration:none;
}

#top #blog .blog_inner .cullum a.box .img{
	float:left;
	margin:0 10px 0 0;
	position:relative;
}

#top #blog .blog_inner .cullum a.box .img .update{
	background:url(/images/top/blog/icon_bg_01.png) no-repeat;
}

#top #blog .blog_inner .cullum a.box p{
	font-style:italic;
	height: 20px;
    overflow: hidden;
}

#top #blog .blog_inner .cullum a.box p.title{
	font-weight:bold;
	font-size:14px;
}

#top #blog .blog_inner .cullum a.all{
	background:#EEEEEE;
	font-size:12px;
	padding:5px 0 7px 0;
	width:100%;
	display:block;
	text-align:center;
	border:1px solid #EEE;
}

#top #blog .blog_inner .cullum a.all img{
	margin-bottom:-4px;
	margin-right:2px;
}

#top #blog .blog_inner .cullum a.all:hover{
	background:#FFF;
	border:1px solid #EEE;
	text-decoration:none;
}



/*  ---------------------------
			special
---------------------------  */

#top #house .house_inner .special_box{
	width: 940px;
	margin: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
	/*border-bottom: 1px solid #EEE;*/
}

#top #house .house_inner .special_box:last-child{
	border-bottom: none;
}


#top #house .house_inner .special_box .banner img{
	width: 100%;
	/*background: #000;*/
	margin: auto;
}

#top #house .house_inner .special_box .banner img:hover{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
}


#top #house .house_inner .special_box h4{
	font-size:16px;
	color:#EE2500;
	float:left;
	font-weight:bold;
	padding-bottom:15px;
}

#top #house .house_inner .special_box h4 .sub{
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}
#top #house .house_inner .special_box .catch{
	font-size: 12px;
}

#top #house .house_inner .special_box .catch span{
	color:#EE2500;
	font-weight: bold;
}


#top #house .house_inner a.specialall{
	background:#EEEEEE;
	font-size:12px;
	padding:5px 0 7px 0;
	width:270px;
	display:block;
	text-align:center;
	float: right;
	border:1px solid #EEE;
	margin: 0 20px 0 0;
}

#top #house .house_inner a.specialall img{
	margin-bottom:-4px;
	margin-right:2px;
}

#top #house .house_inner a.specialall:hover{
	background:#FFF;
	border:1px solid #EEE;
	text-decoration:none;
}





#top #about_area #about .about_inner a:link p.listbtn01,
#top #about_area #about .about_inner a:visited p.listbtn01{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background: #007FC4;
	text-align: center;
	padding: 10px 0 10px 0;
	color:#fff;
	font-weight: bold;
	margin: 20px auto 0 auto;
	text-decoration: none !important;
	border: none !important;;
}

#top #about_area #about .about_inner a:hover p.listbtn01{
	opacity: 0.8;
}


#top #about_area #about .about_inner a:link p.listbtn02,
#top #about_area #about .about_inner a:visited p.listbtn02{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background: #00BDC1;
	text-align: center;
	padding: 10px 0 10px 0;
	color:#fff;
	font-weight: bold;
	margin: 20px auto 0 auto;
	text-decoration: none !important;
	border: none !important;;
}

#top #about_area #about .about_inner a:hover p.listbtn02{
	opacity: 0.8;
}


#top #about_area #about .about_inner a:link p.listbtn03,
#top #about_area #about .about_inner a:visited p.listbtn03{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background: #FFBC00;
	text-align: center;
	padding: 10px 0 10px 0;
	color:#fff;
	font-weight: bold;
	margin: 20px auto 0 auto;
	text-decoration: none !important;
	border: none !important;;
}

#top #about_area #about .about_inner a:hover p.listbtn03{
	opacity: 0.8;
}


p.listbtn01 img{
	margin: 0 5px -3px 0 ;
}



/*------------NEW TOP------------*/





#top .banner_area2{
	background: #eee;
	padding: 20px 0 0 0;
	height: 250px;
}

.single-item {
	margin: auto;
	max-height: 230px;
	overflow: hidden;
	display: none;
}

.single-item div.slick-slide{
	margin: 0 10px 0 0;
	min-height: 230px;
	min-width: 250px;
	max-height: 230px;
	max-width: 250px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.single-item div.slick-slide div{
	width: 250px;
	/*add 160420
	height: 230px !important;
 	overflow: hidden !important;
 	*/
}

.single-item div.slick-slide img {
	height: 230px !important;
	width: 250px;
 	overflow: hidden !important;
 }

#arrows{
	position: absolute;
	font-size: 20px;
	color: #000;
	z-index: 9999;
	width: 100%;
	height: 200px;
}

#arrows .slick-next{
	position: absolute !important;
	right: 30px;
	top: 100px;
	z-index: 9999;
}

#arrows .slick-prev{
	position: absolute !important;
	left: 30px;
	top: 100px;
	z-index: 9999;
}

.custom-slick-next{
	position: absolute ;
	right: 0px;
	top: 0px;
	width: 40px;
	z-index: 9999;
	/*
	background-image: url(/images/top/key/arrow_r_off.png);
	background-repeat: no-repeat;
	background-position: 15px 100px;
	*/
	background-color: rgba(0,0,0,0.7);
	height: 230px;
	cursor: pointer;
}

.custom-slick-next span{
  display: inline-block;
  background-image: url(/images/spritebox-sprite.png);
  background-repeat: no-repeat;
  background-position: -234px -77px;
  height: 32px;
  width: 16px;
  position: absolute;
  top: 100px;
  right: 10px;
/*
	width: 16px;
	height: 32px;
	background: url(/images/sprite.png) no-repeat -52px -87px;
	display: inline-block;
	position: absolute;
	top: 100px;
	left: 12px;
*/
}

.custom-slick-prev{
	position: absolute ;
	left: 0px;
	top: 0px;
	width: 40px;
	z-index: 9999;
	/*
	background-image: url(/images/top/key/arrow_l_off.png);
	background-repeat: no-repeat;
	background-position: 10px 100px;
	*/
	background-color: rgba(0,0,0,0.7);
	height: 230px;
	cursor: pointer;
}

.custom-slick-prev span{
  display: inline-block;
  background-image: url(/images/spritebox-sprite.png);
  background-repeat: no-repeat;
  background-position: -202px -77px;
  height: 32px;
  width: 16px;
  position: absolute;
  top: 100px;
  left: 10px;
  
	/*
	width: 15px;
	height: 32px;
	background: url(/images/sprite.png) no-repeat -0px -87px;
	display: inline-block;
	position: absolute;
	top: 100px;
	left: 12px;
	*/
}

.single-item div img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.single-item div p{
	position: absolute;
	font-weight: bold;
	z-index: 10;
	color: #fff;
	padding: 5px 10px;
	top: 10px;
	left: 10px;
}

.slide_detail{
	width: 100%;
	background: rgba( 0, 0, 04, 0.7 );
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 20;
}

.slide_cat_01{
	background: #32A8AA;
}

.slide_cat_02{
	background: #FF2273;
}

.slide_cat_03{
	background: #B42C00;
}

.slide_cat_04{
	background: #FF664F;
}

.slide_cat_05{
	background: #006DD9;
}


#top .wrapper{
	width:1120px;
	margin:0 auto 20px auto;
	padding:0;
	background: #fff;
	clear: both;
}

.h_style01{
	margin: 50px auto 15px auto;
	padding: 0;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	clear: both;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.3em;;
      }

.h_style01 span{
	color: #DC0A00;
	font-size: 14px;
	text-align: center;
}

.h_category{
	display: inline-block;
	text-align: center;
	margin: auto;
	width: auto;
	background: red;
}

.h_style01 span img{
	margin: 0 10px -3px 0;
}

.h_style01 span span.icon_news{
	background: url(/images/sprite.png) no-repeat -51px -19px;
	width: 17px;
	height: 20px;
	padding: 0px 0px 0px 0;
	margin: 0 5px -5px 0;
	display: inline-block;
}


.h_style01 span span.icon_search{
	background: url(/images/sprite.png) no-repeat 1px -19px;
	width: 17px;
	height: 20px;
	padding: 0px 0px 0px 0;
	margin: 0 5px -5px 0;
	display: inline-block;
}

.h_style01 span span.icon_oak{
	background: url(/images/sprite.png) no-repeat -17px -17px;
	width: 18px;
	height: 22px;
	padding: 0px 0px 0px 0;
	margin: 0 5px -5px 0;
	display: inline-block;
}

.h_style01 span span.icon_house{
	background: url(/images/sprite.png) no-repeat -35px -19px;
	width: 16px;
	height: 20px;
	padding: 0px 0px 0px 0;
	margin: 0 5px -5px 0;
	display: inline-block;
}


.search_box_wrap{
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}

.search_box{
	padding: 30px 0 30px 0;
	border-right:1px solid #DDDDDD;
	display: block;
	float: left;
	width: 24.9%;
	text-align: center;
	font-size: 24px;
}

.search_box img{
	padding: 0 0 20px 0;
}

.search_box_wrap2{
	border:1px solid #DDDDDD;
	background: url(/images/top_v2/mapbg.gif) !important;
}

/*160926
.map_box{
	width: 260px;
	height: 110px;
	text-align: center;
	background: #fff;
	float: left;
	margin: 0 0 60px 16px;
}
*/
.map_box{
	width: 205px;
	height: 110px;
	text-align: center;
	background: #fff;
	float: left;
	margin: 0 0 60px 16px;
	position: relative;
}

.map_box.textbox{
	width: 351px;
}


.map_box h4{
	font-size: 25px;
	margin: 0 ;
	padding: 0;
	line-height: 1em;
	padding: 30px 10px 0 0;
}

.map_box h4 img{
	width: 17px;
	margin: -15px 7px 0 0;
}

.map_box h4 span.sprite{
	background: url(/images/sprite.png) no-repeat 0px -69px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 7px -0px 0;
	display: inline-block;
}


.map_box h4 span{
	display: block;
	color: #CCCCCC;
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 30px 16px;
}

.map_box.small{
	width: 260px;
	height: 70px;
	text-align: center;
	background: #fff;
	float: left;
	margin: 0 0 20px 16px;
	position: relative;

}

.map_box.small h4{
	font-size: 17px;
	margin: 0 ;
	padding: 0;
	line-height: 1em;
	padding: 20px 0 5px 0;
}

.map_box.small h4 img{
	width: 17px;
	margin: -15px 7px 0 0;
}

.map_box.small h4 span.sprite{
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 7px -0px 0;
	display: inline-block;
}


.map_box.small h4 span{
	display: block;
	color: #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 30px 16px;
}



.map_box.area1{
	background: url(/images/top_v2/map_bg_01.jpg) no-repeat;
	color: #fff;
	margin: 0 0 30px 16px;
}

.map_box.area2{
	background: url(/images/top_v2/map_bg_02.jpg) no-repeat;
	color: #fff;
	margin: 0 0 30px 16px;
}

.map_box.area3{
	background: url(/images/top_v2/map_bg_03.jpg) no-repeat;
	color: #fff;
	margin: 0 0 30px 16px;
}

.map_box.area4{
	background: url(/images/top_v2/map_bg_04.jpg) no-repeat;
	color: #fff;
	margin: 0 0 30px 16px;
}

.map_box.area5{
	background: url(/images/top_v2/map_bg_05.jpg) no-repeat;
	color: #fff;
	margin: 0 0 30px 16px;
}

.shibuya_left{
	width: 540px;
	height: 155px;
	float: left;
	margin: 10px 0 10px 10px;
	text-align: center;
}

.shibuya_left h4{
	font-size: 32px;
	margin: 20px 0 0 0;
}

.shibuya_left h4 span{
	font-size: 14px;
	display: block;
	margin: 30px 0 0 0;
}
.shibuya_left h4 span img{
	margin:0 7px -9px 0;
	padding: 0 0 0 0;
}
.shibuya_left p{
	margin:20px 0 0 0;
}
.shibuya_left p img{
	margin:0 7px -9px 0;
	padding: 0 0 0 0;
}

.shubuya_left_bt span.sprite{
	width: 26px;
	height: 32px;
	display: inline-block;
	background-size: 130px;
	margin: 0 5px 0 0;
}



.shibuya_right{
	width: 540px;
	height: 155px;
	float: right;
	background:url(/images/top_v2/phone_bg.jpg) no-repeat ;
	margin: 10px 10px 10px 0;
	text-align: center;
}


/*ここから追加分前*/
.shibuya_right p.p01{
	font-size: 18px;
	margin: 15px 0 10px 0;
}

.shibuya_right p.p02{
	font-size: 26px;
	color: #E51800;
}

.shibuya_right p.p02 img{
	margin:0 10px -5px 0;
	width:28px;
	height:28px;
}

.shibuya_right p.p02 span.sprite{
	width: 26px;
	height: 32px;
	display: inline-block;
	background-size: 130px;
	margin: 0 5px 0 0;
}


.shibuya_right p.p03{
	margin: 14px 0 0 0;
	font-size: 18px;
	line-height:140%;
	color: #E51800;
	font-weight: normal;
}

.shibuya_right p.p04{
	font-size: 18px;
	color: #E51800;
	padding-top:10px;
}
.shibuya_right p.p04 img{
	margin:0 8px -2px 0;
}

.shibuya_right p.p04 span.sprite{
	width: 16px;
	height: 22px;
	display: inline-block;
	background-size: 150px;
	margin: 0 0px 0 0;
}


/*ここまで追加分前*/

.desuka01,.desuka02,.desuka03{
	width: 373px;
	background: #FFBC00;
	text-align: center;
	padding: 30px 0 0 0;
	color: #fff;
	float: left;
}

.desuka01 h3,.desuka02 h3,.desuka03 h3{
	margin: 0 0 30px 0;
}

.desuka01 p img,.desuka02 p img,.desuka03 p img{
	margin: 0 0 20px 0;
}

.desuka01{
	background: #FFBC00;
}

.desuka02{
	background: #007DC7;
}

.desuka03{
	background: #00BDC1;
}

.desuka01 .desuka_cont{
	margin: 20px 0 0 0;
	padding: 20px 0 20px 30px;
	background: #FEF7E5;
	text-align: left;
	color: #444444;
}


.desuka01 .desuka_cont ul li{
	margin: 0 0 0 0;
	/*
	background: url(/images/top_v2/arrow_01.png) 0 1px no-repeat;
	*/
	padding: 0 0 15px 23px;
}

.desuka01 .desuka_cont ul li span{
	background: url(/images/sprite.png) no-repeat -17px -69px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 7px -3px 0;
	display: inline-block;
}

.desuka01 .desuka_cont ul li.inner_li{
	background: none;
}

.desuka01 .desuka_cont ul li.inner_li ul li{
	background: none;
	padding: 0 0 15px 0px;
}

.desuka01 .desuka_cont ul li.inner_li ul li:before{
	content: "・";
}


.desuka01 .desuka_cont p.desuka_btn{
	background: #FFBC00;
	text-align: center;
	color: #fff;
	margin: 0 0px 10px 0;
	width: 325px;
	padding: 10px 0;
}

.desuka01 p.desuka_btn img{
	margin: 0 10px -3px 0;
}

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

.desuka02 .desuka_cont{
	margin: 20px 0 0 0;
	padding: 20px 0 20px 30px;
	background: #cbe2ff;
	text-align: left;
	color: #444444;
}


.desuka02 .desuka_cont ul li{
	margin: 0 0 0 0;
	/*
	background: url(/images/top_v2/arrow_02.png) 0 1px no-repeat;
	*/
	padding: 0 0 15px 23px;
}

.desuka02 .desuka_cont ul li span{
	background: url(/images/sprite.png) no-repeat -34px -69px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 7px -3px 0;
	display: inline-block;
}


.desuka02 .desuka_cont ul li.inner_li{
	background: none;
}

.desuka02 .desuka_cont ul li.inner_li ul li{
	background: none;
	padding: 0 0 15px 0px;
}

.desuka02 .desuka_cont ul li.inner_li ul li:before{
	content: "・";
}

.desuka02 .desuka_cont p.desuka_btn{
	background: #007DC7;
	text-align: center;
	color: #fff;
	margin: 0 -10px 10px 0;
	width: 325px;
	padding: 10px 0;
}

.desuka02 p.desuka_btn img{
	margin: 0 10px -3px 0;
}

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


.desuka03 .desuka_cont{
	margin: 20px 0 0 0;
	padding: 20px 0 20px 30px;
	background: #e8ffff;
	text-align: left;
	color: #444444;
}


.desuka03 .desuka_cont ul li{
	margin: 0 0 0 0;
	/*
	background: url(/images/top_v2/arrow_03.png) 0 1px no-repeat;
	*/	
	padding: 0 0 15px 23px;
}

.desuka03 .desuka_cont ul li span{
	background: url(/images/sprite.png) no-repeat -51px -69px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 7px -3px 0;
	display: inline-block;
}

.desuka03 .desuka_cont ul li.inner_li{
	background: none;
}

.desuka03 .desuka_cont ul li.inner_li ul li{
	background: none;
	padding: 0 0 15px 0px;
}

.desuka03 .desuka_cont ul li.inner_li ul li:before{
	content: "・";
}

.desuka03 .desuka_cont p.desuka_btn{
	background: #00BDC1;
	text-align: center;
	color: #fff;
	margin: 0 -10px 10px 0;
	width: 325px;
	padding: 10px 0;
}

.desuka03 p.desuka_btn img{
	margin: 0 10px -3px 0;
}

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

.desuka_catch{
	width: 90%;
	margin: auto;
	text-align: center;
}

/*おすすめ*/

#top .wrapper.osusume_01{
	background: #FDE5EE !important;
	margin: -20px auto 0 auto !important;
}

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

#top .wrapper.osusume_03{
	background: #FEEFEE !important;
}

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

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

#top .wrapper.osusume_06{
	background: #c6e49c !important;
	margin: -20px auto 0 auto !important;
}

#top .wrapper.osusume_07{
	background: #ffeedf !important;
	margin: -20px auto 0 auto !important;
}


#top .osusume_box{
	position: relative;
	width: 1078px;
	margin: 0px auto 0 auto;
	padding: 0 0 30px 0;
}

/*ipad setting*/
@media only screen
 and (max-width: 1024px) {

#top .osusume_box{
	position: relative;
	width: 940px;
	margin: 0px auto 0 auto;
	padding: 0 0 30px 0;
}


}
/*ipad setting*/


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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

/*
#top .btn_osusume_01 span,
#top .btn_osusume_02 span,
#top .btn_osusume_03 span,
#top .btn_osusume_04 span,
#top .btn_osusume_05 span,
#top .btn_osusume_06 span{
	background: url(/images/sprite.png) no-repeat -68px -68px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 7px -3px 0;
	display: inline-block;
}
*/

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

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

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

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

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

#top .btn_osusume_06{
	background: #7db133;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 8px 12px;
}

#top .btn_osusume_07{
	background: #ff7800;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 8px 12px;
}

#top .btn_osusume_08{
	background: #06837f;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 8px 12px;
}

#top .btn_osusume_09{
	background: #00bdc1;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 8px 12px;
}

#top .btn_osusume_10{
	background: #be742b;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 8px 12px;
}
#top .btn_osusume_11 {
	background: #d83315;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 8px 12px;
}

#top .btn_osusume_12 {
	background: #39be85;
	color: #fff;
	width: auto;
	display: inline;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 8px 12px;
}


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


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

}


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


#top .osusume_box .box figure{
	position:relative;
	width: 250px;
	height: 182px;
	padding-bottom:0;
	margin: auto;
	overflow: hidden;
}

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

#top .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;
}

#top .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;
}

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

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

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


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

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


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

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


#top .osusume_box .box .cont{
	width:220px;
	padding-bottom:5px;
	margin: auto;
}

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






/*  ---------------------------
			Topics
---------------------------  */
#top #topics_new{
	width:1120px;
	height:20px;
	background:#FFF;
	display:table;
	vertical-align:middle;
	padding:0 0 20px 0;
}

#top #topics_new h3{
	width:auto;
	padding-right:15px;
	border-right:1px #CCC solid;
	float:left;
	letter-spacing:2px;
	height:115px;
}

#top #topics_new ul.topics_box{
	float:right;
	width:1120px;
}

#top #topics_new ul.topics_box li{
	/*border-bottom:1px dotted #CCC;*/
	padding: 10px;
	clear:both;
}

#top #topics_new ul.topics_box li.news01{
	background: #FFEEE4;
}

#top #topics_new ul.topics_box li.news02{
	background: #E5F0F1;
}

#top #topics_new ul.topics_box li.news03{
	background: #F2F5F9;
}

#top #topics_new ul.topics_box li:first-child{
	/*padding-top:0;*/
}

#top #topics_new ul.topics_box li:last-child{
	/*border-bottom:hidden;
	padding-bottom:0px;*/
}
	
#top #topics_new ul.topics_box .icon{
	padding:2px 5px 2px 5px;
	font-size:12px;
	color:#FFF;
	margin-right:10px;
	float:left;
	width:150px;
	padding: 10px 0;
	text-align:center;
}

#top #topics_new ul.topics_box .id_1{
	background:#FF5200;
}

#top #topics_new ul.topics_box .id_2{
	background:#004284;
}

#top #topics_new ul.topics_box .id_3{
	background:#006F70;
}

#top #topics_new ul.topics_box ul.topics_area{
	float:left;
}

#top #topics_new ul.topics_box ul.topics_area img{
	margin: 0 10px -5px 0;
}


#top #topics_new ul.topics_box ul.topics_area li{
	display:none;
	clear:none;
	padding: 10px 0;
	border-bottom:hidden;
}

#top #topics_new ul.topics_box ul.topics_area li:first-child{
	display:block;
}

#top #topics_new ul.topics_box ul.topics_navi{
	float:right;
}

#top #topics_new ul.topics_box ul.topics_navi li{
	float:left;
	color:#F00;
	margin:10px 0 0 10px;
	letter-spacing:2px;
	clear:none;
	padding:0;
	border-bottom:hidden;
}

#top #topics_new ul.topics_box ul.topics_navi li a img{
	margin-bottom:-4px;
	margin-right: -13px;
	width: 80%;
}

#top #topics_new ul.topics_box ul.topics_navi li span{
}

#top .event_table{
	width: 1120px;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #F1E3D3;
}

#top .event_table th{
	text-align: center;
	background: #F8F4EE;
	padding: 14px;
	font-weight: normal;
	border: 1px solid #F1E3D3;
}

#top .event_table td{
	text-align: center;
	padding: 14px;
	font-weight: normal;
	border-right: 1px solid #F1E3D3;
}

#top .event_table tr:nth-child(odd){
	background: #FCFBF8;
}

#top .event_table td.link{
	text-align: left;
	padding: 14px;
	font-weight: normal;
	border-right: 1px solid #F1E3D3;
}

/*
#top .event_table td.link img{
	margin: 0 10px -5px 0;
}

#top .event_table td.link span{
	background: url(/images/sprite.png) no-repeat -84px -68px;
	width: 17px;
	height: 17px;
	padding: 3px 19px 3px 0;
	margin: 0 5px 0 0;
}
*/


#top .event_table td.resdent{
	color: #004686;
}

#top .event_table td.free{
	color: #FF5400;
}




/*  ---------------------------
			YOUTUBE
---------------------------  */

ul.list-movie-01_top {
	width: 500px;
	margin: 0 0 0 0;
}

ul.list-movie-01_top li{
	text-align: left;
	padding: 30px 0px 0px 200px;
	line-height: 60px;
	background: #fff;
	position: relative;
	height: 82px;
	border-bottom: 2px solid #EEEEEE;
}

ul.list-movie-01_top li img.thmb{
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 10;
}

ul.list-movie-01_top li img.playing{
	display: none;
}


ul.list-movie-01_top li.select img.playing{
	position: absolute;
	display: block !important;
	top: 20px;
	left: 30px;
	z-index: 100;
}


ul.list-movie-01_top li a:link,
ul.list-movie-01_top li a:hover,
ul.list-movie-01_top 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_top li.select a:link,
ul.list-movie-01_top li.select a:hover,
ul.list-movie-01_top 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;*/
}


#top .youtubebox{
	background: #eee;
	padding: 10px ;
}

#top table.top_youtube{
	width: 1120px;
	margin: 0 auto;
}


p.youtube_link{
	margin: 10px 0 0 0;
	text-align: right;
}


p.youtube_link a:link,
p.youtube_link a:hover,
p.youtube_link a:visited{
	color: #EE2500;
	padding: 0 0 0 20px;
}


p.youtube_link img{
	margin-bottom:-4px;
	margin-right: -13px;
	width: 20px;
}

p.youtube_link span{
	padding: 0px 0px 0px 0;
	margin: 0 -10px -5px 0;
	display: inline-block;
}



/*  ---------------------------
			ブログ
---------------------------  */


#top .blog_table{
	width: 1120px;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0;
}

#top .blog_table th{
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 370px;
}

#top .blog_table th img{
	margin: 0 0 10px 0;
}

#top .blog_table tr.blog01 th{
	text-align: center;
	background: #006A98;
}

#top .blog_table tr.blog01 td{
	text-align: center;
	background: #E5F0F4;
}

#top .blog_table tr.blog02 th{
	text-align: center;
	background: #724548;
}

#top .blog_table tr.blog02 td{
	text-align: center;
	background: #F1ECEC;
}

#top .blog_table tr.blog03 th{
	text-align: center;
	background: #87793C;
}

#top .blog_table tr.blog03 td{
	text-align: center;
	background: #F3F1EC;
}

#top .blog_table tr.blog04 th{
	text-align: center;
	background: #6da013;
}

#top .blog_table tr.blog04 td{
	text-align: center;
	background: #f9ffec;
}

#top .blog_table tr.blog05 th{
	text-align: center;
	background: #e75656;
}

#top .blog_table tr.blog05 td{
	text-align: center;
	background: #ffecec;
}



#top .blog_table td{
	text-align: center;
	padding: 14px;
	font-weight: normal;
}

#top table.blog_table table.inner_blogtable{
	float: left;
	border-collapse: collapse;
	margin: 0 0 0 25px;
	width: 210px;
}

#top table.blog_table table.inner_blogtable td{
	background: #fff ;
	text-align: left;
}

#top table.blog_table table.inner_blogtable td.top{
	background: rgba( 255, 255, 255, 0.55 ) ;
	text-align: center ;
}

td.top img{
	width: 100px;
	height: 100px;
}



.btn_blog_01{
	color: #FFF;
	position: relative;
	padding: 10px 0 0 0;
}

.btn_blog_01 img,
.btn_blog_02 img,
.btn_blog_03 img{
	position: absolute;
	left: 119px;
	top: 12px;
}

.btn_blog_01 span.sprite{
	background: url(/images/sprite.png) no-repeat -68px -68px;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 0;
	margin: 0 7px -3px 0;
	display: inline-block;
}



/*選ばれる理由*/

.choice_box_wrap{
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	border-collapse:collapse;
}

.choice_box{
	padding: 30px 0 30px 0;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	display: block;
	float: left;
	width: 33.2%;
	text-align: center;
	font-size: 24px;
	border-collapse:collapse;
}

.choice_box img{
	padding: 0 0 20px 0;
}

.choice_box h4{
	font-size: 26px;
	margin: 0 0 20px 0;
}

.choice_box p{
	font-size: 14px;
	width: 87%;
	margin: auto;
}


/*  ---------------------------
			バナー
---------------------------  */


.banner_wrapper{
	background: #eee;
	margin: 50px 0 0 0;
	min-height: 1px;
	height: auto;
	clear: both;
	text-align: center;
}

.banner_top{
	margin:auto;
	padding: 30px 0 20px 0;
	width: 1120px;
	text-align: center;
}

.banner_top li{
	width: 360px;
	height: 130px;
	margin: 0 10px 30px 0;
	background: #fff;
	float: left;
	position: relative;
}

.banner_top .banner01{
}

.banner_top .banner01 p{
	padding: 10px 0 0 0;
	font-size: 22px;
	color: #22509a;
}

.banner_top .banner02{
	background: url(/images/top_v2/bannerbg_01.jpg) no-repeat;
	color: #fff;
	text-align: left;
}

.banner_top .banner02 p{
	margin: 40px 0 0 120px;
}

.banner_top .banner02 p span{
	font-size: 22px;
	padding: 0 0 15px 0;
	display: inline-block;
}

.banner_top .banner03{
	background: url(/images/top_v2/bannerbg_02.jpg) no-repeat;
	color: #fff;
	text-align: center;
	font-size: 22px;
}

.banner_top .banner03 p{
	font-size: 22px;
	margin: 55px 0 0 0;
	display: inline-block;
}


img.arrows_bnr{
	margin:0 7px 0 0;
	padding: 0 0 0 0;
}

img.arrows{
	margin:0 7px -3px 0;
	padding: 0 0 0 0;
}

.banner_wrapper .full_length{
	margin: 20px auto 15px;
	width: 1100px;
}

.banner_wrapper .full_length img{
	width: 1100px;
}

/*
#top #special_area{
	background: #fff;
}

#top #special_area h3{
	background: #000;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-size: 18px;
}

#top #special_area h3 span{
	color: #fff;
	padding: 0 0 0 7px;
	font-size: 12px;
}

#top #special_area div{
	width: 940px;
	margin: 20px auto;
}

#top #special_area div p img{
	width: 100%;
}

#top #banner_area .banner_image{
	margin-bottom: 30px;
}

#top #banner_area .banner_image p:hover{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
}
*/

.alertbox{
	border: 3px solid #D91200;
	margin: 40px auto 0 auto !important;
}

.alertbox p.date {
	margin: 10px 10px 0px 10px;
	color:  #D91200;
	font-weight: bold;
	
}

.alertbox h3 {
	margin: 5px 10px 5px 10px;
	color:  #D91200;
	font-weight: bold;
	font-size: 16px;
	
}


.alertbox p {
	margin: 0px 10px 10px 10px;
	color:  #D91200;
}


.alert2{
	width: 95%;
	margin: 40px auto 20px auto;
}

.alert2 img{
	width: 100%;
}

.link_box{
	width: 1120px;
	margin: auto;
}




/*  ---------------------------
			ミカタ
---------------------------  */


#top .mikata_table{
	width: 1120px;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0;
}

#top .mikata_table th{
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 370px;
}

#top .mikata_table th img{
	margin: 30px 0 10px 0;
}

#top .mikata_table tr.mikata01 th{
	text-align: center;
	background: #e0d2ab;
}

#top .mikata_table tr.mikata01 td{
	text-align: center;
	background: #F7F6EB;
}

#top .mikata_table tr.mikata02 th{
	text-align: center;
	background: #724548;
}

#top .mikata_table tr.mikata02 td{
	text-align: center;
	background: #F1ECEC;
}

#top .mikata_table tr.mikata03 th{
	text-align: center;
	background: #87793C;
}

#top .mikata_table tr.mikata03 td{
	text-align: center;
	background: #F3F1EC;
}


#top .mikata_table td{
	text-align: center;
	padding: 14px;
	font-weight: normal;
}

#top table.mikata_table table.inner_mikatatable{
	float: left;
	border-collapse: collapse;
	margin: 0 0 0 25px;
	width: 210px;
}

#top table.mikata_table table.inner_mikatatable td{
	background: #fff ;
	text-align: left;
}

#top table.mikata_table table.inner_mikatatable td.top{
	background: rgba( 255, 255, 255, 0.55 ) ;
	text-align: center ;
}

td.top img{
	width: 100px;
	height: 100px;
}

.btn_mikata_01{
	color: #FFF;
	position: relative;
	padding: 10px 0 20px 0;
}

.btn_mikata_01 img{
	position: absolute;
	left: 50px;
	top: -18px;
}



/*  ---------------------------
		HOTEL BANNER
---------------------------  */

#banner_hotel{
	width: 100%;
	border-bottom: 1px solid #888;
}
#banner_hotel .border{
	border-bottom: 1px solid #888;
	height: 1px;
	width: 44px;
	display: block;
	margin: 15px auto;
}

#banner_hotel .left{
	width: 49.9%;
	float: left;
	text-align: center;
	padding: 45px 0 30px 0;
}



#banner_hotel .left h3{
	font-size: 16px;
	text-align: center;
	margin: 10px 0;
}	

#banner_hotel .left h3 img{
	text-align: center;
	display: block;
	margin: 0 0 10px 0;
}	

#banner_hotel .left h4{
	text-align: center;
	display: block;
	margin: 10px 0;
}	


#banner_hotel .left p{
	width: 90%;
	margin: auto;
	line-height: 1.5em;
}


#banner_hotel .right{
	width: 49.9%;
	border-left: 1px solid #888;
	float: right;
	text-align: center;
	padding: 45px 0 30px 0;
}


#banner_hotel .right h3{
	font-size: 16px;
	text-align: center;
	margin: 10px 0;
}	

#banner_hotel .right h3 img{
	text-align: center;
	display: block;
	margin: 0 0 10px 0;
}	

#banner_hotel .right p{
	width: 90%;
	margin: auto;
	line-height: 1.5em;
}


.btn_red_L{
	background: #005795;
	color: #fff;
	width: 244px;
	margin: 20px auto;
	padding: 7px 0;
	text-align: center;
}

a.hostel_link{
	text-decoration: none;
}

/*ipad setting*/
@media only screen
 and (min-width: 768px)
 and (max-width: 1024px) {
/*ipad のみで対応したい場合
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {
 */

#top .wrapper{
	width:95%;
}


#top .event_table{
	width: 100%;
}

.search_box_wrap{
	width: 95%;
}

.search_box{
	width: 24.8%;
}

.map_box{
	width: 210px;
}
.map_box.small{
	width: 110px;
}

.shibuya_left{
	width: 55%;
}

.shibuya_right{
	width: 40%;
}


#top .mikata_table{
	width: 100%;
}

#top .mikata_table th{
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 370px;
}

#top table.mikata_table table.inner_mikatatable{
	width: 150px;
}

.banner_wrapper p.full_length{
	width: 100%;
}

.banner_wrapper p.full_length img{
	width: 95%;
}

.desuka01,.desuka02,.desuka03{
	width: 33.3%;;
}

.desuka01 .desuka_cont p.desuka_btn{
	width: 95%;
}

.choice_box img{
	width: 80%;
}

.link_box{
	width: 95%;
	margin: auto;
}

.osusume_box{
	width: 95%;
}


#top .osusume_box .box{
	width: 23%;
}

#top .osusume_box .box figure{
	width: 100%;
	height: 172px;
}
#top .osusume_box .box .cont{
	width:90%;
}

#top table.top_youtube{
	width: 100%;
}

ul.list-movie-01_top {
	width: 100%;
}

ul.list-movie-01_top li{
	text-align: left;
	padding: 30px 0px 0px 200px;
	line-height: 1.9em;
	
	background: #fff;
	position: relative;
	height: 82px;
	border-bottom: 2px solid #EEEEEE;
}

#top #topics_new{
	width:100%;
}

#top #topics_new ul.topics_box{
	width:100%;
}


#top .blog_table{
	width: 100%;
}

#top .blog_table th{
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 370px;
}

#top table.blog_table table.inner_blogtable{
	width: 150px;
}


}





/*  ---------------------------
		Key for ipad
---------------------------  */

#top #key #ipad_key{
	width:100%;
	height:100%;;
	position:absolute;
	z-index: 0;
}

#top #key #ipad_key li{
	width:100%;
	height:500px;
	background-size: cover;
	position: relative;
}

#top #key .txt_area_ipad{
	position:absolute;
	bottom:20px;
	right:0px;
	color:#fff;
	font-size:14px;
	background-color: rgba(0, 0, 0, 0.3);
	border-bottom-left-radius: 20px; 
	border-top-left-radius: 20px; 
    -webkit-bottom-left-radius: 20px; 
	-webkit-top-left-radius: 20px; 
    -moz-border-bottom-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	padding-left:10px;
	cursor:pointer;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: height 0.4s, width 0.4s;
}

#top #key .txt_area_ipad p{
	padding:8px 10px 8px 25px;
	width:auto;
	background:url(/images/top/key/link_arrow.png) no-repeat left;
	line-height:20px;
}

#top #key .txt_area_ipad span{
	font-size:12px;
}


#top .bx-pager ,
#top .bx-default-pager{
	position: absolute;
	bottom: 20px;
}


#top .bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 7px;
	outline: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#top .bx-wrapper .bx-pager.bx-default-pager a:hover,
#top .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #D91200;
}



/* instgram*/
#top .snapwidget-widget{
	width: 1120px;
	height: 720px;
}

@media only screen
 and (max-width: 1024px) {
#top .snapwidget-widget{
	width: 100%;
	height: 690px;
}

#top .snapwidget-widget .media-list-item {
	margin: 0 !important;
	width: 10% !important;
}

}



.newicon{
	display: inline-block;
	width: 35px;
	height: 35px;
	background: #EE2500;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px; 
	border-radius: 50px;
	font-size: 12px;
	color:#fff;
	font-weight: bold;
	position: absolute;
	left: -10px;
	top: -10px;
	text-align: center;
	line-height: 3.0em;
}


/*  ---------------------------
		WEB-1064 OakMemories
---------------------------  */

.memory_list .photo_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 10px;
}
.memory_list .photo_list .item {
	width: 23.7%;
	margin-top: 13px;
	position: relative;
}
.memory_list .photo_list .item:nth-child(-n+4) {
	margin-top: 0;
}
.memory_list .photo_list .item img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}
.memory_list .photo_list .item a:hover img {
	opacity: 0.75;
}

.memory_list .btn_list {
	margin-top: 40px;
}
	.memory_list .btn_list a {
		display: block;
		color: #fff;
		background:#ff6161;
		text-align: center;
		font-size: 14px;
		line-height: 1;
		padding: 20px;
		text-decoration: none;
	}
	.memory_list .btn_list a:hover {
		opacity: 0.75;
	}


/*  ---------------------------
		WEB-1611 Blog
---------------------------  */
.recentblog {
	background: #f2f2f2;
	padding: 30px 0;
	margin: 50px 0;
}
	#top .recentblog .wrapper {
		background: none;
	}
	#top .recentblog .h_style01 {
		margin-top: 0;
	}
	.recentblog_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		margin-top: 30px;
	}
	.recentblog_list_item {
		max-width: 150px;
		text-align: center;
		background: #fff;
	}
	.recentblog_list_item a {
		text-decoration: none;
		display: block;
	}
	.recentblog_list_item a:hover {
		opacity: 0.7;
	}
	.recentblog_list_item_image {
		position: relative;
	}
	.recentblog_list_item_image img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.recentblog_list_item_name {
		font-size: 10px;
		display: block;
		width: 100%;
		line-height: 1;
		padding: 5px 5px;
		background: rgba(0,0,0,0.6);
		color: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
		box-sizing: border-box;
		letter-spacing: 0.05em;
	}
	.recentblog_list_item_title {
		font-size: 12px;
		color: #DC0A00;
		line-height: 1.6;
		padding: 0px 5px 5px;
		letter-spacing: 0.01em;
		font-weight: bold;
	}
	.recentblog_list_item_date {
		font-size: 10px;
		line-height: 1.6;
		padding: 0 5px 0;
		font-weight: bold;
		letter-spacing: 0.08em;
	}

	.recentblog .btn_list {
		margin-top: 40px;
	}
		.recentblog .btn_list a {
			display: block;
			color: #fff;
			background:#ff6161;
			text-align: center;
			font-size: 14px;
			line-height: 1;
			padding: 20px;
			text-decoration: none;
		}
		.recentblog .btn_list a:hover {
			opacity: 0.75;
		}
		


/*  ---------------------------
		WEB-1786 ハッピーハウス
---------------------------  */

.happy_wrap{
	margin: 100px auto 0 auto !important;
	padding-top: 105px !important;
	background: url(/images/top_v2/happy_header.png) no-repeat top !important;
	position: relative;
}

.happy_wrap h3{
	position: absolute;
	left:630px;
	top: 20px;
	border-radius: 25px;
	background: #eeeeee;
	padding: 15px 20px 15px 0px;
	text-align: center;
	color: #e94f4c;
	font-weight: bold;
}

.happy_name{
	text-align: center;
	padding: 10px 0 0 0;
}

.happy_wrap h3:before{
    content: url(/images/top_v2/happy_header_fukidashi.png);
    margin: 10px;
    position: relative;
    top: 18px;
    left: -16px;
}
.happy_box{
	border-left:2px solid #eb5c60;
	border-right:2px solid #eb5c60;
	border-bottom:2px solid #eb5c60;
	display: flex;
	padding: 0 15px;
justify-content: center;
  align-items: center;
  }

.happy_box_inside{
	width: 515px;
	padding: 20px 15px;
}

.happy_box_inside h4{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #eb5c60;
}

.happy_box_inside h4:before{
    content:url(/images/top_v2/happy_line_l.png);
    position: relative;
    left: -20px;
    top: 5px;
}

.happy_box_inside h4:after{
    content:url(/images/top_v2/happy_line_r.png);
    position: relative;
    right: -20px;
    top: 5px;
}


.happy_box_text{
	line-height: 1.8em;
	text-align: center;
}





/*  ---------------------------
		price banner
---------------------------  */

.p-banner_price__wrap{
	width: 1100px;
	margin: 0 auto 20px auto;
  	display: flex;
  	justify-content:space-between;
}

.p-banner_price__wrap a{
	text-decoration: none;
	display: flex;
	text-align: left;
}


.p-banner_price{
	width: 356px;
	height: 134px;
  	display: flex;
	overflow: hidden;
}

.p-banner_price__left {
	width: 170px;
	height: 134px; 
	position: relative;
  	display: flex;
  	justify-content:space-between;
  	padding: 0 0 0 10px;
}
		
.p-banner_price__p span{
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin: 7px 0 10px 0;
	display: block;
}

.p-banner_price__p {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: auto;
}


.p-banner_price__right{
	width: 180px;
	overflow: hidden;
	
}

.p-banner_price__image img{
	width: 185px !important;
}

/*orange*/
.p-banner_price__orange{
	border: 1px solid #ff8500;
}

.p-banner_price__orange .p-banner_price__left{
	background: #ff8500;
}

.p-banner_price__orange .p-banner_price__left:after {
	border-left: 33px solid  #ff8500; 
	border-top: 70px solid transparent; 
	border-bottom: 70px solid transparent; 
	content: "";
	position: absolute;
	left: 50%; 
	top: 0;
	margin-left: 80px; 
}


/*yellow*/
.p-banner_price__yellow{
	border: 1px solid #f4c63f;

}

.p-banner_price__yellow .p-banner_price__left{
	background: #f4c63f;
}

.p-banner_price__yellow .p-banner_price__left:after {
	border-left: 33px solid   #f4c63f; 
	border-top: 70px solid transparent; 
	border-bottom: 70px solid transparent; 
	content: "";
	position: absolute;
	left: 50%; 
	top: 0;
	margin-left: 80px; 
}


/*blue*/
.p-banner_price__blue{
	border: 1px solid #30b4c0;
}

.p-banner_price__blue .p-banner_price__left{
	background: #30b4c0;
}

.p-banner_price__blue .p-banner_price__left:after {
	border-left: 33px solid  #30b4c0; 
	border-top: 70px solid transparent; 
	border-bottom: 70px solid transparent; 
	content: "";
	position: absolute;
	left: 50%; 
	top: 0;
	margin-left: 80px; 
}

/*  ---------------------------
  nowonesale Banner Component 
---------------------------  */

.nowonesale{
	background-color: #71bce9;
	color: #fff;
	font-size: 12px;
}

.nowonesale .nowonesale_inner{
	max-width: 1110px;
	margin: 0 auto;
	padding: 12px 0;
	display: flex;
	position: relative;
}

.nowonesale .nowonesale_inner .nowonesale_inner_right{
	width: 140px;
	display: flex;
	font-size: 20px;
	display: block;
	text-align: center;
	border: 1px solid #fff;
}

.nowonesale .nowonesale_inner .nowonesale_inner_right p:first-child{
	display: block;
	font-size: 12px;
	background-color: #fff;
	color: #71bce9;
}

.nowonesale .nowonesale_inner .nowonesale_inner_right p:last-child{
	padding: 4px 0;
}

.nowonesale .nowonesale_inner .nowonesale_inner_middle{
	width: 680px;
	position: absolute;
	top: 50%;
	left: 46%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.nowonesale .nowonesale_inner .nowonesale_inner_middle span{
	background-color: #fff;
	color: #71bce9;
	padding: 2px 4px;
	margin-right: 4px;
}

.nowonesale .nowonesale_inner .nowonesale_inner_bottom{
	display: flex;
	background-color: #fff;
	color: #71bce9;
	border-radius: 5px;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	margin-left: auto;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}


/*ipad*/
@media screen and (max-width: 1024px){
div.full_length{
	width: 95% !important;
	margin: auto;
}

.banner_wrapper p.full_length{
	width: 100% !important;
	margin: auto;
	text-align: center;
}

.banner_wrapper p.full_length img{
	width: 95% !important;
	margin: auto;
}

.p-banner_price__wrap{
	width: 100%;
	margin: 0 auto 20px auto;
  	display: flex;
  	justify-content:space-between;
}

.p-banner_price__wrap a{
	text-decoration: none;
	display: flex;
	text-align: left;
}


.p-banner_price{
	width: 30%;
	height: 134px;
  	display: flex;
	overflow: hidden;
}

.p-banner_price__left {
	width: 170px;
	height: 134px; 
	position: relative;
  	display: flex;
  	justify-content:space-between;
  	padding: 0 0 0 10px;
}
		


.p-banner_price__right{
	width: 180px;
	overflow: hidden;
	
}

.banner_wrapper .full_length{
	margin: 20px auto 15px;
	width: 100%;
}

.banner_wrapper .full_length img{
	width: 95%;
}

	
}


/*add campaigen 2020*/
#sorcial li{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
}