:root{
	--primary-color: #419dc3;
}

html,body{height:100%;
 -webkit-overflow-scrolling: touch;
}

body{
	background:#FFFFFF;
	overflow-x: hidden;
}
div#container{
	min-height: 100VH;
    position: relative;
    width: 100%;
    overflow: hidden;
}

h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	font-size: 60px;
	text-align: center;
	padding: 0 0 0 0;
	letter-spacing: 0.08em;
}
.under{
	background: linear-gradient(transparent 70%, yellow 50%);
}

.click_note{
  pointer-events: none !important;
}

/******/

/*
    スライダーの設定
*/
.slick-prev
{
    /* デフォルトでは-25px(= スライダーの外側) */
    left: 20px;
}
.slick-next
{
    /* デフォルトでは-25px(= スライダーの外側) */
    right: 20px;
}
.slick-prev,
.slick-next
{
    /* スライド画像の後ろに隠れないようにする */
    z-index: 300;
}

.slick-prev::before,
.slick-next::before {
	color: white;
}
#how .slick-prev::before,
#how .slick-next::before{
	color: var(--primary-color);
	font-size: 23px;
}




/***header***/

div#container div#header{
	height: 70px;
	background-color: var(--primary-color);
	width: 100%;
	position: fixed;
	z-index: 50;
}
div#container div#header h1{
	position: absolute;
	top: 17px;
	left: 17px;
}
div#container div#header div.wrap{
	text-align: center;
}
div#container div#header p.menu_bt_pc{
	position: absolute;
	right: 210px;
	top: 22px;
	color: #FAFAFA;
	cursor: pointer;
}

div#container div#header p.menu_bt_pc_t{
	position: absolute;
	right: 50px;
	top: 22px;
	color: #FAFAFA;
	cursor: pointer;
}


div#container div#header div.page_navi ul{
	position: absolute;
	left: 180px;
	top: 18px;
}
div#container div#header div.page_navi ul li{
	font-size: 15px;
	float: left;
  	padding: 0 15px;
	margin: 5px 0;
}
div#container div#header div.page_navi ul li a{
	opacity: 0.6;
	color: #FFFFFF;
}
div#container div#header div.page_navi ul li.target a{
	opacity: 1;
	color: #FFFFFF;
}
div#container div#header div.page_navi ul li a:hover{
	opacity: 1;
}

div#container div#header p.conversion a{
	position: absolute;
	top: 13px;
	right: 8px;
	background:#FFFFFF;
  	height: 18px;
  	border-radius: 25px;
  	padding: 12px 50px 12px 35px;
	font-size: 13px;
}
div#container div#header p.conversion a{
	color: #000000;
}
div#container div#header p.conversion span{
	margin: 2px 0 0 0;
}
div#container div#header p.conversion span.img{
	position: absolute;
	top: 11px;
	left: 135px;
}

p.menu_bt{
	display: none;
}


/**/


div.g_navi{
	display:inline-block;
	text-align: center;
	overflow: hidden;
	position: fixed;
	top: -70px;
	left: 0;
	width: 100vw;
	height: 50px;
	background-color: var(--primary-color);
	z-index: 40;
	transition:0.3s;
}
.g_navi.open{
	top: 70px;
	transition:0.3s;
}

div.g_navi ul{
	text-align: center;
	width: auto;
	margin: 0 auto;
	display:inline-block;
}
div.g_navi ul li.menu_detail_bt{
	font-size: 15px;
	float: left;
  	padding: 0 15px;
	margin: 5px 0;
    text-align: center;
	position: relative;
}

