﻿body {
	margin:0;
	padding:0;
	font-family: "新ゴ R" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	position:relative;
	height:100%;
	line-height: 170%;
	
	text-rendering: optimizeLegibility;
    font-kerning: normal;               
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";
}

a,
a img{
	color:#000;
	transition-property: all;
	transition: 0.3s linear;
}

a:hover,
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

img{
	border:none;
	max-width:100%;
	height:auto;
	vertical-align: bottom;
}

i{
	margin:0 3px;
	vertical-align: top;
}

p{
	margin:10px 10px 20px;
}

h1{
	margin:0;
	padding:0;
	font-size:13px;
	color:#777;
	line-height: normal;
	transition: .3s;
}

header.is-animation h1{
	display: none;
	transition: .3s;
}

h2{
	line-height: normal;
	font-size:40px;
	padding:40px 0;
	margin:0 0 10px;
	text-align: center;
	background: url("img/title1_bg.jpg?20210722")no-repeat center center;
	-moz-background-size:cover;background-size:cover;
	font-family: "リュウミン B-KL" , 'Noto Serif JP', serif;
	font-weight: 400;
}

h2 div{
	line-height: normal;
	font-size:20px;
}

#ourservice h2,
#info h2{
	padding:0;
	background:none;
}

#about h2:after,
#faq h2:after{
	border-color:#FFF;
}

h3{
	line-height: normal;
	font-size:25px;
	padding:20px 0;
	margin:0 0 10px;
	text-align: center;
	color:#000;
}

h3:after{
	content:"";
	display:block;
	width:70px;
	margin:10px auto 0;
	border-bottom:#000 solid 5px;
}

.item_detail h3{
	padding:0 0 10px;
	margin:0;
}

h4{
	margin:20px 0 40px;
	padding:10px 0;
	font-size:23px;
	text-align: center;
	color:#514d15;
	border-top:#e2d988 solid 1px;
	border-bottom:#e2d988 double 3px;
}

header{
	margin:0;
	padding:0;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #FFF;
}

header .head{
	max-width: 1100px;
	margin: 0 auto;
}
/*
#mobnav{
	display:none;
	width:30px;
	float:right;
	cursor: pointer;
	padding:5px;
	text-align: center;
	font-size:10px;
	background:#000;
	border:#FFF solid 1px;
	border-radius: 3px;
}

#mobnav span,
#mobnav div:before,
#mobnav div:after{
	display:block;
	height:3px;
	background:#FFFFFF;
	margin:5px 0;
}

#mobnav div:before,
#mobnav div:after{
	content:"";
	dispaly:block;
}
*/
#mobnav {
	position: relative;
	display: none;
	float:right;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#mobnav div {
	position: relative; }
#mobnav span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #999;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out; }
#mobnav span:nth-child(1) {
top: 0; }
#mobnav span:nth-child(2) {
top: 11px; }
#mobnav span:nth-child(3) {
top: 22px; }
#mobnav p.menu {
top: 28px;
right: -2px;
font-family: "新ゴ B" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 10px;
margin: 0;
position: absolute; }
header.open #mobnav span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg); }
header.open #mobnav span:nth-child(2) {
width: 0;
left: 50%; }
header.open #mobnav span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg); }

/*
header.is-animation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
	transition: .3s;
	background:#FFF;
  -webkit-animation: fadeinout .5s linear 0s 1;
	animation: fadeinout .5s linear 0s 1;
	-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}*/

@-webkit-keyframes fadeinout {
	0%{
		opacity:1;
	}
	50%{
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

header .clearfix{
	padding:0 10px;
	transition: .3s;
}

#head_l{
	width:230px;
	float:left;
	margin:20px 0 0;
	transition: .3s;
}

header.is-animation #head_l {
	margin:10px 0 0;
	transition: .3s;
}

#head_r{
	width:calc(100% - 480px);
	float:right;
	text-align: right;
	padding:0;
	margin:10px 0;
	transition: .3s;
}

#head_r ul{
	margin:0;
	padding:0;
	list-style: none;
	text-align: right;
	vertical-align: middle;
	line-height: normal;
	font-family: "新ゴ B" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

#head_r li{
	display:inline-block;
	vertical-align: middle;
}

#head_r li+li{
	margin-left:10px;
}

