@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap');

html {font-size: 100%;}
@media (min-width: 768px) {
html {font-size: calc(120% + 100vw + 2 / 768);}
}
/*-------------------------
全体の設定
--------------------------*/

body{
	margin: 0;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif; font-weight:500;
	font-size: 1.1rem;
	line-height: 1.6em;
	color: #231815;
	-webkit-text-size-adjust: none;line-break: strict;word-wrap: break-word;overflow-wrap: break-word; background:#fff;
}


/*リンク色*/
a{text-decoration: underline;color: #00a0e9;}
a:link,a:visited{text-decoration: underline;color: #00a0e9;}
a:hover{text-decoration: underline;}

img{ max-width:100%;}
/*--------------------------------------------------------
サイト全体
--------------------------------------------------------*/
#container{width: 800px;margin: 0 auto; overflow:hidden;}
.contentInnerPage{max-width:100%; min-width:100%;}

.content{clear: both;position:relative;width: 100%;}
.contentInner,.contentInnerPage{text-align: left;clear: both; position:relative;margin: 0 auto;}
.contentInner{ position:relative;margin: 0 auto;padding:20px 0 50px 0; max-width:1240px;}

.Btn_Reserve{ text-align:center;}
.Btn_Reserve img{width:100%; max-width:1400px;}


/*TOP*/
#TopMaincontent{clear: both;position:relative;}
.Maincontent{clear: both;position:relative;}

.flex{display:flex;}
.flex_wrap{flex-wrap: wrap;}
.flex_container{justify-content: space-between; width:100%;}
.flex_container_s{justify-content: space-between; width:100%;}
.flex_reverse{flex-direction:row-reverse;}
.flex-stretch{align-items: stretch;}
.flex-bottom{align-items:flex-end;}
.flex-center{align-items: center;}
.col-1{ width:100%; margin-bottom:40px;position: relative;z-index: 1;opacity:1.0;transition: 1.0s;}
.col-2{ width:48%;position: relative;z-index: 1;opacity:1.0;transition: 1.0s;}
.col-3{width:32%;position: relative;z-index: 1;opacity:1.0;transition: 1.0s; text-align:left;}




.txtbox{ padding:40px 5%; width: 90%;text-align : justify;}
.txtbox{ font-size:120%; line-height:160%;}
.txtbox01{width:120%; padding-right: 10%;}
.txtbox02{width:150%; padding-right:5%;}
.txtbox03{width:120%; padding-right:5%;}
.stxt{ margin-bottom: 20px;}
.stxt img{ height: 60px;}

.linkbox{ position: relative;}
.linkbox .Btn_link{ position: absolute; bottom:160px; right:60px; width: 345px;}

.bio_title{background:#E5006E;color:#fff; font-size:80%; padding: 5px; text-align: center; width: 20px;}
.bio_txt{ padding-left:20px;}
.bio_table{ margin-bottom: 40px;}
.bio_table tr{}
.bio_table tr td{}
.Btn{ width: 90%; margin: 0 auto;}

h2.omoiTxt{text-align:left; color:#E5006E; margin: 0 0 40px 0; padding: 0;}
.pink{color:#E5006E;}




@media screen and (max-width: 768px) {
body{font-size:3vw;}

#TopMaincontent,.Maincontent{min-height:auto;}

.flex_reverse_s{flex-direction:column-reverse;}

.contentInner{width:100%;margin:0 0 0 0; padding-bottom: 30px; max-width:100%; min-width:auto;}
.contentInner p{ font-size:3vw;}
	
.txtbox{ padding:20px 5%;}
.txtbox01{width:260%; padding-right: 10%;}
.txtbox02{width:320%; padding-right:5%;}
.txtbox03{width:320%; padding-right:5%;}
.stxt{ margin-bottom: 20px;}
.stxt img{ height: 25px;}

.linkbox .Btn_link{bottom:20%; right:5%; width: 170px;}

.bio_table{ margin-bottom:20px;}
.Btn{ width:100%; margin: 0 auto;}
}

/*-------------------------
ヘッダー設定
--------------------------*/
header{width: 800px; margin:0 auto;text-align: center;z-index: 100;position: relative; top:0;background:#FFF100;}
#header_inner{margin:0 auto;text-align: center;clear: both;display: flex;justify-content:space-between;}
#header_inner{min-width:90%; padding:20px 5%;}

#header_logo {opacity:1.0;transition: 1.0s; z-index:100; position:relative;}
#header_logo img{width:100%; max-width:220px;}

/* smartPhone */
@media screen and (max-width: 768px) {
header{width:100%;}

#header_inner{padding:10px 5%;}
#header_logo{min-width:40%; padding-top:10px;}
#header_logo img{width:100%; max-width:180px;}

}


footer{clear: both;width:800px;text-align: left;position: relative;background:#E5006E;z-index:80; color:#fff; padding-bottom: 40px;}
.footer_title{ padding:20px 0; font-size:260%; line-height: 160%; font-weight: bold; color: #E5006E;background:#FFF100; text-align: center;}
#footer_inner{clear:both;text-align:center;margin-right: auto;margin-left:auto;position: relative; max-width:90%; padding:70px auto;}
#footer_inner a{ color: #fff; text-decoration: none;}
#footer_inner a:visited{ color: #fff; text-decoration: none;}
.footer_logo img{width:100%; max-width:980px;}
.footer_logo{ padding:20px 0; font-size:400%; line-height: 160%; font-weight: bold; letter-spacing: 1pt;}
.add{ padding:20px 0; font-size:160%; line-height:160%;border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.copyright{ font-size:90%; background:#e4007f; color:#fff; text-align:center; padding:10px 0;}
.copyright a{ color: #fff;}

@media screen and (max-width: 768px) {
footer{width:100%;padding-bottom: 40px;}
.footer_title{font-size:180%;}

#footer_inner{padding:20px 2.5% 40px 2.5%;}
.footer_logo{font-size:260%;}
.add{font-size:140%;}
}


/*-------------------------
文字設定
--------------------------*/
ul#header_Nav,ul#G_Nav{font-family: 'Anton', sans-serif; font-weight:400; letter-spacing:1pt;}
.gfont_h,.attention_red{font-weight:700;}
.gfont_u,h1,h2,ul.ProductList,.age,.line_tb,.priceList,.designPrice,.tel{font-weight:900;}
.bold{	font-weight: bold;}
b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
.blue{ color:#009ee7;}
/*--------------------------------------------------------
h1,2,3,4
--------------------------------------------------------*/

h1{font-size:100%;}
h2{text-align:center; padding:30px 0;}
h2 img{ max-width:1100px;}


@media screen and (max-width: 768px) {
h2 img{ max-width:80%;}
}

/* テキストフィールド
----------------------------------------------- */
input[type='text'] {
	border:none;
	line-height: 30px;
	height: 30px; width:100%; padding:2px 10px; box-sizing:border-box; color:#000;
}
textarea {border: none; width:100%; height:140px!important; padding:10px; box-sizing:border-box; margin-top:5px; color:#000;}
input[type='submit'] {
	border:none;
	height: 35px; width:100%;
}
input[type='text']:focus,textarea:focus{
outline:solid 3px #eb6d94;
}
::placeholder {color:#eb6d94;}
.radioBtn{}
.radioTxt{ display:inline; padding-right:20px;}
.radioTxst{position: relative;display: flex;align-items: center;box-sizing: border-box;}
input[type="radio"]:checked{border:solid 1px #009ee7;}

/* ボタン
----------------------------------------------- */
.btn_input{background-color: #eb6d94;color: #fff;transition: 0.6s;}
.btn_input:hover{transition: 0.6s; opacity:0.6;}

/*テキストセンター寄せ*/
.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {	text-align: left;}
.textlefts{	text-align: left;}
.ml20{ margin-left:20px;}
.pb30{ padding-bottom:30px;}
.mb2{ margin-bottom:2%;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb60{ margin-bottom:60px;}
.clear{ clear:both;}
.mt30{ margin-top:30px; text-align:center;}

.display{ display:block;}
.display_s{ display:none;}
a.anchor{display: block;padding-top:110px;margin-top:-110px;}
.fb-container {max-width: 500px;position:relative;text-align:center!important;}


@media screen and (max-width: 768px) {
#container{width:100%;}

.fb-container {width: 100%;max-width: 500px;}
.display{ display:none;}
.display_s{ display:block;}
.textlefts{	text-align:center;} 
a.anchor{padding-top:53px;margin-top: -53px;}
.mt30{ font-size:90%; margin-bottom:20px;text-align:left;}
}


.Campaigncontent{ padding: 40px 0; background: #FFF100;}
@media screen and (max-width: 768px) {
.Campaigncontent{ padding: 20px 0; background: #FFF100;}
}