div.g_navi ul li.about a:after{
	content: 'LUANAについて';
}
div.g_navi ul li.simulator a:after{
	content: 'シミュレーター';
}
div.g_navi ul li.how a:after{
	content: 'ご利用方法';
}
div.g_navi ul li.shop a:after{
	content: '店舗情報';
}
div.g_navi ul li.price a:after{
	content: '料金プラン';
}
div.g_navi ul li.contact a:after{
	content: 'お問い合わせ';
}
div.g_navi ul li > a:after {
	display: block;
	margin: 2px 0 0 0;
	text-align: center;
	font-size: 10px;
	white-space: nowrap;
	opacity: 0;
}
div.g_navi ul li > a:hover {
	opacity: 1;
}
div.g_navi ul  li > a:hover:after {
	opacity: 1;
}
div.g_navi ul  li.menu_detail_bt a{
	color: #FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}
div.g_navi p.close_bt{
	position: absolute;
	right: 40px;
	top: 4px;
	font-size: 20px;
	color:#FFFFFF;
	cursor: pointer;
}


/***kv***/

div#container div#content div#main_visual{
	height: 100VH;
	width: 100%;
	position: relative;
}
div#container div#content div#main_visual div.wrap{
	position: absolute;
  	top: 40%;
  	left: 50%;
  	transform: translateY(-50%) translateX(-50%);
  	-webkit- transform: translateY(-50%) translateX(-50%);
	text-align: center;
	width: 60vw;
	max-width: 750px;
	padding: 20px;
	z-index: 2;
}
/* 231016追加分 */
div#container div#content div#main_visual::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	background: url(../images/swing2.png) no-repeat;
	background-size: contain;
	background-position: left bottom;
	width:50%;
	height: 90%;
	z-index: 1;
}
div#container div#content div#main_visual div.wrap h2 img{
	width: 90%;
}
div#container div#content div#main_visual div.page_navi_large p.text,
div#container div#content div#main_visual div.wrap p.text{
	color: #FFFFFF;
	margin: 0 auto 10px;
	padding: 8px;
	letter-spacing: 0.2em;
	background:var(--primary-color);
	width: fit-content;
}

div#container div#content div#main_visual div#natureImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.cam{
	position: absolute;
	right: 2%;
	bottom: 3%;
}
div.page_navi_large{
	position: absolute;
  	bottom: 0;
  	left: 50%;
  	transform: translateY(-5%) translateX(-50%);
  	-webkit- transform: translateY(-5%) translateX(-50%);
	text-align: center;
	width:auto;
	z-index: 2;
}
div.page_navi_large ul {
	display:flex;
}

div.page_navi_large ul li a{
	font-size: 21px;
	display: block;
	border: 1px solid white;
    width: 130px;
    height: 130px;
    border-radius: 50%;
	line-height: 130px;
	margin: 0 30px;
	position: relative;
}
/*div.page_navi_large ul li.kofu a{
	line-height: 110px;
}:*/
div.page_navi_large ul li a{
	color: #FFFFFF;
}
div.page_navi_large ul li a:hover{
	background: #FFFFFF;
	color: #000000;
	opacity: 0.9;
}

div.page_navi_large ul li.target a{
	opacity: 0.9;
	background: #FFFFFF;
	color: #000000;
}
div.page_navi_large ul li span{
	position: absolute;
	top: 5px;
	left: 0;
	margin: 22px 0 0 0;
	text-align: center;
	font-size: 12px;
	width: 100%;
}


/*news*/
div#container div#content div#news {
	background:#EEEDDA;
	padding: 80px 0 80px 0;
	text-align: center;
}
div#container div#content div#news h3{
	color: var(--primary-color);
	font-weight: 600;
	margin: 0 0 30px 0;
}
div#container div#content div#news h3.indivi{
	margin: 30px 0 5px 0;
}
div#container div#content div#news h3.news{
	margin: 60px 0 5px 0;
}
div#container div#content div#news h4{
	color: var(--primary-color);
	font-weight: 600;
	margin: 0px 0 30px 0;
}

div#container div#content div#news div.wrap{
	display: inline-block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

div#container div#content div#news p.newsitem{
	font-size: 14px;
	margin: 10px auto 30px; 
	text-align: center;
	color: var(--primary-color);
}
div#container div#content div#news p.newsitem span.date{
	font-size: 14px;
	margin: 0 30px 7px 0;
	display: block;
}
div#container div#content div#news p.newsitem.space{
	margin: 10px auto 0px; 
}



/*about*/
div#container div#content div#about {
	background:var(--primary-color);
	padding: 80px 0 80px;
	
}
div#container div#content div#about h3{
	padding: 0 0 10px 0;
	color: #FFFFFF;
}
div#container div#content div#about h4{
	text-align: center;
	color: #FFFFFF;
    letter-spacing: 0.1em;
}
div#container div#content div#about div.carousel_banner{
	margin: 60px 0 100px;
}
.slick-dots{
	bottom: -45px;
}