#head_r li:first-child{
	font-size:23px;
	font-weight: 900;
	line-height: normal;
}

#head_r li:first-child span{
	background:#000;
	margin:0 5px 0 0;
	padding:0 20px;
	color:#FFF;
	font-size:13px;
	font-weight: normal;
	border-radius:15px;
	vertical-align: middle;
}

#head_r li a{
	display:block;
	width:100px;
	background:#000;
	padding:2px 9px 2px 5px;
	color:#FFF;
	text-decoration:none;
	text-align: center;
}

#head_r li i {
	font-size: 20px;
	margin-top: 4px;
}

#gnav{
	margin:0;
	padding:0;
	
	background: linear-gradient(#4a4a4a, #171717 ) ;
	text-align: center;
	line-height: normal;
}

#gnav .bg{
	background: url("img/gnav_bg.png");
}

#gnav ul{
	margin:0 auto;
	padding:0;
	list-style: none;
	display: flex;
	max-width: 1100px;
	justify-content:center;
	align-items: center;	
}

#gnav li{
	box-sizing: border-box;
	width: 14.285714%;
	margin:0;
	padding:5px 2.5px;
	vertical-align: middle;
	/*font-family: "リュウミン B-KL",'Noto Serif JP', serif;*/
	font-family: "新ゴ B" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

#gnav li a{
	text-decoration: none;
	display: block;
	margin:0;
	padding:5px 20px;
	color:#FFF;
	border: 1px solid #1A1A1A;
	font-size: 16px;
}

#gnav ul li:first-child a{
	border: none;
	
}

.gnav_cap,
#gnav li a .gnav_cap{
	display:block;
	color:#9e984d;
	font-size:10px;
	font-weight: 400;
	font-family: "リュウミン B-KL",'Noto Serif JP', serif;
}

main{
	padding:0;
	position:relative;
	margin-top: 133px;
}

#top_slide{
	margin:0;
	padding:0;
}

#top_slide img{
	width:100%;
	height:auto;
}

#instagram {
	max-width: 1000px;
	margin: 30px auto;
}

#topcont1{
	padding:30px;
}

#topcont1 ul{
	max-width:1000px;
	margin:0 auto;
	padding:0;
	list-style: none;
}

#topcont1 li{
	margin:30px 0;
	padding:60px 30px;
	color:#FFF;
	background-size:50% auto, cover;
	background-position:right center, center center;
	background-repeat:no-repeat;
	font-size:18px;
	line-height: 200%;
}

#topcont1 li:nth-child(1){
	background-image:url("img/topcont1_1_img.jpg?20210722"), url("img/topcont1_1.png");
}

#topcont1 li:nth-child(2){
	background-image:url("img/topcont1_2_img.jpg?20210722"), url("img/topcont1_2.png");
	background-position:left center, center center;
	text-align: right;
}

#topcont1 li:nth-child(3){
	background-image:url("img/topcont1_3_img.jpg"), url("img/topcont1_3.png");
}

#topcont1 li:nth-child(4){
	background-image:url("img/topcont1_4_img.jpg"), url("img/topcont1_4.png");
	background-position:left center, center center;
	text-align: right;
}

#ourservice{
	background:url("img/ourservice_bg.jpg?20210722") no-repeat;
	background-size:cover;
	margin:0;
	padding:100px 0;
	text-align: center;
}

#ourservice ul{
	margin:0;
	padding:0;
	list-style: none;
	text-align: center;
	vertical-align: top;
}

#ourservice li{
	display:inline-block;
	background:rgba(255,255,255,0.7);
	margin:10px;
	padding:10px 10px 25px;
	width:300px;
}

#info{
	margin:0;
	padding:100px 0;
	text-align: center;
}

.ls_info{
	margin:0;
	padding:30px 0;
	list-style: none;
}

.ls_info li{
	margin:0;
	padding:10px;
	border-bottom:#c9c9c9 solid 1px;
	text-align: left;
}

.ls_info li > span{
	display:inline-block;
	vertical-align: top;
	margin:0 5px;
}

.date{
	width:100px;
}

.cat{
	background:#d8d8d8;
	margin:0 3px;
	padding:0 10px;
}

.news_tit{
	width:calc(100% - 230px);
}

#access iframe{
	width:100%;
	height:400px;
	vertical-align: bottom;
}

