body {font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;letter-spacing: .15rem;}
nav ul a,nav .brand-logo {color: #444;}
p {line-height: 2rem;font-size: 1.1rem;}
.button-collapse {color: #26a69a;}
.mes {height: auto;min-height: 380px;}
.mes .section {top: 20%;}
.info {height: auto;min-height: 500px;} 
.parallax-container .section {width: 100%;}
.clearfix {zoom: 1; }
.clear {clear: both;}
.info h1 { font-size: 3rem;line-height: 2.8rem;padding: 12% 0;}
.info h2 { font-size: 1rem;line-height: 1.5rem;}
.deco {border-bottom: 2px #26a69a dotted;padding: 4%;}
h6 { font-size: 1.3rem;padding: 5%;line-height: 2rem;}
.padding {padding: 0% 5%;}
.m-padding {padding: 5% 0;}
.s-padding {padding: 1%;}
nav ul#nav-mobile li:first-child a {overflow: auto;}
.infoIcon {float:left; height: 175px; width: 175px; line-height: 175px; max-width: 100%; background: #eceff1; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; text-align: center; vertical-align: middle; position: relative; margin: 0 10px 50px;}
.up-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.up-btn:hover, up-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
.icon-block {padding: 1px 5px 5px;}
footer.page-footer {margin: 0;}

/*中央ぞろえ*/
.cent{
	width: 80%;
	margin: 0 auto;
}

#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}
}/*IEでは恐らくズレ*/
nav ul#nav-mobile li:first-child a {overflow: auto;}
/*---------*/

.mahw10 {
	margin: auto;
	padding-top: 10px;
}
.mahw30 {
	margin: auto;
	padding: 30px;
}


/* google mapを利用する */

.google-maps { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
} 

.google-maps iframe, .video-container object, .video-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

/* Material iconsを利用する */
/* アイコンサイズ */
.material-icons.md-2 { font-size: 2px; }
.material-icons.md-8 { font-size: 8px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-25 { font-size: 25px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-35 { font-size: 35px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-40 { font-size: 40px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.parallax-container {
  min-height: 500px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
 .parallax-container .section{
    width: 100%;
  }

  .parallax img{
    width: auto;
  }


/*改行コード*/ /*メディアクエリーに使う場合は移動コピーすること*/
.br00:before {
/*  		content: "\A" ;
  		white-space: pre;
*/  		line-height: 1.0;
}
.br0:before{
	content: "\A";
	white-space: pre;
 }

.br01:before{
	content: "\A";
    white-space: pre;
 }

.br02:before {
  		content: "\A" ;
  		white-space: pre;
  		line-height: 1.0;
}

.br02a:before {
  		content: "\A" ;
  		white-space: pre;
}


.br02index:before {
  		content: "\A" ;
  		white-space: pre;
  		line-height: 1.0;
}




.br1:before {
	line-height: 1.0;
}




.br001:before{
	content: "\A";
    white-space: pre;
	line-height: 1.3;
 }
.br00footer:before {
/*  		content: "\A" ;
  		white-space: pre;*/
	line-height: 1.0;
}


.br992:after{
  	content: normal;
  	white-space: normal;
  	line-height: 1.0;
}	

.br011:after{
	content: "\A";
    white-space: pre;
 }

/*行間コード*/ 

.mar0{
	margin: 0;
}

.mar-10{
	display: block;
	margin-top: -20px;
}



.shop-box {
	text-align: center;
    padding: 0.5em 1em;
    margin: 2em 0 1em 0;
    color: #FFF;
	background-image:url(../gazou/carbon.jpg);
/*    background: #000;     /*#6eb7ff*/
    border-bottom: solid 6px #087cb0;     /*#3f87ce*/
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.privacy-box {
	text-align: center;
    padding: 0.5em 1em;
    margin: 2em 0 1em 0;
    color: #FFF;
    background: #11adf4;     /*#6eb7ff*/
    border-bottom: solid 6px #087cb0;     /*#3f87ce*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.privacy-box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #FFF;
    background: #11adf4;     /*#6eb7ff*/
    border-bottom: solid 6px #087cb0;     /*#3f87ce*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.privacy-box2 {
	text-align: center;
    padding: 0.5em 1em;
    margin: 2em 0 1em 0;
    color: #FFF;
    background: rgba(255,0,190,0.8);     /*#6eb7ff  #11adf4*/
    border-bottom: solid 6px #A90069;  /*#3f87ce  #087cb0*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}










/*header*/
.head-box{
	min-height: 100px;
	background-color:#0a9de1;
	width: 100%;
}

.logo-box{
	min-height: 70px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-bottom: 10px;
	background-color:#fff;	
}

.address-box{
	float: right;
	padding-right: 50px;
	padding-bottom: 10px;
}


.main-box{
	min-height:500px;
	height:auto !important;
	height:500px;
}	

.white-text{
	color: #fff;
}

/* 改行コード　*/
.br1{
	margin-bottom: 1px;
}

.br2{
	margin-bottom: 2px;
}


.br5{
	margin-bottom: 5px;

}
.br10{
	margin-bottom: 10px;
}

.br15{
	margin-bottom: 15px;
}

.br20{
	margin-bottom: 20px;
}

.br25{
	margin-bottom: 25px;
}
.br30{
	margin-bottom: 30px;
}
.br40{
	margin-bottom: 40px;
}
.br50{
	margin-bottom: 50px;
}
.br67{
	margin-bottom: 67px;
}
.br70{
	margin-bottom: 70px;
}
.br80{
	margin-bottom: 80px;
}
.br90{
	margin-bottom: 90px;
}

.br100{
	margin-bottom: 100px;
}
.br200{
	margin-bottom: 200px;
}

.br500{
	margin-bottom: 500px;
}



.br1000{
	margin-bottom: 1000px;
}


/* 新しい更新事項目に(ニュー)印を貼付　*/


.newicon {
	text-shadow: none;
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/* 更新 */

#topinfo{
	width: 100%;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 240px;
	overflow: auto;
	border-style: none;
}

.topinfo{
	width: 100%;
    margin: 5px auto;
    padding: 0;

}

/*topinfoのdtとddを一行で繋ぐ設定*/
/*左に寄せる*/
#topinfo dt{
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
	color: #0093e6;
	
	float: left;
/*後続に左寄せを解除*/
	clear: left;
	margin-right: 0.5em;
	width: 200px;
}

/*//#topinfo dt:before {
//	content:"\0025a0";
//}
*/

#topinfo dd{
	float: left;
	margin-left: 1em;
	margin-bottom:1em;
}
#topinfo a{
	font-weight: bold;
}



dl {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    zoom: 100%;
}
 
dt {
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    font-weight: bold;
    width: 200px !important;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    background-image : url(../gazou/index/point_1A.png);
    background-position: 0px 12px;
    background-repeat: no-repeat;
    color: #1F8DBC;
}
 
dd {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 200px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    padding-left: 150px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
}	

*:first-child + html dd{
    /* for IE7 */
    padding-left: 10px;
    min-height: 20px;
}

* html dd{
    /* for IE6 */
    height: 20px;
    padding-left: 0px;
}

dl::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}



/*newのdtとddを一行で繋ぐ設定*/
/*左に寄せる*/
.new dt{
	float: left;
	clear: left;
    padding-left:10px;
	margin-right: 0.5em;
	width: 100%;
}

.new dd{
	float: left;
	margin-left: 1em;
	
}
.new dl{
	padiing-top:15px;
	margin-left: 1em;
	width: 100%;
}

.new h2 {
	margin-bottom:0.5em;
	padding-left:10px;
	font-size:18px;
	color:#000;
	border-left:5px solid #e78f00;
}

.new{
	width:100%;
/*	padding-left:150px;*/
}


/*fontサイズ*/

.ts{
	font-size: 1.2em;
}
.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.fs20 {
	font-size: 20px;
}
.fs22 {
	font-size: 22px;
}
.fs23 {
	font-size: 23px;
}

.fs25 {
	font-size: 25px;
}
.fs30 {
	font-size: 30px;
}
.sizeaa{
	font-size:x-small;
}
.sizea{
	font-size:tiny;
} 
.sizeb{
	font-size:small;
}
.sizec{
	font-size:medium;
}
.sized{
	font-size:large;
}
.sizee{ 
	font-size:x-large;
}
.sizef{ 
	font-size:xx-large;
}
.f-sizec{
	font-size:medium;
}
.f-size25{
	font-size:25px;
}

.f-size2520{
	font-size:25px;
/*	font-size:20px;*/
}
.f-size3025{
	font-size:30px;
/*	font-size:25px;*/
}
.f-size35 {
	font-size: 35px;
}


.f-size40 {
	font-size: 40px;
}
.f-size50 {
	font-size: 50px;
}



/*font太さ*/
.bb{
	font-weight: bold;
}
.bb1{
	font-weight:800;
}
.content1 {
	display: block; max-width: 100%; width: 100%; padding: 0px 0px 0px; margin: 0px auto;
}



.padding1{
    width:500px;
	padding:0 5%;

}

.margin1{
    width:40px;
	padding-left:15px;
	height:63px;
/*	margin-top:20px;*/
	margin-right:60px;
	float:left;
    clear:left;
}
.mar-t {
	margin-top: 0.0em;
}

.pad150{
	padding-left:150px;
}
.pad120{
	padding-left:120px;
}
.pad100{
	padding-left:100px;
}

.pad70{
	padding-left:70px;
}
.pad50{
	padding-left:50px;
}
.pad40{
	padding-left:40px;
	position: relative;
	top:7px;
}
.pad20{
	padding-left:20px;
	position: relative;
	top:7px;
}

.padaaa{
	padding:0 auto 0;
	margin:0;
}
.padl {
	padding:10px;
}
.padlr {
	width: 100%;
	padding:0 0 0 10%!important;
}


.padl1{
	padding-left: 25%;
}
.padl2{
	padding-left: 10%;
}

.padl13{
	padding-left: 13%;
}
.padl10{
	padding-left: 10px;
}



.pad15{
	padding:15px 0 0;
	height:63px;
}
.pad10{
	padding:10px 0 0 0;
}

.pad5{
	padding:5px 0 0 0;
}


.padma0{
	padding:0;
	margin:0;
}

.pad0{
	padding:0!important;
}


.no-pad-bt{
/*	position: relative;*/
	padding:0px 0px 0px;
/*    background-size:content-box;*/
}

.vera_b{
	vertical-align :bottom;
	padding-bottom: 3px;
}

.vera_b1{
	padding-bottom: 5px;
	vertical-align: middle;

}

.vera_b2{
line-height: 34px;
}

.price-list-vera_b{
	vertical-align: bottom;
}


.hihyouji-s{
	display:block;
}
.hihyouji-l{
	display:none;
}

.event{
	display:flex;
}

.main{
	background:tomato;
	width:70%;
	height: 100px;
	margin-right: auto;
	margin-left: auto
	
}
.block-center{
	margin-right: auto;
	margin-left: auto

}
	

.side{
	background:orange;
	width: 30%;
	height: 250px;
}


.example {
   position:relative;
   margin-bottom: 0;
   width:100%;
}


.example h4 {
   position:absolute;
   color:black;
	top: 5px;
	text:center;
	width:100%;
   margin-bottom: 0;
}

.example dl {
   position:absolute;
   color:black;
	top: 1%;
/*    font-size: 15px;*/
	width:100%;
}

.example dt {
/*   position:absolute;*/
	color:black;
    font-size: 15px;
	width:100%;
}

dt a{
	color:red;
}



.example img {
   width:100%;	
}

.mnb11 {
	height:100%;
	width:100%;
	
	
}



.position-relative{
	position: relative;
}

.position-absolute{
	position: absolute;
}

.mnb10 {
	background-color: rgba(194,194,194,0.30);
	position:absolute;
	width:100%;
    top: 10%;
	height: 150px;
    padding-top: 3%;
 }

.mnb75 {
	position:absolute;
    top: 75%;
	padding: 0;
	margin: 0 0 0 0;
   }

.mnb85 {
	position:absolute;
    top: 85%;
	padding: 0;
	margin: 0 0 0 0;
   }

.mnb850 {
/*	position:absolute;
*/
	top: 85%;
	padding: 0;
	margin: 0 0 0 0;
   }

.mb0 {
	margin-bottom: 0;
}






.mnb2 {
	position:absolute;
    top: 5%;
	padding-left:0px;
  margin-right:auto;
  width:90%;
  padding: 0 0px;
/*  transform: translate(-0.9%,-0.9%)*/
 }

.aaa {
	position:absolute;
    top: 50%;
	padding:0px;
    width:100%;
	transform: translate(-0.9%,-0.9%)
}

.bb {
    padding:0 50;
    margin-bottom:20px;
}
.mb13{
	margin-bottom: 17px;
	display: inline-block;
}






.plr40{
	padding: 0 0 0 4%;
}


.ml50{
	margin-left: 50px;
}
.mb15{
	margin-bottom: 15px;
/*	margin-top: 45px;*/
}

.mbt15{
	margin-bottom: 18px;
	margin-top: 15px;
}

.mb50{
	margin-bottom: 35px;
}


.box {
	width:50%;
	margin: auto;
}


.box1 {
	width:auto;
}




.box img {
	width:100%;
/*	max-width: 100%;
*/	height: auto;
}

.box11 img {
	width:auto;
/*	max-width: 100%;*/
	
}

.box2 {
	width:100%;
	max-width: 100%;
	height:auto;
}

.box3 {
	width:auto;
/*    max-width: 100%;*/
}

.box4 {
	width:50px;
	
/*    max-width: 100%;*/
}




.xxx {
	  width:80px;
}		



.xxx img {
	  width:100%;
}		


.yyy {
	top:10%;
}

.zzz {
	margin: 30 0 0 0;
}

.left15{
	padding-left: 15%;
	color:white;
}

.mr30{
    margin-right: 30px;	
}

.mlr20{
/*	margin-top: 10px;*/
    margin-right: 30px;
	margin-left: 0px;
	margin-bottom:10px;
}
.mlr2010{
	
    margin-right: 20px;
	margin-left: 10px;
	
}







.mlr30{
    margin-right: 30px;
	margin-left: 30px;
}


.height {
	height: 800px;
	width:100%;
}
.l-height05 {
	line-height: 0.5;
}

.l-height13 {
	line-height: 1.3;
}

.l-height20 {
	line-height: 2;
}

.l-height25 {
	line-height: 2.5;
}

.l-height30 {
	line-height: 3;
}

.l-height40 {
	line-height: 4;
}

.h337 {
	height:100px;
	width:100%;
}

.h338 {
/*	height:100px;*/
	width:auto;
}

.h339 {
/*	height:80%; 
*/
}

.katto {
	overflow: hidden;
}

.page-footer {
background-image: url(../gazou/mokume66.jpg);
	width: 100%;
}

.footer1{
	background-color: #990000;
	margin: auto;
	border-radius: 50px;
}

.footer2{
	background-position: center;
	background-size: contain;
	background-image: url(../gazou/footer/root66.png);
	background-repeat: no-repeat;
	margin: auto;
	border-radius: 50px;
}

.footer3{
	background-position: center;
	background-size: contain;
	background-image: url(../gazou/footer/Mooneyes.png);
	background-repeat: no-repeat;
	margin: auto;
	border-radius: 50px;
}

.menu{
	background-image: url(../gazou/footer/Menu.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.top{
	background-image: url(../gazou/footer/top.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.gallery{
	background-image: url(../gazou/footer/gallery.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.stock{
	background-image: url(../gazou/footer/stock.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.flow-of-reservation{
	background-image: url(../gazou/footer/flow-of-reservation.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}


.web-reserve{
	background-image: url(../gazou/footer/Web-Reserve.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.tire-pit{
	background-image: url(../gazou/footer/5-tire-pit.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.web-payment{
	background-image: url(../gazou/footer/web-payment.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.store-Guide-Access{
	background-image: url(../gazou/footer/Store-Guide-Access.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.inquiry{
	background-image: url(../gazou/footer/inquiry.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.privacy-policy{
	background-image: url(../gazou/footer/privacy-policy.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.main-office{
	background-image: url(../gazou/footer/main-office.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.exhibition-hall{
	background-image: url(../gazou/footer/exhibition-hall.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.tokushoho{
	background-image: url(../gazou/footer/tokushoho.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}

.link{
	background-image: url(../gazou/footer/link.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 200px;
}





/*編集開始*/

.head-info{
	background-image:url(../gazou/american3.jpg);
	position: relative;
}

.head-hako{
	height:10px;
	text-align:center;
}

.head-hako img{
	width: 150px;
	padding-top: 25%;
}

.head-hako1{
	height:200px;
	text-align:center;
}
.head-hako-under{	
	/*width: 200px;*/
	padding-top: 25px;
	/*margin: 0 auto;*/
}

.head-hako11-1{	
	display: block;
	text-align: center;
}

.head-hako1a {
	float:left;
	width:70px;
}

.head-hako1aa {
	float:left;
	width:55px;
}


.head-hako1b {
	float:left;
	margin: 22px 10px 0 7px;
}
.head-hako1c {
	float:left;
	margin: 22px 10px 0 10px;
}


.head-hako2{
	height:200px;
	text-align:center;
}
.head-hako2 img {
	/*object-fit:contain;*/
/*	vertical-align:middle;*/
}

.head-hako1-1{	
	width: 100%;
	margin: 0 0 0 auto;
}

.head-hako1-1 p{	
	display: none;
}



.access-box {
}

.centering {
	min-width: 300px;
	height: 150px;
	text-align: center;
/*	padding-top: 25px;
*//*	padding: 30px 0px ;
*/}

.centering1 {
	margin: 0px auto;
}

.moji-l{
	font-size:10px;
	letter-spacing : 0.42em;
	vertical-align: middle;
	color: #000;
/*	text-shadow: 
		0.04em 0.02em 0 #000, 
		0.10em 0.05em 0 rgba(255, 255, 255, 0.6);
*/}

.moji-m{
	font-size:20px;
	letter-spacing : 0.42em;
	vertical-align: middle;
	color: #000;
/*	text-shadow: 
		0.04em 0.02em 0 #000, 
		0.10em 0.05em 0 rgba(255, 255, 255, 0.6);
*/}

.moji{
	font-size:20px;
	vertical-align: middle;
	letter-spacing : 0.42em;
	color: #000;
}

.moji_1{
	font-size:20px;
	letter-spacing : 0.42em;
	vertical-align: middle;
	color: #000;
/*	text-shadow: 
		0.04em 0.02em 0 #000, 
		0.10em 0.05em 0 rgba(255, 255, 255, 0.6);
*/}
.moji_2 {
	letter-spacing: 0.25em;
}



/*photo=gyosen.pngが右から左に走るアニメーション*/
.ponponsen{
	position: absolute;
	bottom:0px;
	display:flex;
	width:100%;
	height:30px;
	overflow: hidden;
}
.ponponsen img{
	width: auto;
	height: 100%;
	animation: slidein 20s -2s linear infinite;
}
.ao{
	color:#050FCD;
}
.sikaku {
	list-style-type: square!important;
}

.sightmap1 {
	padding-left: 10%!important;
}
.sightmap2 {
padding-left:5%!important;
}
.sotowaku {
	padding: 4px 10px 2px 10px;
	border:1px solid #fff;
	border-radius: 10px/10px;
}
.sotowaku1 {
	padding: 4px 10px 2px 10px;
	border:1px solid #fff;
	border-radius: 10px/10px;
}

/*.sotowaku3 {
	padding: 2px 0 0 0;
	border:1px solid #fff;
	border-radius:5%/35%;
}*/

.flex-justify-content1{
	justify-content: center; 
}


/*price-list.html*/

.priceimage-box{
	width: 100%;
	margin-top: 20px;
}

.price-list-top {
	text-align: center;
}
.price-list-top img {
	width: 100%;
}

/* price-list flex表*/

/*--------項目の行（最上段）---------------*/
ul.hyoudai {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
}

ul.hyoudai>li {
	width: 34%;
	height: auto;
	list-style: none;
	background-color: rgba(253,104,248,1.00);
	border: 1px solid #E5D4D4;
	box-sizing: border-box;
	padding: 15px;
	margin: 0 5px 5px 0;
	font-size: 1.8em;
	font-weight: 500; 
}

ul.hyoudai>li:nth-child(3) {
	width: 15%;
	margin: 0 5px 5px 0;
	padding: 0px;
}
ul.hyoudai>li:nth-child(4) {
	width: 15%;
	margin: 0 0 5px 0;
	padding: 0px;
}
.senmei {
	font-size: 0.5em;
	height: auto;
}
.gedan {
	display:block;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	font-weight: 500;
}
/*----------魚種　第１項目-------------*/

ul.gyoshu1 {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
}
ul.gyoshu1>li {
	width: 34%;
	height: auto;
	list-style: none;
	background-color: rgba(253,211,205,1.00);
	border: 1px solid #E5D4D4;
	box-sizing: border-box;
	padding: 1%;
	margin: 0 5px 5px 0;
	line-height: 1.0em;
	font-size: 1.0em;
	font-weight: 500;
	text-align:left;
}
ul.gyoshu1>li:nth-child(2) {
	margin: 0 5px 5px 0;
	padding: 1% 3% 1% 1%;
	text-align:right
}

ul.gyoshu1>li:nth-child(3) {
	width: 15%;
	margin: 0 5px 5px 0;
	padding: 1% 0;
	text-align:center;
}
ul.gyoshu1>li:nth-child(4) {
	width: 15%;
	margin: 0 0 5px 0;
	padding: 1% 0;
	text-align:center;
}
/*---------魚種　第２項目--------------*/

ul.gyoshu2 {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
}
ul.gyoshu2>li {
	width: 34%;
	height: auto;
	list-style: none;
	background-color: rgba(176,214,253,1.00);
	border: 1px solid #E5D4D4;
	box-sizing: border-box;
	padding: 1%;
	margin: 0 5px 5px 0;
	line-height: 1.0em;
	font-size: 1.0em;
	font-weight: 500;
	text-align:left;
}
ul.gyoshu2>li:nth-child(2) {
	margin: 0 5px 5px 0;
	padding: 1% 3% 1% 1%;
	text-align:right
}

ul.gyoshu2>li:nth-child(3) {
	width: 15%;
	margin: 0 5px 5px 0;
	padding: 1%;
	text-align:center;
}
ul.gyoshu2>li:nth-child(4) {
	width: 15%;
	margin: 0 0 5px 0;
	padding: 1%;
	text-align:center;
}
/*-----------魚種　第３項目------------*/









.price-list-caption {
	width: 100%;
	padding: 10px 0;
	margin: 0 auto;
    background-color:#29b5f5;
}
.price-list-caption1 {
	width: 100%;
	height: 3.0em;
	text-align:center;
	background-color:#29b5f5;
	background-clip: padding-box;
}
.price-list-caption2 {
    width: 100%;
	height: 3.0em;
	background-color:#29b5f5;
	position: relative;
	
}
.price-list-caption3 {
	position: absolute;
	top:-70%;
	text-align: center;
	width: 100%;
}
.price-list-caption4 {
	position: absolute;
	top:13%;
	margin:0 auto;
	width: 100%;
	display: inline-block;
}


.texta_c {
	text-align: center;
}


.kaizu {
	width: 100%;
	min-height: 213px;
	margin:0 auto;
	background-color:#29b5f5;
	
}
.kaizu1 {
    width:100%;
	/*min-height: 213px;*/
	margin:0 auto;
	background-color:#29b5f5;
	
}
.kaizu2 span{
position: absolute; left:25%; bottom: 0px; font-weight: bold; color:white;
}


.kaizu img {
	/*タテヨコ比率維持したままで*/
    border-radius: 50%;
	border:1px solid #000;
}	
.kaizu1 img {
	/*タテ基準なのでヨコ寸法維持出来ず縮む*/
    border-radius: 50%;
	border:1px solid #000;
	height: 100%;

}	
.kazari1 {
	width: 100%;
	border:30px solid #29b5f5;
	border-radius:15%;
}
.ryoukin {
	width:85%;
	margin: 0 auto;
}
.ryoukin ul li{
	list-style-type: square;
	
}
.ryoukin ul li.atama {
	list-style-type: none;
}
.ryoukin1 {
	width:60%;
	margin: 0 auto;
}
.ryoukin2 ul li{
	list-style-type: none;
	width:85%;
	margin: 0 auto;
}
ul.asterisk li{
	list-style-type:none;
	text-indent:-1em;/*二行目以降に一文字分インデント付加するＣＳＳ*/
}
ul.asterisk li:before{
	display:inline;
	content:"\203b";/*※ \203b */
	color:red;
	font-weight: bold;
	font-size: 24px;
}
.ryoukin ul li.atama {
	list-style-type:none;
	padding-left: 1em;
	text-indent:-1em;/*二行目以降に一文字分インデント付加するＣＳＳ*/
}
.ryoukin ul li.atama:before{
	display:inline;
	content:"\203b";/*※ \203b */
	color:red;
	font-weight: bold;
	font-size: 24px;
}


.telon{
	display: none;
}






@keyframes slidein {
	0%{
	transform: translateX(2300%);}
	to{
	transform: translateX(-100%);}
/*photo=gyosen.pngが右から左に走る--------------------END*/
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.ponponsen{
	position: absolute;
	bottom:0px;
	display:flex;
	width:100%;
	height:30px;
	overflow: hidden;

	}
}



/*　　メディアクエリー　開始　　*/

@media only screen and (max-width: 1526px){

.main-box{
		padding-left: 3%;
	}

.br00ryoukin:before{
	content: "\A";
	white-space: pre;
	line-height: 1.0;
 }	

	
	
@keyframes slidein {
0%{
	transform: translateX(1600%);}
to{
	transform: translateX(-100%);}
}
}

@media only screen and (max-width: 1500px) {
.br1500:before{
	content: "\A";
	white-space: pre;
	line-height: 3.0;
 }	
}
@media only screen and (max-width: 1395px) {
/*.navi-none{
	display: none !important;
}
*/.br00ryoukin1:before{
	content: "\A";
	white-space: pre;
	line-height: 1.0;
 }	
	
	
}

@media only screen and (max-width: 1220px) {
/*//	.rainbow-textbox{
//		width:120% !important;
}*/
.f-size50 {
		font-size:40px;
	}

	
}


@media only screen and (max-width: 1000px) {
  .uuu {
    display: none;
  }

}


@media only screen and (max-width : 992px) {
.parallax-container .section {position: absolute;top: 30%;}
.mes {min-height: 150px;}
.mes .section {position: absolute;top: 25%;}
.info h1 { padding: 5%;}
#index-banner .section {top: 10%;}
.parallax-container h1 {font-size: 2.2rem;}
.top img { -ms-interpolation-mode: bicubic; height: 500px; width /***/:auto; /*IE8*/}

.hihyouji-s{
	display:none;
}
.hihyouji-l{
	display:block;
}
	
.vera_b{
	padding-bottom: 3px;
}

.vera_b1{
	padding-bottom: 6px;
}
	
.pad40{
	display: none;
}
		
.padl{
    padding-left: 70px;		
}
.padl1{
	padding-left: 40%;
}
.padl2{
	padding-left: 5%;
}
	
.moji{
	font-size:20px!important;
}

.moji_1{
	font-size:20px!important;

}
.sightmap1 {
	padding-left: 30%!important;
}
	
.br992:after{
  	content: "\A" ;
  	white-space: pre;
  	line-height: 1.0;
}
	
.flex-justify-content1 {
	justify-content: left; 
}

.br00ryoukin2:before {
		content:normal;
		white-space: normal;
		line-height:1.0;
}	
.f-size3025{
		font-size: 25px;
}
.f-size2520{
	font-size:20px;
}
.fs25{
	font-size: 18px;
	}	
	
.f-size50 {
		font-size:35px;
}
ul.hyoudai>li {
	   margin: 0 3px 3px 0;
	}
ul.hyoudai>li:nth-child(3) {	
	   margin: 0 3px 3px 0;
	}
ul.hyoudai>li:nth-child(4) {	
	   margin: 0 0 3px 0;
	}
ul.gyoshu1>li {	
	   margin: 0 3px 3px 0;
	}
ul.gyoshu1>li:nth-child(n+2) {	
	   margin: 0 3px 3px 0;
	}
ul.gyoshu1>li:nth-child(4) {	
	   margin: 0 0 3px 0;
	}
	
ul.gyoshu2>li {	
	   margin: 0 3px 3px 0;
	}
ul.gyoshu2>li:nth-child(n+2) {	
	   margin: 0 3px 3px 0;
	}
ul.gyoshu2>li:nth-child(4) {	
	   margin: 0 0 3px 0;
	}
	
.head-hako{
	height:10px;
	text-align:left;

}

.head-hako img{
	position:absolute;
	width: 150px;
/*	padding-top: 25%;*/
	top:-40%;
	left:5%;
	
}
	
	
	
	
	
}
@media only screen and (max-width : 989px) {

}



@media only screen and (max-width : 920px) {
.br920:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
 }

@media only screen and (max-width : 850px) {
.br850:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }


 }
	

@media only screen and (max-width : 800px) {
.head-hako2{
	min-height: 210px!important;
	}
.sightmap1 {
	padding-left: 20%!important;
}

.br800:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
	
	
	
}

@media only screen and (max-width : 781px) {
.f-size50 {
	font-size:25px;
	}
	
 }

@media only screen and (max-width : 730px) {
.br730:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }

}



@media only screen and (max-width : 720px) {
.br720:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
	
.head-hako{
	height:60px;
	text-align:center;

}

.head-hako img{
	position:static;
	width: 150px;
	padding-top: 3%;
}
	
	
	

}


@media only screen and (max-width : 700px) {
.br700:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
	
dd{
	padding-left: 30px;	
	}
	
ul.hyoudai>li{
    font-size: 1.0em;
	margin: 0 2px 2px 0;
	padding: 5px 0;	
}
	ul.hyoudai>li:nth-child(3){
	margin: 0 2px 2px 0;
	padding: 1px 0;
	}	
	ul.hyoudai>li:nth-child(4){
	margin: 0 0 2px 0;
	padding: 1px 0;
	}	
ul.hyoudai>li.senmei{
font-size: 0.8em;	
}
ul.hyoudai>li.senmei .gedan {	
font-size: 0.6em;	
}
ul.gyoshu1>li{
    font-size: 0.8em;
	margin: 0 2px 2px 0;
	padding: 5px 0 5px 25px;	
}
	ul.gyoshu1>li:nth-child(2){
	margin: 0 2px 2px 0;
	padding: 5px 15px 5px 0;
	}
	ul.gyoshu1>li:nth-child(3){
	margin: 0 2px 2px 0;
	padding: 5px 0;
	}	
	ul.gyoshu1>li:nth-child(4){
	margin: 0 0 2px 0;
	padding: 5px 0;
	}	
ul.gyoshu2>li{
    font-size: 0.8em;
	margin: 0 2px 2px 0;
	padding: 5px 0 5px 25px;	
}
	ul.gyoshu2>li:nth-child(2){
	margin: 0 2px 2px 0;
	padding: 5px 15px 5px 0;
	}
	ul.gyoshu2>li:nth-child(3){
	margin: 0 2px 2px 0;
	padding: 5px 0;
	}	
	ul.gyoshu2>li:nth-child(4){
	margin: 0 0 2px 0;
	padding: 5px 0;
	}	
li.ryoukinhyou ul.gyoshu2.gyou4>li:first-child {
     letter-spacing: 1px;
}	
li.ryoukinhyou ul.gyoshu1.gyou5>li:first-child {
     letter-spacing: 1px;
}	
li.ryoukinhyou ul.gyoshu2.gyou12>li:first-child {
     letter-spacing: 1px;
}	
li.ryoukinhyou ul.gyoshu1.gyou13>li:first-child {
     letter-spacing: 1px;
}	
}
	
	
@media only screen and (max-width : 690px) {
.sotowaku1 {
    display: inline-block;		
	border-radius:13px/13px;
	}
	
}

@media only screen and (max-width : 669px) {
	
.br002:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
	
	
}

@media only screen and (max-width : 650px) {
	
.br650:after{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }

.br650-2:after{
	content: "\A";
    white-space: pre;
	line-height: 3.0;
 }
	
	
}


@media only screen and (max-width:633px){
.br633:before {
  		content: "\A" ;
  		white-space: pre;
  		line-height: 1.0;
}
}




@media only screen and (max-width:620px){
.br620:after{
	content: "\A";
    white-space: pre;
	line-height: 1.5;
}	
	
}

@media only screen and (max-width:600px){
.mnb {
	  top: 50px ;
	}
	
.example h1 {
		font-size: 3.0rem;
	}
	
.head-hako1{
	width: 100%;
	padding: 0 0 0 0px!important;
	/*text-align: center;*/
	}
.head-hako-under{
	margin: 0 auto;
	}
	
.visibility {
	visibility:hidden;
	}
	
.ponponsen {
	bottom:0px;
	}
	
.head-hako2{
	min-height: 210px!important;
	}
/*.sightmap1,.sightmap2,.sightmap3 {
	padding-left: 30%!important;
}*/
.padl1{
	margin-left: auto;
	margin-right: auto;
}
	
.padl2{
	margin-left: auto;
	margin-right: auto;
}
.br0ryoukin:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
	
.br00ryoukin3:before {	
	content: "   \A";
    white-space: pre;
    line-height: 1.0;
 }
	
	
.br0footer:before {
 		content: normal ;
  		white-space: normal;
	line-height: 1.0;
}
.sotowaku{
		padding: 4px 10px 2px 10px;
		border-radius: 10px/10px;
	}
	
.fs {
	font-size: 1.6rem;
}
	
.f-size2520{
	font-size:15px;
}
.f-size3025{
		font-size: 14px;
}
.f-size50 {
	font-size:18px;
	top:10%;
	}
	
.moji_2 {
		font-size: 1.6rem;
}	

.telon{
	display: block;
}
.setumei {
	display:none;
}
	
.l-height30 {
	line-height: 1.5;
}
	
@keyframes slidein {
0%{transform: translateX(700%);}
to{transform: translateX(-100%);}
}	

.brbottom600{
	margin-bottom: 70px;

}
	
.br600:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }

	
	
	
.br600index:after{
	content: "\A";
    white-space: pre;
	line-height: 6.0;
 }

dt{
	width: 100% !important;
		
}
	
dd {
	float: left;
    margin-left: 20px !important;
    padding-top: 10px;
	padding-left: 20px;
}		

	
.head-hako2-1 p{	
	margin-top: 130px;

}
	
ul.hyoudai>li.senmei{
font-size: 0.8em;	
}
ul.hyoudai>li.senmei .gedan {	
font-size: 0.6em;	
}


@media only screen and (max-width:550px){
.br550:before{
	content: "\A";
    white-space: pre;
	line-height: 2.0;
 }
	
}

@media only screen and (max-width:500px){
.head-hako2-1 p{	
	margin-top: 85px;

}
.br500-hako33:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
	
	
ul.gyoshu1>li{
    font-size: 0.6em;
	margin: 0 2px 2px 0;
	padding: 5px 0 5px 10px;	
}
ul.gyoshu1>li:nth-child(2){
	margin: 0 2px 2px 0;
	padding: 5px 5px 5px 0;
}
ul.gyoshu2>li{
    font-size: 0.6em;
	margin: 0 2px 2px 0;
	padding: 5px 0 5px 10px;	
}
	ul.gyoshu2>li:nth-child(2){
	margin: 0 2px 2px 0;
	padding: 5px 5px 5px 0;
	}
ul.gyoshu2.gyou4 li:first-child {
/*	letter-spacing: normal;
*/	font-size: 0.5em;
	padding: 8px 0 8px 10px;
}	
ul.gyoshu1.gyou5 li:first-child{
/*	letter-spacing: normal;
*/  font-size: 0.5em;
	padding: 8px 0 8px 10px;	
}	

	
	
	
}

@media only screen and (max-width:480px){
	.example {

      height:250px;
	  border-radius:15px;
	  margin:10px;
	}
	
	
	.mnb {
	  top:20px;
	}
	
   .bbb {
    padding:0 50;
    margin-bottom:20px;
}
	

	
  .qqq {
	display:none;
}

.privacy-box {
    padding: 0.5em 0em;
	letter-spacing: -0.03em;
}
	
}

@media only screen and (max-width:420px){
	
.f-size2520 {
	font-size:10px;
}
.price-list-caption {
	padding: 5px 0;
}
	
	
}

@media only screen and (max-width:380px){
.br380:before{
	content: "\A";
    white-space: pre;
	line-height: 1.0;
 }
	
	
}