div#container div#content div#about p{
	text-align: center;
	color: #FFFFFF;
	font-weight: 200;
	line-height: 2.5em;
	letter-spacing: 0.2em;
}
li.slick-slide{
	margin: 0 20px;
	height: auto;
}
li.slick-slide img{
	width: 100%;
}
.slick-dots li button:before {
	font-size: 8px;
}



/*simlator*/
div#container div#content div#simulator{
	background: #FFFFFF;
	padding: 80px 40px 0;
}
div#container div#content div#simulator h3{
	padding: 0 0 10px 0;
	color: var(--primary-color);
}
div#container div#content div#simulator h4{
	text-align: center;
	color:var(--primary-color);
    letter-spacing: 0.1em;
	margin: 0 0 80px 0;
}
div#container div#content div#simulator div.wrapper{
	max-width: 1000px;
	min-width: 800px;
	display: flex;
   	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 0 60px 0;
	height: auto;
	justify-content: center;
}
div#container div#content div#simulator div.left{
	width: calc(33%);
	padding: 0 0 0 20px;
	box-sizing: border-box;
}
div#container div#content div#simulator div.left p img{
	width: 100%;
}
div#container div#content div#simulator div.right{
	width: calc(67%);
	padding: 0 0 0 40px;
	box-sizing: border-box;
	position: relative;
}
div#container div#content div#simulator div.right h5{
	font-size: 30px;
	color: var(--primary-color);
	font-weight: bold;
	margin: 0 0 20px 0;
	font-family: 'Roboto Condensed', sans-serif;
}
div#container div#content div#simulator div.right p.txt{
	font-size: 20px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
div#container div#content div#simulator div.right p.image{
	position: absolute;
	bottom:0;
	right: 0;
}
div#container div#content div#simulator div.right p.cap{
	font-size: 12px;
	margin: 5px 0 0 0;
}

div#container div#content div#simulator div.wrapper div.p_wrap{
	width: calc(100%/3);
	padding: 0 30px 20px;
	box-sizing: border-box;
}
div#container div#content div#simulator div.wrapper div.p_wrap h6{
	text-align: center;
}
div#container div#content div#simulator div.wrapper div.p_wrap p.title{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0 20px 0;
}
div#container div#content div#simulator div.wrapper div.p_wrap p.image img{
	width: 100%;
}
div#container div#content div#simulator div.wrapper div.p_wrap p.text{
	font-size: 13px;
	line-height: 1.8;
	margin: 10px 0 20px 0;
	text-align: justify;
}
div#container div#content div#simulator div.sokutei p.image{
	padding:0 80px;
	box-sizing: border-box;
}
div#container div#content div#simulator div.sokutei p.image img{
	width: 100%;
	
}
div#container div#content div#simulator div.practice h5{
	width: 100%;
	font-size: 30px;
	text-align: center;
	color: var(--primary-color);
	font-weight: bold;
	margin: 0 0 20px 0;
}
div#container div#content div#simulator div.practice p.text{
	font-size: 16px;
	margin: 0 0 40px 0;
}
div#container div#content div#simulator div.practice div.wrap{
	background: #EEEDDA;
	display: flex;
   	flex-wrap: wrap;
	padding: 20px;
	margin: 0 0 60px 0;
}
div#container div#content div#simulator div.practice div.wrap div.left{
	width: calc(55%);
	box-sizing: border-box;
	padding: 0;
	display: block;
	margin: 0;
}
div#container div#content div#simulator div.practice div.wrap div.right{
	width: calc(45%);
	padding: 0 20px 0 30px;
	box-sizing: border-box;
	display: block;
	margin: 0;
}
div#container div#content div#simulator div.practice div.wrap div.right p.mode{
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	margin: 10px 0 40px 0;
}
div#container div#content div#simulator div.practice div.wrap div.right h6{
	font-size: 28px;
	background: linear-gradient(transparent 0%, white 0%);
	margin: 0 0 30px 0;
	padding: 0 10px 0 10px;
	border-bottom: 3px solid #000000;
	letter-spacing: 0.05em;
	width: fit-content;
}
div#container div#content div#simulator div.practice div.wrap div.right h7{
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 30px 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.not_newline br{
	display: none;
}

div#container div#content div#simulator div.practice div.wrap div.right p.text{
	font-size: 14px;
	width: 100%;
	line-height: 1.8;
	margin: 20px 0 0 0;
	font-weight: 200;

}