footer{
	margin:0;
	padding:40px 2% 10px;
	background:url("img/footer_bg.jpg?20210722") center center no-repeat;
	background-size:cover;
	color:#FFF;
}

footer .clearfix{
	max-width: 1100px;
	margin: 0 auto;	
}

footer a{
	color:#FFF;
	text-decoration: none;
}

#foot_l{
	width:270px;
	float:left;
}

#foot_l img{
	margin:0 0 20px;
	width: 200px;
}

#foot_r{
	width:calc(100% - 290px);
	float:right;
	text-align: right;
}

#foot_r ul{
	margin:0;
	padding: 0;
	list-style: none;
}

#foot_r li{
	display:inline-block;
	width:200px;
	margin:0;
	padding:0;
	vertical-align: top;
}

#foot_r li li{
	display:block;
	width:auto;
	text-align: left;
}

#foot_r li li:before{
	font-family: "Material Icons Round";
	content:"chevron_right";
	vertical-align: middle;
}

#foot_l a.btn2{
	display: block;
	width:auto;
	padding:5px 0;
	margin:15px 0 3px;
	text-align: center;
}

#foot_r li a.btn2{
	display: block;
	width:auto;
	padding:5px 10px 7px 0;
	margin:0 0 10px;
	text-align: center;
}

#foot_r li a.btn2 i{
	font-size: 20px;
	margin-top: 5px;
}

footer .copylight {
	font-size: 12px;
	text-align: center;
}

#footer_mob{
	display:none;
	width: 100%;
	margin:0;
	padding:0;
	text-align: center;
	position:relative;
}

#footer_mob ul{
	margin:0;
	padding:0;
	list-style: none;
	display:table;
	position:fixed;
	bottom:0;
	width:100%;
	border-top:#333333 solid 1px;
}

#footer_mob li{
	display:table-cell;
	margin:0;
	padding:0;
}

#footer_mob a{
	display:block;
	margin:0;
	padding:20px 0;
	text-decoration: none;
	color:#FFFFFF;
}

#footer_mob_tel{
	background:#394f0e;
}

#footer_mob_access{
	background:#3d1d12;
}

#footer_mob_reserve{
	background:#333333;
}

#footer_mob_ptop{
	width:10%;
	background:#000;
}

#footer_mob img{
	width:18px;
	height:auto;
	vertical-align: middle;
	margin:0 10px 0 0;
}

#movie video {
      width: 100%;
      height: auto; }


.gmap{
	margin:0;
	padding:5px;
	border:#D3D3CB solid 1px;
}

.gmap iframe{
	width:100%;
	height:340px;
	border:none;
	vertical-align: bottom;
}

.pagetop {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
	z-index: 999;
}

.pagetop a {
display: block;
width: 70px;
}

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

.cont{
	padding:20px;
}

#pmap{
	font-size:12px;
	color:#8A8A7B;
	margin:0 20px 10px;
	padding:0;
	text-align: right;
}

#pmap a{
	color:#8A8A7B;
}

#pagination {
clear:both;
padding:20px 0;
text-align: center;
font-size: 80%;
}

#pagination span, #pagination a {
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background:#000000;
}

#pagination a:hover{
background:#333333;
}

#pagination .current{
padding:6px 9px 5px 9px;
background:#333333;
color:#fff;
}

.btn1,
a.btn1,
.btn2,
a.btn2{
	background:#000;
	margin:0;
	padding:5px 15px 5px 25px;
	border-radius:15px;
	color:#FFF;
	text-decoration: none;
}

.btn2,
a.btn2{
	background:none;
	border:#FFF solid 1px;
}

.arrow_r{
	vertical-align: middle;
}

ul.tab,
ul.tab2{
	display:flex;
	list-style: none;
	margin:40px 0 0;
	padding:0;
	text-align: center;
	background:url("img/brdr.jpg") bottom repeat-x;
	justify-content: center;
}

ul.tab2{
	margin:20px 0 0;
}

.tab li,
.tab2 li{
	display:inline-block;
	margin:0 2px;
	padding:20px 40px;
	border:#CCC solid 1px;
	background:#CCC;
	cursor: pointer;
}

.tab2 li{
	padding:10px 20px;
	line-height: normal;
}

