/*/////////////// CSS変数設定 ///////////////////*/
@import "./root.css";
/*/////////////// CSS変数設定 ///////////////////*/

/*------------------------- ▼▼ TOP DT レイアウト ▼▼-------------------------*/
@media screen and (max-width: 1049px) {

		/*---　スライダー-----*/
		.tDT_lef_icatch{width:100%;margin:0 auto 10px;}
		/*---　リアルタイム -----*/
		.tDT_left_waiting{width:100%;margin:0 auto 10px;}
		.tDT_lef_realtime_ttl{width:100%;margin:0 auto 10px;}		
		.tDT_lef_realtime_ttl img{width:100%;margin:0 auto 10px;}	
	
		/*---　写メ日記-----*/	
		.tDT_right_syamebox{width:100%;margin:35px auto 10px;}
		.tDT_right_syamettl{width:100%;height:80px;margin:25px auto;background:#b22222;}
		.tDT_right_syamettl img{width:100%;margin:0 auto 10px;}	
	
		/*------------------------- ▼▼ TOP 待ちヒメ ▼▼-------------------------*/
		.tDT_right_waiting{width:100%;margin:0 auto 10px;}
		.tDT_right_waiting ul{width:100%;list-style:none;}
		.tDT_right_waiting ul li{float:left;}
		.tDT_right_waiting ul li img{}
		
		/*------------------------- ▼▼ TOP 女子メニュー ▼▼-------------------------*/
		.top_gSubmenu{width:100%;margin:0 auto;}		
		.top_gSubmenu ul{width:100%;list-style:none;}	
		.top_gSubmenu ul li{width:100%;margin:3px auto 0px;}
		.tDT_right_waiting ul li img{}			
}
@media screen and (min-width: 1050px) {

		/*---　スライダー-----*/
		.tDT_lef_icatch{width:700px;height:360px;margin:0 auto;}
		
		/*---　リアルタイム -----*/
		.tDT_left_waiting{width:100%;margin:0 auto 10px;}
		
		
		.tDT_lef_realtime{width:700px;height:370px;margin:0 auto;}
		.tDT_lef_realtime　.tDT_lef_realtime_ttl{width:700px;height:80px;}	
	
	/*---　写メ日記-----*/	
	.tDT_rightbox{width:340px;height:730px;margin:0 0 0 10px;float:left;}
		.tDT_right_syamettl{width:340px;height:80px;background:#b22222;}
	
		
	/*------------------------- ▼▼ TOP 待ちヒメ ▼▼-------------------------*/
		.tDT_right_waiting{width:500px;height:360px;margin:10px auto;}
		.tDT_right_waiting ul{width:100%;height:360px;list-style:none;}
		.tDT_right_waiting ul li{float:left;}
		.tDT_right_waiting ul li img{}
	/*------------------------- ▼▼ TOP 女子メニュー ▼▼-------------------------*/
		.top_gSubmenu{width:100%;height:90px;margin:0 auto;}		
		.top_gSubmenu ul{width:100%;list-style:none;}	
		.top_gSubmenu ul li{float:left;}
		.top_gSubmenu ul li:first-child{width:350px;height:90px;float:left;}		
		.top_gSubmenu ul li:nth-child(2){width:350px;height:90px;float:left;}
		.top_gSubmenu ul li:nth-child(3){width:350px;height:90px;float:left;}
}
.box_hand{
	background:#fff;
	border: 4px solid #fcf9ef;
	box-shadow: 2px 2px 2px #999;
	border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
	margin: 0;
	padding:10px;
}
/*------------------------- ▼▼ newsticker ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.newsticker_box{display:none;}
	.newsticker ul {width: 100%;}
	.newsticker ul li {width: 100%;}
	.newsticker ul li:before{}
}
@media screen and (min-width: 1050px) {
	.newsticker_box{width:1050px;height:35px;margin:35px auto 5px;background:url("../img_data/background/newsticker_bg.png") no-repeat;}
	.newsticker {width:930px;height:35px;margin:0px 10px 0px 110px;text-align:left;position:relative;overflow:hidden;}
	.newsticker ul {width: 100%;height:35px;position:relative;list-style:none;}
	.newsticker ul li {width: 100%;height:35px;font-size:14px;font-size:1.4rem;line-height:38px;display: none;position:relative;padding:0px 0 0 18px;z-index:1;}
	.newsticker ul li:before{content: '';width: 8px;height: 8px;border-radius: 50%;	background-color: #bada55;font-size:12px;font-size: 1.2rem;color: #1f1f40;font-weight:bold;display: block;float: left;line-height: 22px;margin-top:8px;margin-left: -25px;padding:0 0 0 1px;position:absolute;left: 30px;top: 6px;}
}
/*------------------------- ▼▼ TOP newface ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	/*.newface{display:none;}*/

	.newface{
		width:100%;
		margin:0 auto 20px;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		
	}
	.newface a{font-weight:bold;text-decoration:none;color:#1f1f40}
	.newface a:hover{color:#996600;font-weight:bold;;text-decoration:none;}
	.newface a:visited{font-weight:bold;text-decoration:none;color:#fff;}

	.newface_title{}
	.newface .nfbanner{display:none;}
	.newface .nf_sliderframe{width:100%;}	
	
	.newface .nf_sliderframe ul{
		list-style:none;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;	
		
	}	
	
	
}
@media screen and (min-width: 1050px) {
	.newface{
		width: 1050px;
		margin:5px 0 10px;
		font-size: 14px;font-size: 1.4rem; /* =14px */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;	
	}
	.newface a{font-weight:bold;text-decoration:none;color:#1f1f40}
	.newface a:hover{color:#996600;font-weight:bold;;text-decoration:none;}
	.newface a:visited{font-weight:bold;text-decoration:none;color:#fff;}

	/*.newface ul li:first-child{width:220px;height:220px;margin:10px 5px 0px 0px;}*/
	

	.newface .nf_sliderframe{width:100%;height:auto;overflow:hidden;}		
}
/*------------------------- ▼▼ TOP banner ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.top_eventbannerbox{width:100%;margin:10px auto 20px;}
	.top_eventbannerbox ul{list-style:none;}
	.top_eventbannerbox ul li{width:50%;margin:0;float:left;}
	.top_eventbannerbox ul li img{width:100%;}
	.event_title{display:none;}
}
@media screen and (min-width: 1050px) {
	.top_eventbannerbox{width:1050px;margin:10px auto 20px;}
	.top_eventbannerbox ul{list-style:none;}
	.top_eventbannerbox ul li{width:650px;float:left;}
	.top_eventbannerbox ul li img{width:650px;height:auto;}
	.event_title{}
}

/*------------------------- ▼▼ TOP 新着 ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.courseguide_banner{width:100%;margin:0 0 10px;}
	.courseguide_banner img{}
	.top_newarrival{width:100%;margin:0 auto;}
	.top_newarrival .new_arrivalbox{background:#ffffff;}
	.top_newarrival .new_arrivalbox ul{
		margin:0 auto;
		list-style-type:none;	
	}
	.top_newarrival .new_arrivalbox ul li{
		margin-bottom:5px;
		padding:5px 0px 10px;
		border:1px dotted #1f1f40;
	}	
	.top_newarrival .na_headline{width:100%;}	
	.top_newarrival .na_headline .na_img_box{
		width:70px;
		height:70px;
		overflow:hidden;	
		margin:5px 15px 5px 15px;
		float:left;	
	}
	.top_newarrival .na_headline .na_img_box img{
		width:70px;
		height:70px;
		object-fit: cover; 
		object-position: 50% 0;
	}
	.top_newarrival .na_headline .na_contents{
		width: calc(100% - 130px);
		margin:5px;
		padding:5px;
		float:left;
		
	}
	.top_newarrival .na_headline .na_contents .na_ttl{
		width:100%;
		padding:0 0 5px 0;
		border-bottom:1px dotted #1f1f40;
		font-size: 13px;
		font-size: 1.3rem; /* =13px */
	}
	.top_newarrival .na_headline .na_contents .na_ttl a{color: #663333;/* 文字の色 */}
	.top_newarrival .na_headline .na_contents .na_ttl a:hover{color: #996600;/* 文字の色 */}
	.top_newarrival .na_headline .na_contents .na_ttl a:visited{color: #663333;/* 文字の色 */}
	.top_newarrival .na_headline .na_contents .na_ttl span{margin:0 5px 0 0;}	
	.top_newarrival .na_headline .na_contents .na_date{font-size: 11px;font-size: 1.1rem;text-align:right;}		
}
@media screen and (min-width: 1050px) {
	.courseguide_banner{width:340px;margin:0 10px 0 0;float:left;}
	.courseguide_banner img{width:100%;}
	
	.top_newarrival{width:700px;height:295px;margin:0 auto 10px;}
	
	.top_newarrival .new_arrivalbox{width:700px;height:250px;overflow:scroll;}
	.top_newarrival .new_arrivalbox ul{
		width:700px;
		list-style:none;
		margin:0 5px 0 0;
		padding:5px;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		border:1px solid #ccc;
		box-shadow: 2px 2px 2px #666;
	}
	.top_newarrival .new_arrivalbox ul li{width:680px;border-bottom:1px solid #ccc;text-align:left;}
	.top_newarrival .na_headline{width:680px;}
	.top_newarrival .na_headline .na_img_box{
		width:70px;
		height:70px;
		overflow:hidden;	
		margin:5px 15px 5px 0px;
		float:left;
	}
	.top_newarrival .na_headline .na_img_box img{
		width:70px;
		height:70px;
		object-fit: cover; 
		object-position: 50% 0;
	}
	.top_newarrival .na_headline .na_contents{
		width:580px;
		margin:10px 10px 5px 0px;
		padding:0 5px 0 0;
		float:left;
	}
	.top_newarrival .na_headline .na_contents .na_ttl{
		font-size: 13px;
		font-size: 1.3rem; /* =13px */
		color: #663333;/* 文字の色 */
		line-height:1.4rem;
		text-shadow:1px 1px #fff;
		border-bottom: 1px dotted #1f1f40;/* ステッチの太さ・種類・カラー */
		margin: 0px 0px 5px;
		padding:0px 0px 5px 20px;
	}
	.top_newarrival .na_headline .na_contents .na_ttl a{color: #663333;/* 文字の色 */}
	.top_newarrival .na_headline .na_contents .na_ttl a:hover{color: #996600;/* 文字の色 */}
	.top_newarrival .na_headline .na_contents .na_ttl a:visited{color: #663333;/* 文字の色 */}
	.top_newarrival .na_headline .na_contents .na_date{font-size: 11px;font-size: 1.1rem;text-align:right;text-shadow:1px 1px #fff;}
}
/*------------------------- ▼▼ TOP review ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.review{width: 100%;margin:0 auto 20px;clear:both;font-size: 14px;font-size: 1.4rem; /* =14px */}
	.review a{font-weight:bold;text-decoration:none;color:#1f1f40}
	.review a:hover{color:#996600;font-weight:bold;;text-decoration:none;}
	.review a:visited{font-weight:bold;text-decoration:none;color:#fff;}
	.review ul{list-style-type:none;overflow:hidden;margin:10px auto;}
	.review ul li{width:96%;margin:0px auto 5px;font-size: 13px;font-size: 1.3rem;}
	.review ul li .review_panelbox{
		margin:0px auto 5px;
		padding:5px;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		border:1px solid #ccc;
		box-shadow: 2px 2px 2px #666;
	}
	.review ul li .review_panelbox h4{font-size:13px;font-size:1.3rem;}
	/*title*/
	.review li .review_wrapbox{margin:10px auto 0px;text-align:left;}
	.review li .review_wrapbox .thum{width:45%;height:auto;overflow:hidden;float:left;}
	.review li .review_wrapbox .thum img{width:100%;height:auto;object-fit: cover;margin: auto;}
	.review li .review_wrapbox .thum img:hover{opacity: 0.7;filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}	
	.review li .review_wrapbox .txtwrap{width:50%;margin:0 0 0 5px;font-size: 13px;font-size: 1.3rem;float:left;}
	.review li .review_wrapbox .txtwrap .txtbox{margin:0;}
	.review li .review_wrapbox .txtwrap .txtbox .rgname{margin-bottom:5px;text-align:left;border-bottom:1px dotted #999;}
	.review li .review_wrapbox .txtwrap .txtbox .rname{margin-bottom:10px;text-align:right;border-bottom:1px dotted #999;font-size: 11px;font-size: 1.1rem;color:#996600;}
	.review li .review_wrapbox .txtwrap .txtbox .rev_cmt{height: 75px;padding:5px;}
	/* 3-point leader*/
	.textOverflowJsc {
	/* 3-point leader js*/
	/*	height: 80px;overflow: hidden;*/

	/* 3-point leader コリス*/	
 		 display: -webkit-box;
 		 -webkit-line-clamp: 3;
 		 -webkit-box-orient: vertical;  
			overflow: hidden;
	}
	.review li .review_foot{font-size: 12px;font-size: 1.2rem; /* =12px */font-weight:normal;margin:0px;padding:3px 0px;text-align:right;border-top:1px dotted #999;}	
}
@media screen and (min-width: 1050px) {
	.review{width: 1050px;margin:0 auto 20px;clear:both;font-size: 14px;font-size: 1.4rem; /* =14px */}
	.review a{font-weight:bold;text-decoration:none;color:#1f1f40}
	.review a:hover{color:#996600;font-weight:bold;;text-decoration:none;}
	.review a:visited{font-weight:bold;text-decoration:none;color:#fff;}
	.review ul{list-style-type:none;overflow:hidden;margin:10px 0 10px 15px;}
	.review ul li{width:340px;float:left;margin:3px 3px 3px 0px;font-size: 13px;font-size: 1.3rem;}
	.review ul li .review_panelbox{
		margin:10px 8px 0px 0px;
		padding:5px;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		border:1px solid #ccc;
		box-shadow: 2px 2px 2px #666;
	}
	.review ul li .review_panelbox h4{font-size:13px;font-size:1.3rem;}
	/*title*/
	.review li .review_wrapbox{margin:10px auto 0px;text-align:left;}
	.review li .review_wrapbox .thum{width:99px;height:132px;overflow:hidden;float:left;}
	.review li .review_wrapbox .thum img{width:99px;height:132px;object-fit: cover;margin: auto;}
	.review li .review_wrapbox .thum img:hover{opacity: 0.7;filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}	
	.review li .review_wrapbox .txtwrap{width:215px;margin:0 0 0 5px;font-size: 13px;font-size: 1.3rem;float:left;}
	.review li .review_wrapbox .txtwrap .txtbox{margin:0;}
	.review li .review_wrapbox .txtwrap .txtbox .rgname{margin-bottom:5px;text-align:left;border-bottom:1px dotted #999;}
	.review li .review_wrapbox .txtwrap .txtbox .rname{margin-bottom:10px;text-align:right;border-bottom:1px dotted #999;font-size: 11px;font-size: 1.1rem;color:#996600;}
	.review li .review_wrapbox .txtwrap .txtbox .rev_cmt{height: 75px;padding:5px;}
	/* 3-point leader*/
	.textOverflowJsc {
	/* 3-point leader js*/
	/*	height: 80px;overflow: hidden;*/

	/* 3-point leader コリス*/	
 		 display: -webkit-box;
 		 -webkit-line-clamp: 3;
 		 -webkit-box-orient: vertical;  
			overflow: hidden;
	}
	.review li .review_foot{font-size: 12px;font-size: 1.2rem; /* =12px */font-weight:normal;margin:0px;padding:3px 0px;text-align:right;border-top:1px dotted #999;}
}
/*------------------------- ▼▼ TOP トップページメニュー ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.topmenu_banner{
		width:100%;
		//background: url('../img_data/background/topmenu_banner_bg.png') repeat-y fixed;
		//background-size: 100% auto;
	}
	.topmenu_banner ul{list-style-type:none;}
	.topmenu_banner ul li{width:50%;margin:0 auto 5px;text-align:center;border:1px solid #ccc;float:left;}
	.topmenu_banner ul li img{width:100%;}	
	
	.topmenu_banner ul li a{}
	.topmenu_banner ul li a:hover{background:#ccc;}		
}
@media screen and (min-width: 1050px) {
	.topmenu_banner{width:1040px;margin:0 auto 20px;background:var(--main_color);}
	.topmenu_banner ul{list-style-type:none;}
	.topmenu_banner ul li{width:260px;height:100px;text-align:center;border:1px solid #ccc;float:left;}
	.topmenu_banner ul li img{width:100%;}	
}
/*------------------------- ▼▼ TOP 出勤情報 ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.todays_lineup{width: 100%;margin:20px auto 0;}
	.lineup{width: 100%;margin:0 auto 20px;clear:both;font-size: 14px;font-size: 1.4rem; /* =14px */}
	.lineup ul{list-style-type:none;overflow:hidden;margin:0 auto;}
	.lineup ul li{width:49%;margin:0 auto;float:left;}
}
@media screen and (min-width: 1050px) {
	.todays_lineup{width: 1050px;margin:20px auto 0;}
	.lineup{width: 1050px;margin:0 auto 20px;font-size: 14px;font-size: 1.4rem; /* =14px */}
	.lineup ul{list-style-type:none;overflow:hidden;0 auto;}
	.lineup ul li{width:210px;float:left;margin:5px 0 10px;}
}
/*------------------------- ▼▼ TOP 店舗案内 ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.top_map{margin:0 auto 20px;}.
}
@media screen and (min-width: 1050px) {
	.top_map{margin:0 auto 20px;}
}

.mapbox{margin:0 auto 15px;}
.map_frame{margin:0 auto 10px;}
.map_announce{margin:0 auto 10px;}
.map_announce ol{
	counter-reset:number; /* 名前を付けたカウンターをリセット */
	list-style:none; /* olが数字を付けることをキャンセル */
	margin:0;
	padding:0;
}
.map_announce ol li{
	margin-bottom: 10px;
	padding:3px 0 0 30px;
	line-height: 2.2rem;	
	position: relative;
}
.map_announce ol li:before{
	content: counter(number);
	counter-increment: number;
	background-color: #bada55;
	font-size:12px;
	font-size: 1.2rem;
	color: #1f1f40;
	font-weight:bold;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	padding:0 0 0 1px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
.pageguide_btnbox{}

/*----- ▼▼ vticker ▼▼------*/
.info_vTbox{width:340px;height:360px;margin:0 0 0 5px;background: rgba(255,255,255,0.8);box-shadow: 2px 2px 2px #666;}
#info_vTicker{width:340px;height:360px;}
.info_box_headline{width:340px;min-height:100%;}
.info_box_headline ul{width:340px;margin:0;padding:0;overflow:hidden;position:relative;top:0px;left:0px;list-style-type:none;}
.info_box_headline ul li{width:340px;/*height:92px;*/height:100px;margin:0px;padding:5px;font-size: 12px;font-size: 1.2rem; /* =12px */background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);border: 1px solid #ccc;box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;}
.info_box_headline ul li .info_headlinebox{
	width:340px;
	text-align:left;
	display: block;
	margin:2px 0px 2px;
	padding:0px 2px 2px;
}
.info_box_headline ul li .info_headlinebox .info_img_box{
	width:70px;
	height:70px;
	overflow:hidden;	
	margin:5px 15px 5px 0px;
	float:left;
}
.info_box_headline ul li .info_headlinebox .info_img_box img{
	width:70px;
	height:70px;
	object-fit: cover; 
	object-position: 50% 0;
}

.info_box_headline ul li .info_headlinebox .info_contents{
	width:250px;
	height:70px;
	margin:10px 0px 5px 0px;
	padding:0 5px 0 0;
	float:left;
}
.info_box_headline ul li .info_headlinebox .ttl{
	font-size: 12px;
	font-size: 1.2rem; /* =12px */
	color: #1f1f40;/* 文字の色 */
	line-height:1.4rem;
	text-shadow:1px 1px #fff;
	border-bottom: 1px dotted #1f1f40;/* ステッチの太さ・種類・カラー */
	margin: 0px 0px 5px;
	padding:0px 0px 5px 20px;
	position:relative;
}
.info_box_headline ul li .info_headlinebox .ttl:after{
	content:url("../img_data/logo/logo_icon_1f1f40.png");/* 文字前のワンポイント */
	-webkit-transform: scale(0.07); 
 	-moz-transform: scale(0.07);
 	-ms-transform: scale(0.07); 
	top: -152px;/* ワンポイントの位置 */
	left:-155px;/* ワンポイントの位置 */
	position:absolute;
}
.info_box_headline ul li .info_headlinebox .ttl a{color: #1f1f40;/* 文字の色 */}
.info_box_headline ul li .info_headlinebox .ttl a:hover{color: #996600;/* 文字の色 */}
.info_box_headline ul li .info_headlinebox .ttl a:visited{color: #1f1f40;/* 文字の色 */}
.info_box_headline ul li .info_headlinebox .info_date{font-size: 11px;font-size: 1.1rem;text-align:right;text-shadow:1px 1px #fff;}


/*------------------------- ▼▼ TOP subnavi ▼▼-------------------------*/
.top_subnavibox{width:1050px;height:200px;margin:0px auto;}
.tsb_left{width:700px;height:200px;margin:0;padding:0;overflow:hidden;float:left;}
.tsb_right{width:350px;height:200px;margin:0;padding:0;float:right;}

.tsb_left_slide{
	background:url("../img_data/background/tsb_left_bg.jpg");
	background-position:0px 0px;
	width:700px;
	height:1050px;
	cursor:pointer;
	position:relative;
	-webkit-animation: topSlide 30s linear infinite;
}
@-webkit-keyframes topSlide {
  100%    { background-position:0px 1050px;  }
  0%  { background-position:0px -850px;  }
}


/************************************************************
 * ぴゅあらば動画
************************************************************/
@media screen and (max-width: 1049px) {
	.pureMovie_wrapbox{
		width:100%;
		height:auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pureMovie_wrapbox ul{
		list-style:none;
		width:100%;
		height:auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}	
	.pureMovie_wrapbox ul li{
		width:calc(90vw / 1);
		height:auto;
		margin:0px;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
			
	.pureMovie_wrapbox ul li .syame_frame{
		width:calc(90vw /1);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox{
		width:100%;
		position:relative;
	}
	

	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox img{
		width:calc(90vw /1);
		height:auto;	
		object-fit: cover; 
		object-position: 50% 0;
		border:3px solid #fdcfce;
		border-radius: 5px;
	}
	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox .Movie_btn{
		width:42px;
		height:42px;
		position:absolute;
		top:45%;
		left:45%;
	}
	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox .Movie_btn img{
		width:42px;
		height:42px;
		border:0;
	}	
	
	.pureMovie_wrapbox ul li .syame_frame .syame_author{
		width:calc(90vw /1);
		height:25px;
		padding:5px 3px;
		margin:2px 0 0;
		text-align:center;	
		font-size:11px;font-size:1.1rem;
		font-weight:bold;
		line-height:1.0;
		background:#f491a8;
		border:2px solid #6c3524;
		color:#ffffff;
		
		border-bottom-right-radius: 8px;
  		border-bottom-left-radius: 8px;
	}
	.pureMovie_wrapbox ul li .syame_frame .datebox{
		width:calc(90vw /1);
		height:20px;
		margin:0;
		padding:2px 0px;
		text-align:center;	
		font-size:11px;font-size:1.1rem;
		font-weight:bold;
		line-height:1.0;
		background:#ccebe6;
		color:#ffffff;
	}	
	.pureMovie_wrapbox ul li .syame_frame .sttlbox{
		width:calc(90vw /1);
		height:25px;
		margin:0px;
		padding:5px 3px;
		text-align:center;	
		font-size:11px;font-size:1.1rem;
		font-weight:bold;
		line-height:1.0;
		background:#fff;
		white-space: nowrap;
		overflow:hidden;
		background:#fdcfce;
		color:#6c3524;
		border:2px solid #fac2ca;			
	}	
	
}	
@media screen and (min-width: 1050px) {

	.pureMovie_wrapbox{
		width:1050px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pureMovie_wrapbox ul{
		list-style:none;
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}	
	.pureMovie_wrapbox ul li{
		width:340px;
		height:auto;
		margin:5px;	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
			
	.pureMovie_wrapbox ul li .syame_frame{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;	
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox{
		width:340px;
		height:auto;
		position:relative;
	}
	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox img{
		width:340px;
		height:auto;	
		object-fit: cover; 
		object-position: 50% 0;		
		border:3px solid #fdcfce;
		border-radius: 5px;
	}
	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox .Movie_btn{
		width:42px;
		height:42px;
		position:absolute;
		top:45%;
		left:45%;
	}
	.pureMovie_wrapbox ul li .syame_frame .syame_imgbox .Movie_btn img{
		width:42px;
		height:42px;
		border:0;
	}	
		
	.pureMovie_wrapbox ul li .syame_frame .syame_author{
		width:340px;
		height:35px;
		padding:5px 3px;
		margin:2px 0 0;
		text-align:center;	
		font-weight:bold;
		line-height:1.0;
		background:#f491a8;
		border:2px solid #6c3524;
		color:#ffffff;
		
		border-bottom-right-radius: 8px;
  		border-bottom-left-radius: 8px;
	}
	.pureMovie_wrapbox ul li .syame_frame .datebox{
		width:340px;
		height:35px;
		margin:2px 0 0;
		padding:5px 0px;
		text-align:center;	
		font-weight:bold;
		line-height:1.0;
		background:#ccebe6;
		color:#ffffff;
		font-size:1.0rem;
		font-size:10px;		
	}	
	.pureMovie_wrapbox ul li .syame_frame .sttlbox{
		width:340px;
		height:35px;
		margin:2px 0 0;
		padding:5px 3px;
		text-align:center;	
		font-weight:bold;
		line-height:1.0;
		background:#fff;
		white-space: nowrap;
		overflow:hidden;
		background:#fdcfce;
		color:#6c3524;
		border:2px solid #fac2ca;	
		font-size:1.0rem;
		font-size:10px;			
	}	
	
}




/*------ 左スクエア  tsb_leftbox------*/
.tsb_leftbox{width:700px;height:200px;}

/*------  submenu ------*/
.tsb_leftbox ul{width:700px;height:200px;margin:0;padding:0;list-style:none;font-size: 19px;font-size: 1.9rem;color:#1f1f40;}
.tsb_leftbox ul li{width:144px;height:94px;margin:3px;padding:0px;text-align:center;font-weight:bold;float:left;}
.tsb_leftbox ul li:nth-child(3){width:394px;height:94px;margin:3px;padding:0px;text-align:center;float:left;}
.tsb_leftbox ul li:nth-child(6){width:394px;height:94px;margin:3px;padding:0px;text-align:center;float:left;}
.tsb_leftbox ul li span{font-size: 13px;font-size: 1.3rem;color:#996600;text-shadow: 1px 1px 1px #fff;}
.tsb_hoberbox{position:relative;}
.tsb_hoberbox a{position:absolute;top:0;left:0;width:100%;height:100%;}
.tsb_hoberbox a:hover{background:#1f1f40;color:#fff;}
.tsb_leftbox ul li:hover{background:#1f1f40;text-shadow: 0px 0px 0px #fff;}
.tsb_leftbox ul li a:hover{color:#fff;text-shadow: 0px 0px 0px #fff;}


/*------ 右スクエア  tsb_right NOVIE------*/
.top_movie{
	width:343px;
	height:200px;
	margin:0 0 0 5px;
	padding:0;
	background:url('') no-repeat;
	overflow:hidden;
}
.top_movie video{
	width:343px;
	height:200px;
	object-fit: cover; 
	object-position: 50% 0;
}




/*-------------------Pure CSS modal box
Author: Jorge Chavez
Github: http://github.com/jorgechavz
----------------------------------------*/
.modal{}
.modal .checkbox{display: none;}
/* modal background */
.modal .modal-overlay{
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s ease;
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
	transform: scale(1);
	display: flex;
	background: rgba(0,0,0,0.7);
}
/* Box */


@media screen and (max-width: 1049px) {
.modal .modal-wrap{
	width: 90%;
	height:auto%;
	overflow:scroll;
	margin: 100px auto;
	padding: 20px 30px;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	box-shadow: 2px 2px 2px #000;
	border-radius: 8px;
	align-self: flex-start;
	transition: all 0.5s ease;
}
}
@media screen and (min-width: 1050px) {
.modal .modal-wrap{
	width: 50%;
	height:70%;
	overflow:scroll;
	margin: 100px auto;
	padding: 20px 30px;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	box-shadow: 2px 2px 2px #000;
	border-radius: 8px;
	align-self: flex-start;
	transition: all 0.5s ease;
}
}



.modal .modal-wrap.small{width: 30%;}
.modal .modal-wrap.full{width: 100%;height: 100%;}
.modal .modal-wrap.a-center {align-self: center;}
.modal .modal-wrap.from-left {transform: translateX(-100%);}
.modal .modal-wrap.from-right {transform: translateX(100%);}
.modal .modal-wrap.from-top {transform: translateY(-100%);}
.modal .modal-wrap.from-bottom {transform: translateY(100%);}
/* Close button */
.modal .o-close {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: -100;}
.modal input:checked ~ .o-close {z-index: 9998;}
.modal input:checked ~ .modal-overlay{transform: scale(1);opacity:1;z-index: 9997;overflow: auto;}
.modal input:checked ~ .modal-overlay .modal-wrap {transform: translateY(0);z-index: 9999;}
.modalbox{margin:10px auto;padding:0 0 20px 0;}
.other_review{position:absolute;bottom:20px;right:20px;}
.other_review a{color:#fff;}
.other_review a:hover{color:#fff;}
.other_review a:visited{color:#fff;}
.mdl_btn_PR{padding:5px;border-radius:5px;}




/*-----------------------------------------------------------------------*/
.Scr_heaven ul{list-style:none;}
.Scr_heaven ul li{width:200px;height:;margin:4px;float:left;}
.Scr_heaven ul li:nth-child(9){width:400px;height:330px;margin:5px 0px 0px 10px;}
.Scr_heaven ul li:nth-child(9) img{border:0;}
.Sheav_box{height:70px;margin:50px auto 10px;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	-webkit-border-radius: 8px;/* for Safari and Chrome */
	-moz-border-radius: 8px;/* for Firefox */
	-o-border-radius: 8px;/* for opera */	
	border-radius:8px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 2px #999;
}
.Sheav_panel_box{width:60px;height:60px;display: inline-block;margin:5px 0px 5px 5px;float:left;}
.Sheav_panel_box img{width: 60px;height:60px;object-fit: cover; object-position: 50% 0;}
.Sheav_txt_box{width:125px;height:60px;margin:5px 0 0 5px;font-size:8px;font-size:0.8rem;color:#1f1f40;text-shadow:1px 1px 1px #fff;float:left;}
.Sheav_txt_box a{color:#1f1f40;text-decoration:none;}
.Sheav_txt_box a:hover{color:#996600;}
.Sheav_txt_box .Shtitle{font-size:11px;font-size:1.1rem;text-align:center;/*3 point*/overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Sheav_txt_box .Shname{margin:0;padding:0 5px 0 0;font-size:11px;font-size:1.1rem;text-align:right;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.Sheav_txt_box .Shdate{margin:0;padding:0 5px 0 0;font-size:6px;font-size:0.6rem;color:#a9a9a9;text-align:right;}

.top_sidebnbox{margin:0;padding:0;}
.bnbbox{height:100px;margin:5px auto;padding:0;}


/*-----------------------------------------------------------------------*/
.top_evbnT4{

}
.top_evbnT4::before {
	content: "";
	position: absolute;
	top: -20px;
	bottom: -20px;
	left: 0px;
	right: 0px;
	border-top:  solid 7px #cae9e4;
	border-bottom:  solid 7px #cae9e4;
	z-index: -1;
}
.top_evbnT4 h2{
	color:#f092a9;
}


.top_evbnT3{
margin:0;
padding:0;
 background: linear-gradient(transparent 60%, #fdc5c4 60%);
}



.top_evbnT2{
    padding: 10px;
    color: #000fe5;
    background: linear-gradient(45deg, #cae9e4 25%, transparent 25%, transparent 75%, #cae9e4 75%, #cae9e4),
    linear-gradient(45deg, #cae9e4 25%, transparent 25%, transparent 75%, #cae9e4 75%, #cae9e4);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
    text-align: center;

}


.top_evbnT{

position: relative;
  display: inline-block;
  background-color: #ef4b53;/* 背景色 */
  padding: 0.5em 1.5em;/* 余白 */
  //border-radius: 5px;
 // border: 2px solid transparent;

  /* ボタンの文字の設定 */
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.1em;

  /* その他必要なスタイル */
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}
/* ハートの共通スタイル */
.top_evbnT:before,
.top_evbnT::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  opacity: 0;
}
/* 左上のハートのスタイル */
.top_evbnT::before {
  background-image: url('../img_data/icon/h/heart.svg');
  top: 0;
  //left: -16px;
  left: -12px;
  
}

/* 右下のハートのスタイル */
.top_evbnT::after {
  background-image: url('../img_data/icon/h/heart-reverse.svg');
  bottom: -6px;
  right: -14px;
}
/* ========= アニメーションの設定 ======== */
@keyframes heart {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translateY(-20px) scale(1.4);
    opacity: 0;
  }
}
/* ========= SPのスタイル ======== */
@media screen and (min-width: 10px) {

  /* ボタン本体のスタイル */
  .top_evbnT {
    background-color: #fff;
    border-color: #ef4b53;
    color: #ef4b53;
  }
  
  /* 左上のハートのスタイル */
  .top_evbnT::before {
    animation: heart 1.5s infinite ease-out;
  }

  /* 右下のハートのスタイル */
  .top_evbnT::after {
    animation: heart 1.5s 0.2s infinite ease-out;
  }
}