/*special*/
div#container div#content div#special {
	background:var(--primary-color);
	padding: 50px 0 50px;
	color: white;
	text-align: center;
}
div#container div#content div#special div.wrap{
	border: 5px solid white;
	max-width: 630px;
	min-height: 630px;
	width: 100%;
	height: auto;
	border-radius: 5000px;
}
div#container div#content div#special div.wrap div.in_circle{
	border: 2px solid white;
	max-width: 600px;
	min-height: 600px;
	width: 100%;
	height: auto;
	border-radius: 5000px;
	display: inline-block;
	text-align: center;
	margin: 13px 0 0 ;
}

div#container div#content div#special div.wrap h3{
	margin: 90px 0 0; 
}
div#container div#content div#special div.wrap h4{
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
}
div#container div#content div#special div.wrap p.atention{
	font-size: 22px;
	border-bottom: white solid 4px;
	display: inline-block;
	margin: 40px 0 0; 
	padding-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
}
div#container div#content div#special div.wrap p.text{
	margin: 40px 0 0; 
	line-height: 1.8;
	font-size: 16px;
	font-weight: 300;
}
div#container div#content div#special div.wrap p.button a{
	margin: 40px 0 0; 
	font-size: 16px;
	background: #FFFFFF;
	font-weight: 600;
	border-radius: 300px;
	display: inline-block;
	padding: 15px 40px;
}
div#container div#content div#special div.wrap p.button a{
	color:var(--primary-color);
}



/*how*/
div#container div#content div#how {
	background:#EEEDDA;
	padding: 80px 0 80px;
	text-align: center;
}
div#container div#content div#how h3{
	padding: 0 0 10px 0;
	color: var(--primary-color);
}
div#container div#content div#how h4{
	text-align: center;
	color: var(--primary-color);
    letter-spacing: 0.1em;
}
div#container div#content div#how  div.st4{
	position: relative;
}
div#container div#content div#how div.app{
}
div#container div#content div#how div.app img{
	width: 100%;
}

div#container div#content div#how div.app p.apple{
position: absolute;
bottom: 28px;
right: 153px;
width: 93px;
}
div#container div#content div#how div.app p.googleplay{
position: absolute;
bottom: 20px;
right: 21px;
width: 130px;
}
div#container div#content div#how div.carousel_banner{
	margin: 60px 0 60px;
}
div#container div#content div#how li{
	padding: 0 0 10px 0;
	color: var(--primary-color);
}
div#container div#content div#how p.button a{
	margin: 40px 0 20px; 
	font-size: 16px;
	background: var(--primary-color);
	font-weight: 600;
	border-radius: 300px;
	display: inline-block;
	padding: 15px 40px;
}
div#container div#content div#how p.button span{
	margin: 0 0 0 10px; 
}
div#container div#content div#how p.button a{
	color: #fff;
}