.tab li.select,
.tab2 li.select{
	background:#FFFFFF;
	border-bottom:#FFF solid 1px;
	font-weight: bold;
	font-family: "新ゴ B" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

ul.content,
ul.content2{
	margin:0;
	padding:0;
	list-style: none;
}

.content li,
.content2 li{
	margin:0;
	padding:40px 0;
}

.content2 li{
	padding:10px 0;
}

.hide{
	display:none;
}

.ls_item{
	margin:0;
	padding:0;
	list-style: none;
	text-align: center;	
	display: flex;
	flex-wrap: wrap;
}

.ls_item li{
	width:30%;
	margin:5px;
	padding:10px;
	vertical-align: top;
	border:#CCC solid 1px;
}

.ls_item li a{
	display:block;
	text-decoration:none;
}

.ls_item li img{
	display:block;
	margin:0 0 10px;
	max-width:100%;
	height:auto;
}

.item_detail{
	margin:0;
	padding:30px;
	text-align: center;
	max-width:700px;
}

/*--- list -------*/
ul.ls1,
ul.ls2,
ul.ls_col2{
	list-style: none;
	margin:0 0 30px;
	padding:0;
}

ul.ls2{
	margin:0;
}

.ls1 li{
	margin:0;
	padding:20px 0;
	border-bottom:#D3D3CB solid 1px;
}

.ls2 li{
	display:inline-block;
	margin:5px;
	padding:0 10px;
	background:#d8d8d8;
	border-radius:15px;
}

ul.ls_col2{
	text-align: center;
}

.ls_col2 li{
	width:45%;
	margin:10px;
	display:inline-block;
	vertical-align: top;
}

/*--- table -------*/
.tbl1,
.tbl2{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.tbl1 th{
	padding:10px;
	border:#DBCCC3 solid 1px;
	background:#EEE;
	color:#000;
	font-weight:bold;
	font-family: "新ゴ B" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.tbl1 td{
	padding:10px;
	border:#D8D3D2 solid 1px;
}

.item_detail .tbl1 th,
.item_detail .tbl1 td{
	padding:0;
}

.tbl2 th{
	padding:10px;
	border-bottom:#DBCCC3 solid 1px;
	color:#49463D;
}

.tbl2 td{
	padding:10px;
	border-bottom:#D8D3D2 solid 1px;
}

/*--- common -------*/
.w1{
	max-width:1200px;
	margin:0 auto;
}

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

.clearfix {
	zoom: 1;
}

.fl{
float:left;
}

.fr{
float:right;
}

.imgl{
float:left;
margin:0 10px 10px 0;
}

.imgr{
float:right;
margin:0 0 10px 10px;
}

.alignleft,
img.alignleft{
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright{
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter{
	margin-bottom: 12px;
}

.tr{
text-align:right;
}

.cntr,
.tr > .cntr{
text-align:center;
}

input[type="text"],
input[type="email"],
input[type="tel"]{
width:90%;
padding:10px;
}

select{
padding:10px;
}

input[type="number"]{
padding:10px 0;
width:50px;
}

textarea{
width:90%;
height:150px;
padding:10px;
}

input[type="submit"],
input[type="button"]{
font-size:20px;
padding:5px 60px;
background:#3E8776;
	color:#FFFFFF;
	border:none;
	cursor: pointer;
	border-radius: 20px;
}

.red,
.red a,
a.red{
color:#B22C00;
}

.blu{
	color:#ec3202;
}

.m10{
margin:10px;
}

.m10_0{
margin:10px 0;
}

.m20_0{
margin:27px 0;
}

.m10_20{
margin:10px 20px 20px;
}

.mb10{
margin-bottom:10px;
}

.mb20{
margin-bottom:20px;
}

.mb30{
margin-bottom:30px;
}

.p10_0{
padding:10px 0;
}

.p30_10{
	padding:30px 10px;
}

.pc0,
#gnav li.pc0{
display:none;
}

.cntr100{
text-align:center;
margin:100px 0;
padding:0;
}

.fs40{
	font-size:40px;
}

.fs30{
font-size:30px;
}

.fs25{
	font-size:25px;
}

.fs20{
font-size:20px;
}

.fs13{
font-size:13px;
}

.fs12{
font-size:12px;
}

.fs11{
font-size:11px;
}

.w48p{
width:48%;
margin:0 0 10px;
padding:0;
}

.w48p img{
max-width:90%;
}

@media only screen and (max-width:1390px){
	#ourservice li{
		margin:0;
		width:23%;
	}
}

@media only screen and (max-width:1200px){
	#head_r{
		width:calc(100% - 360px);
	}
	
	h1{
		font-size:11px;
	}
	
	#ourservice li{
		margin: 10px;
		width: 40%;
	}
	
	.w1{
		width:auto;
		padding:10px;
	}
	main {
		margin-top: 129px;
	}
}

@media only screen and (max-width:1130px){
	.ls_item li{
		width:45%;
	}
}

@media only screen and (max-width:1080px){
	#topcont1 li{
		padding:30px;
	}
	
	#head_l,
	#head_r{
		float:none;
		margin:10px auto;
		text-align: center;
	}
	header.is-animation #head_l {
		margin:10px auto;
		transition: .3s;
	}		
	#head_r{
		width:auto;
	}
	
	h1{
		display:none;
	}
	
	#head_r ul{
		text-align: center;		
	}
	main {
		margin-top: 159px;
	}
}

