body {
	margin: 0px;padding: 0px;
	color: #666;	/*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	-webkit-text-size-adjust: none;
	background: #fff;	/*背景色*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

.main-title {
    position: relative;
    margin-top: -30px;
    top: 100px;
    z-index: 100;
}

.main-visual {
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
.main-visual img {
    z-index: 1;
    position: absolute;
    top: 100px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
 
.main-visual video {
    margin: 0 auto;
    z-index: 2;
    width: 100%;
}

#container {overflow-x: hidden;}

.contents {
	clear: both;
	max-width: 1200px;	/*最大幅。#header、#menubar、#pagetopと数字を合わせる*/
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0;
}
.contents h2 {
	clear: both;
	margin-bottom: 15px;
	padding: 8px 20px;	/*上下、左右への余白*/
	background: #62c7b5;	/*背景色（古いブラウザ用）*/
	color: #fff;	/*文字色*/
	border-radius: 10px;	/*角丸のサイズ*/
}
.contents h3 {
	clear: both;
	margin-bottom: 15px;
	padding: 6px 20px;	/*上下、左右への余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 10px;		/*角丸のサイズ*/
}
.contents h3.type2 {
	border: none;
	background: #333;	/*背景色*/
	color: #fff;		/*文字色*/
}
.type1 {
	background: none !important;
	border-radius: 0 !important;
	color: #62c7b5 !important;
	line-height: 1.3 !important;
	font-weight: normal !important;
	font-size: 50px !important;
	text-align: center !important;
	border: none !important;
	border-bottom: 1px dashed #62c7b5 !important;
	margin-bottom: 20px !important;
	letter-spacing: 0.2em !important;
	text-shadow: 8px 8px #eee !important;
}
.contents p {
	padding: 0px 20px 15px;	/*上、左右、下への余白*/
}
.contents h2 + p,
.contents h3 + p {
	margin-top: -5px;
}

.main {
	float: right;	/*右に回り込み*/
	width: 75%;		/*ボックス幅*/
}

.sub {
	float: left;	/*左に回り込み*/
	width: 20%;	/*幅*/
}
.sub h2 {
	padding-bottom: 10px;
	background: none;
	padding: 0;
	color: #666;
}
.sub h2::first-letter {
	border-left: 3px solid #b5b5b5;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;
}

.fr {float: right;margin-left: 1%;margin-bottom: 15px;width: 45%;}
.fl {float: left;margin-right: 1%;margin-bottom: 15px;width: 45%;}
.fs1 {font-size: 22px;}

.type1 {
	font-size: 40px !important;
}

.main, .sub {
	float: none;
	width: auto;
}
section#new h2.open {
	background: #62c7b5 url(../images/btn_minus.png) no-repeat right center/34px 34px;
}
section#new h2.close {
	background: #62c7b5 url(../images/btn_plus.png) no-repeat right center/34px 34px;
}

.ta2 {
	font-size: 14px;
}
.ta2 th {
	width: 140px;	/*幅*/
}
.ta2 img.menu-img {
	width: 100px;
}



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

header {
	text-align: left;	/*内容を左寄せに変更*/
}
#logo img {
	width: 220px;	/*画像幅*/
	padding-top: 38px;	/*画像の上にあける余白*/
}
.list {
	width: 30%;	/*ボックスの幅*/
}
#coupon p {
	left: 0%;
	width: 90%;
}
.ta1 th {
	width: 90px;
	padding: 5px;
}
.ta1 td {
	width: auto;
	padding: 5px;
}
.ta2 img.menu-img {
	float: none;
	display: block;
}
.ws,.wl {width: 95%;}
.fr,.fl {float: none;margin: 0;margin-bottom: 10px;width: 100%;}
.sh {display: block;}
.pc {display: none;}
}


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

body {
	font-size: 12px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
}


.fs1 {font-size: 14px;}

}