/*shop*/
div#container div#content div#shop{
	background:#ffffff;
	padding: 80px 0 0;
	text-align: center;
}
div#container div#content div#shop h3{
	padding: 0 0 10px 0;
	color: var(--primary-color);
}
div#container div#content div#shop h4{
	text-align: center;
	color: var(--primary-color);
    letter-spacing: 0.1em;
}
div#container div#content div#shop h5{
	background:var(--primary-color);
	color:white;
	width:600px;
	margin:40px auto 40px;
	padding:5px;
	font-size:18px;
}
div#container div#content div#shop h6{
	color: var(--primary-color);
	font-size:18px;
	margin:20px 0 10px 0;
	padding:0 0 20px 0;
	font-weight:600;
	border-bottom:1px solid black;
	width:100%;
}
div#container div#content div#shop div.wrapper{
	max-width:1000px;
	margin:0 auto;
}
div#container div#content div#shop div.wrap{
	display: flex;
   	flex-wrap: wrap;
	padding: 20px;
	margin: 0 0 50px 0;
}
div#container div#content div#shop div.wrap div.left{
	width: calc(50%);
	box-sizing: border-box;
	padding: 0;
	display: block;
	margin: 0;
}
div#container div#content div#shop div.wrap div.left p img{
	width: 100%;
}
div#container div#content div#shop div.wrap div.right{
	width: calc(50%);
	padding: 0 0 0 30px;
	text-align:left;
	box-sizing: border-box;
}
div#container div#content div#shop div.wrap div.right div.table1,div.table2{
	display: flex;
   	flex-wrap: wrap;
	width:100%;
	overflow: hidden;
}
div#container div#content div#shop div.wrap div.right div.set{ 
	margin:0 0 30px 0;
}
div#container div#content div#shop div.wrap div.right div.set p.title{ 
	color: var(--primary-color);
	font-size:18px;
	margin:0 0 8px 0;
	font-weight:600;
}
div#container div#content div#shop div.wrap div.right div.set p.detail{ 
	color: #000000;
	margin:0 0 14px 0;
	font-size:16px;
}
div#container div#content div#shop div.wrap div.right div.set p.detail span{ 
	display:block;
	font-size:13px;
	margin:0 0 2px 0;
}
div#container div#content div#shop div.wrap div.right div.table1 div.miniwrap_left{
	width: calc(70%);
	padding: 0 20px 0 0;
	box-sizing: border-box;
	display: block;
}
div#container div#content div#shop div.wrap div.right div.table1 div.miniwrap_right{
	width: calc(30%);
	padding: 0 0 0 0;
	box-sizing: border-box;
	display: block;
}
div#container div#content div#shop div.wrap div.right div.table2 div.miniwrap_left{
	width: calc(50%);
	padding: 0 20px 0 0;
	box-sizing: border-box;
	display: block;
}
div#container div#content div#shop div.wrap div.right div.table2 div.miniwrap_right{
	width: calc(50%);
	padding: 0 0 0 0;
	box-sizing: border-box;
	display: block;
}
div#container div#content div#shop div.wrap div.right  div.table2 div.set p.title{ 
	background:var(--primary-color);
	color:white;
	font-weight:100;
	font-size:14px;
	padding:4px;
	margin: 0 0 8px 0;
	width: fit-content;
}
div#container div#content div#shop div.wrapper div.box{
	display: flex;
   	flex-wrap: wrap;
	width:100%;
	margin: 0 auto;
}
div#container div#content div#shop div.wrapper div.box div.member{
	padding:40px 20px;
	box-sizing: border-box;
}
div#container div#content div#shop div.wrapper div.box div.left{
	width: calc(30%);
}
div#container div#content div#shop div.wrapper div.box div.right{
	width: calc(70%);
}
div#container div#content div#shop div.wrapper div.box div.member img{
	width: 100%;
}
div#container div#content div#shop div.wrapper div.box div.member p.image{
	width: 80%;
	margin: 0 auto;
}
div#container div#content div#shop div.wrapper div.box div.member p.title{
	color: var(--primary-color);
	font-size:22px;
	color: #000000;
	margin:0 0 25px 0;
	font-weight:600;
	text-align: left;
}
div#container div#content div#shop div.wrapper div.box div.member p.detail{
	text-align:center;
	line-height:1.8;
	font-size:14px;
	text-align: left;
}
div#container div#content div#shop p.button a{
	margin: 10px 0 80px; 
	font-size: 16px;
	background: var(--primary-color);
	font-weight: 600;
	border-radius: 300px;
	display: inline-block;
	padding: 15px 40px;
}
div#container div#content div#shop p.button span{
	margin: 0 0 0 10px; 
}
div#container div#content div#shop p.button a{
	color: #fff;
}
div#container div#content div#shop div.wrapper div.box2 div.wrap{
	display:block;
	text-align:left;
	margin:0 0 0 0;
	padding:20px 20px 5px;
}
div#container div#content div#shop div.wrapper div.box2 div.wrap p.title{
	color: var(--primary-color);
	font-size:18px;
	margin:15px 0 5px 0;
	font-weight:600;
}
div#container div#content div#shop div.wrapper div.box2 div.wrap p.detail{
	font-size:14px;
	line-height:1.8;
	letter-spacing:0.05em;

}
div#container div#content div#shop div#map{
	width:100vw;
	height:400px;
	margin:100px 0 0 0;
}
div#container div#content div#shop div#map iframe{
	width:100%;
	height:100%;
}


/*price*/

div#container div#content div#price {
	background:#EEEDDA;
	padding: 80px 0 80px;
	text-align: center;
}
div#container div#content div#price h3{
	padding: 0 0 10px 0;
	color: var(--primary-color);
}
div#container div#content div#price h4{
	text-align: center;
	color: var(--primary-color);
    letter-spacing: 0.1em;
}
div#container div#content div#price h5{
	text-align: center;
	color: black;
    padding: 40px 0 40px;
	font-size:20px;
}
div#container div#content div#price div.wrapper{
	max-width: 1000px;
	min-width: 800px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