@media only screen and (max-width:1040px){
	#gnav li a{
		padding:10px;
	}
	
	.cont{
		margin:0;
		padding:5px;
	}
	
	#pmap{
		display:none;
	}
}

@media only screen and (max-width:980px){
	#foot_r li{
		width:150px;
	}
}

@media only screen and (max-width:950px){
	.w48p{
		width:90%;
		margin:10px auto;
	}
	
	.fl,
	.fr{
		float:none;
	}
}

@media only screen and (max-width:850px){
	body{
		padding:0 0 68px;
	}
	
	header {
		background: url("img/bg_header_w.png")repeat-x left bottom;
		height: 65px;
	}
	
	#mobnav{
		display:block;
		margin:0px 10px 0 0;
	}
	
	#head_r{
		display:none;
	}
	
	#head_l{
		width:200px;
		margin:9px 0px 0px 0px;
	}
	header.is-animation #head_l {
		margin:9px 0px 0px 0px;
		transition: .3s;
	}	
	
	main {
		margin-top: 62px;
	}
	
	#gnav{
		display:none;
		margin:0;
		padding:0;
		background:#000;
		width:100%;
		text-align: center;
		z-index: 9999;
		position:absolute;
		top:61px;
		left:0;
	}
	#gnav ul{
		display: flex;flex-wrap: wrap;
	}
	#gnav li{
		width: 50%;
		display:block;
		margin:0;
		font-size:14px;
		font-family: "新ゴ R" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		box-sizing: border-box;
		border-top:#333 dotted 1px;
	}
	
	#gnav li a{
		border: none;
	}
	
	#gnav li:nth-child(even){
		
		border-left: #333 dotted 1px;
	}
	
	.gnav_cap,
	#gnav li a .gnav_cap{
		display:none;
	}
	
	.pc0,
	#gnav li.pc0{
		display:block;
	}
	
	#topcont1 li{
		font-size:100%;
	}
	
	footer{
		display:none;
	}
		
	.pagetop{
		display:none;
	}
	
	#footer_mob{
		display:block;
		z-index: 120;
	}
	
	.tbl2 th,
	.tbl2 td{
		display:block;
	}
	
	.tbl2 th{
		border:none;
		padding-bottom:0;
		text-align: left;
	}
}

@media only screen and (max-width:830px){
	#topcont1 li,
	#topcont1 li:nth-child(2),
	#topcont1 li:nth-child(4){
		background-size:cover;
		background-position:bottom, center;
		text-align: center;
		text-shadow: 0 -2px 2px #000,
    	-2px 0 2px #000,
    	2px 0 2px #000,
    	0 2px 2px #000;
	}
	
	#topcont1 li img.imgr{
		float:none;
		margin:10px auto;
		display:block;
	}
}

@media only screen and (max-width:800px){
	.ls_col2 li{
		display:block;
		width:auto;
	}
	
	.tab li,
	.tab2 li{
		padding:10px;
	}
}

@media only screen and (max-width:760px){
	.ls_item li{
		width:40%;
	}
}