div#container div#content div#price div.wrapper div.box{
	width: 100%;
	margin: 0 0 40px;
	letter-spacing: 0.15em;
}
div#container div#content div#price div.wrapper div.box img{
	width: 100%;
}
div#container div#content div#price div.wrapper div.box p.title{
	background:var(--primary-color);
	color: #FFFFFF;
	width: 100%;
	padding: 8px 0 9px 0;
	box-sizing: border-box;
}
div#container div#content div#price div.wrapper div.box p.padding{
	background:var(--primary-color);
	color: #FFFFFF;
	width: 100%;
	padding: 16px 0;
	box-sizing: border-box;
}
div#container div#content div#price div.wrapper div.box p.cap{
	background: var(--primary-color);
	color: #FFFFFF;
	width: 100%;
	padding:0 0 5px 0;
	font-size: 11px;
	box-sizing: border-box;
	position: absolute;
	top:31px;
}
div#container div#content div#price div.wrapper div.box p.detail{
	background:#FFFFFF;
	color: #000000;
	font-size: 35px;
	width: 100%;
	padding:50px 8px 60px;
	box-sizing: border-box;
}
div#container div#content div#price div.wrapper div.box p.detail span.under{
	background: linear-gradient(transparent 70%, #EEEDDA 50%);
	padding-left:2%;
}
div#container div#content div#price div.wrapper div.box p.detail span.small{
	font-size: 24px;
}
div#container div#content div#price div.wrapper div.boxset{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
	width: 100%;
	justify-content: space-between;
}
div#container div#content div#price div.wrapper div.boxset div.minibox{
	width: calc((100% - 90px) /3);
	padding:0;
	box-sizing: border-box;
	position: relative;
}
div#container div#content div#price div.wrapper div.boxset div.minibox span.block{
	font-size:15px;
	margin: 0 0 8px 0;
	display: block;
}
div#container div#content div#price div.wrapper div.boxset div.minibox span.mini{
	position: absolute;
	bottom: 15px;
	left: 0;
	font-size:10px;
	width: 100%;
	text-align: center;
}
div#container div#content .detail.push{
	margin: 14px 0 0 0;
}

div#container div#content div#price div.wrapper div.boxset div.halfbox{
	width: calc((100% - 90px) /2);
	padding:0;
	box-sizing: border-box;
	position: relative;
}
div#container div#content div#price div.wrapper div.boxset div.halfbox span.block{
	font-size:15px;
	margin: 0 0 8px 0;
	display: block;
}
div#container div#content div#price div.wrapper div.boxset div.halfbox span.mini{
	position: absolute;
	bottom: 15px;
	left: 0;
	font-size:10px;
	width: 100%;
	text-align: center;
}
div#container div#content .detail.push{
	margin: 14px 0 0 0;
}


/*reserve*/
div#container div#content div#reserve {
	background:var(--primary-color);
	padding: 80px 0 120px;
	color: white;
	text-align: center;
}
div#container div#content div#reserve div.wrap h3{
	margin: 40px 0 0; 
}
div#container div#content div#reserve div.wrap h4{
	font-size: 14px;
}

div#container div#content div#reserve div.wrap p.text{
	margin: 50px 0 0; 
	line-height: 1.8;
	font-size: 16px;
	font-weight: 300;
}
div#container div#content div#reserve div.wrap p.button a{
	margin: 40px 0 0; 
	font-size: 16px;
	background: #FFFFFF;
	font-weight: 600;
	border-radius: 300px;
	display: inline-block;
	padding: 15px 140px;
}
div#container div#content div#reserve div.wrap p.button a{
	color:var(--primary-color);
}

/**contact**/

div#container div#content div#contact {
	background:#EEEDDA;
	padding: 80px 0 80px;
	text-align: center;
	position: relative;
}
div#container div#content div#contact h3{
	padding: 0 0 10px 0;
	color: var(--primary-color);
}
div#container div#content div#contact h4{
	text-align: center;
	color: var(--primary-color);
    letter-spacing: 0.1em;
}
div#container div#content div#contact p.text{
	margin: 30px 0 30px; 
}
div#container div#content div#contact p.button a{
	margin: 10px 0 20px; 
	font-size: 25px;
	background: var(--primary-color);
	font-weight: 500;
	letter-spacing: 0.1em;
	border-radius: 300px;
	display: inline-block;
	padding: 10px 140px;
	width: 200px;
	color: #FFFFFF;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
}
span.img01{
	position: absolute;
	top: 10px ;
	left: 30px;
}
span.img02{
	position: absolute;
	top: 12px ;
	left: 30px;
}
p.back{
	position: absolute;
	bottom: 30px;
	right:30px;
}

		
/**footer**/
div#footer {
	text-align: center;
	padding: 30px 0 50px 0;
	font-weight: 300;
	background: #000000;
}
div#footer h1{
	margin: 40px 0 50px;
}
div#footer p a{
	color: #FFFFFF;
}
div#footer p{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0 0 8px;
}
div#footer div.wrap{
	margin: 0 auto 50px;
	display: inline-block;
	text-align: center;
}
div#footer div.wrap p{
	float: left;
	margin: 0 30px;
}

/*****/



body.privacy{
	background: #EEEDDA;
}
body.privacy div.wrapper{
	max-width: 1000px;
	padding: 0 20px;
	margin: 80px auto 150px;
}
body.privacy div.wrapper h2{
	margin: 0 0 50px;
	font-size: 18px;
	color:var(--primary-color);
	font-weight: 600;
}
body.privacy div.wrapper p.text{
	font-size: 12px;
}
body.privacy div.box{
	padding: 120px 0 0 0;
}
body.privacy div#overview p.text{
	font-size: 14px;
	font-weight: 600;
}






/****tsukuba******/
br.br_onoff{
	display: none;
}



div#container div#content div#shop div.wrapper div.tsukuba_mem{
	justify-content: space-between;
    flex-wrap: wrap;
}


div#container div#content div#shop div.wrapper div.tsukuba_mem div.member{
	box-sizing: border-box;
	padding: 40px 0;
	width: calc(100%/5 - 40px);
}

div#container div#content div#shop div.wrapper div.tsukuba_mem div.member img{
	width: 100%;
}
div#container div#content div#shop div.wrapper div.tsukuba_mem div.member p.image{
	width: 100%;
	margin: 0 auto;
}
div#container div#content div#shop div.wrapper div.tsukuba_mem div.member p.name{
	margin: 20px 0 0;
}
div#container div#content div#main_visual div.wrap p.text02{
	color: #FFFFFF;
	font-size: 24px;
	margin: 40px 0 0 0;
	letter-spacing: 0.2em;
}

.sub_title{
	margin:50px 0;
	font-size: 22px;
}



/****kofu******/


div#container div#content div#shop div.wrapper div.kofu_mem{
	justify-content: space-evenly;
    flex-wrap: wrap;
	
	
}

div#container div#content div#shop div.wrapper div.kofu_mem div.member{
	box-sizing: border-box;
	padding: 40px 0;
	width: calc(100%/5 - 40px);
}

div#container div#content div#shop div.wrapper div.kofu_mem div.member img{
	width: 100%;
}
div#container div#content div#shop div.wrapper div.kofu_mem div.member p.image{
	width: 100%;
	margin: 0 auto;
}
div#container div#content div#shop div.wrapper div.kofu_mem div.member p.name{
	margin: 20px 0 0;
}



/****campaign******/
span.campaign{
	text-decoration: line-through;
	margin: 0 0 1em -2.5em;
	font-size: 24px;
}
span.campaign>span{
	font-size: inherit !important;
	margin: 0;
	text-decoration: none;
}
span.campaign>span{
	text-decoration: line-through;
}
p.campaign{
	color: #f30031;
	font-weight: bold;
	font-size: 36px;
	background: #fff;
	position: relative;
	padding: 1em 0;
}
p.campaign > span{
	display: block;
	margin: -2em -2em 0.4em 0;
	transform: rotate(-10deg)
}

/****instagram******/
ul.insta_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
ul.insta_list li {
  list-style: none;
  width: 25%;
  padding: 1em;
  box-sizing: border-box;
  margin-bottom: 1vw;
}
ul.insta_list li a p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
	padding: 1em 0;
	background:#fff;
	height: 4.8em;
}
ul.insta_list li a p span {
  font-size: 120%;
}
ul.insta_list li img{
	width: 100%;	
}