@media only screen and (max-width:700px){
	.ls_info li > span.news_tit{
		display:block;
		width:auto;
	}
	
	#access iframe{
		height:300px;
	}
	
	.item_detail{
		padding:10px;
	}
	
	.item_detail .fs13{
		font-size:9px;
	}
	
	.item_detail th,
	.item_detail td{
		padding:3px;
	}
	
	.fl,
	.fr{
	float:none;
	}

	.imgl,
	.imgr,
	.alignright,
	img.alignright,
	.alignleft,
	img.alignleft{
	float:none;
	margin:10px auto;
	display:block;
	}
}

@media only screen and (max-width:670px){
	#ourservice{
		background:#d8d8d8;
		padding:30px 0;
	}
	
	#ourservice li{
		margin: 10px;
		padding:10px;
		width: auto;
	}
	
	#ourservice img{
		width:40%;
		height:auto;
		float:left;
		margin:0 10px 0 0;
	}
	
	#info{
		padding:30px 0;
	}
}

@media only screen and (max-width:640px){
	.of_scroll{
		overflow-x: scroll;
	}
}

@media only screen and (max-width:600px){
	.tab li,
	.tab2 li{
		font-size:13px;
		padding:10px 5px;
	}
	
	.bg1{
		padding:20px;
	}
	
	p{
	margin:10px;
		}
	
	h2{
		font-size:24px;
		padding:20px 0;
	}
	
	h3,
	h4{
		font-size:18px;
	}
	
	.ls_item li{
		width:auto;
		display:block;
	}
}

@media only screen and (max-width:500px){
	body{
		font-size:80%;
	}
	
	#ourservice img{
		width:auto;
		float:none;
		margin:0;
	}
	

	.tab2 li span{
		display:block;
	}
}

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

	
	ul.tab,
	ul.tab2{
		margin:0;
	}
	
	.tab li,
	.tab2 li{
		font-size:11px;
		padding:5px;
	}
}

@media screen and (min-width: 850px), print {
  .pc-none {
    display: none; } }
@media screen and (max-width: 849px) {
  .sp-none {
    display: none; }
 }

/*TOPページインフォメーション*/
.information-box {
	width: 92%;
	max-width: 800px;
	margin: 40px auto;
	border: #55322E 5px solid;
	padding: 20px 30px;
	box-sizing: border-box;
}


.information-box h3:after{
	border-bottom:none;
}

.information-box .txt2{
	text-align: right;
	margin-top: 25px;
}


/*TOPページチケット*/
.ticket{
	background: url("img/bg_ticket.jpg");
background-size:cover;
padding:0.3rem;
box-shadow:1px 1px 6px rgba(10,5,0,0.5);
color:#433;
max-width:800px;
border:1px solid rgba(30,5,0,0.12);
	margin: 30px auto;
}
.ticket-inner{
padding:0 0.7rem;
display:flex;
justify-content:space-between;
align-items:center;
border:2px solid rgba(30,5,0,0.5);
border-radius:2px;
text-align:center;
}
.ticket-left{
width:65%;
border-right:1px dashed #976;
padding:0.7rem 1rem 0.7rem 0;
}
.ticket-code{
font-weight:bold;
font-size:2.2rem;
line-height:1.8;
}
.ticket-name{
border-top:1px solid #666;
padding:0.4em 0 0 0;
line-height:1.8;
font-size:1rem;
}
.ticket-right{
width:30%;
padding:0.7rem 0;
line-height:1.8;
}
.ticket-price{
font-weight:bold;
font-size:180%;
}
.ticket-ppp{
border-bottom:1px solid #666;
padding-bottom:6px;
margin-bottom:6px;
}
.ticket-btn1 a {
background: #433;
margin: 0;
padding: 5px 15px 5px 25px;
border-radius: 15px;
color: #FFF;
text-decoration: none;
display: block;
	margin-top: 10px;
}

@media screen and (max-width: 849px) {
.ticket{
max-width:92%;
margin: 30px auto;
}
.ticket-inner{
padding:0 0.7rem;
display:block;
}
.ticket-left{
width:100%;
border-right:none;
border-bottom:1px dashed #976;
padding:0.7rem 1rem 0.7rem 0;
}
.ticket-code{
font-size:1.8rem;
line-height:1.8;
}
.ticket-name{
font-size:0.8rem;
}
.ticket-right{
width:90%;
margin-left:auto;
margin-right: auto;
}

 }