/*  全体
----------------------------------------------- */
@charset "utf-8";

* 	{
	margin: 0;
	padding: 0;
	}


body {
	color:#000;
	font-size : 1em;
	line-height: 1.8;
	font-family:'Century Gothic','Futura','ヒラギノ角ゴ Pro W5','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	}

a img {
	    -webkit-transition: 0.3s ease-in-out;
	       -moz-transition: 0.3s ease-in-out;
	         -o-transition: 0.3s ease-in-out;
	            transition: 0.3s ease-in-out;
	}
	a:hover img {
	    opacity: 0.6;
	    filter: alpha(opacity=60);
	}

a:hover {
	color:#ff86c3;
	}

h1 {position: absolute; top: -5000px;}

h2 {
	font-size : 2.9em;
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ', Meiryo, serif;
	line-height: 1.3;
	color:#a8005d;
	-webkit-text-shadow:2px 2px 8px #FFF,2px 2px 8px #FFF;
	-moz-text-shadow:2px 2px 8px #FFF,2px 2px 8px #FFF;
	-o-text-shadow:2px 2px 8px #FFF,2px 2px 8px #FFF;
	text-shadow:2px 2px 8px #FFF,2px 2px 8px #FFF;
	}

h3 {
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ', Meiryo, serif;
	font-size : 2em;
	line-height: 1.4;
	color:#a8005d;
	}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*  フォント
----------------------------------------------- */

.b1 {
	font-size: 3em;
	line-height: 1.4;
	color:#ff008d;
	font-weight:bold;
	}

.b2 {
	font-size: 2.2em;
	line-height: 1.4;
	color:#ff008d;
	font-weight:bold;
	}

.b3 {
	display:inline;
	background: url(images/marker.png)repeat-x bottom;
	font-size: 1.5em;
	line-height: 1.6;
	font-weight: bold;
	}

.b4 {
	font-size: 1.8em;
	line-height: 1.6;
	color:#ff008d;
	font-weight:bold;
	}

.b5 {
	font-size: 1.5em;
	line-height: 1.6;
	color:#ff008d;
	font-weight: bold;
	}

.b6 {
	font-size: 1.2em;
	line-height: 1.6;
	color:#a8005d;
	font-weight: bold;
	}

.b7 {
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: bold;
	color:#ff008d;
	}

.b8 {
	color:#a8005d;
	font-weight: bold;
	}

.b9 {
	color:#ff008d;
	font-weight: bold;
	}

.b10 {
	font-size: 0.8em;
	color:#FF3300;
	font-weight: bold;
	}

.b11 {
	font-size: 2.5em;
	}

.b12 {
	font-size: 3.2em;
	}

br.sm{display:none;}

/*  画像
----------------------------------------------- */

img.top {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
}

img.top2 {
	display:none;
}

.bgmaximage{
	position: fixed !important;
	bottom: 0;
	left: 0;
	display:none;
	overflow: hidden;
	}

.full {
	width: 100%;
	height: auto;
	}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	}

.trip {
	position: relative;
	float:left;
	width:225px;
	height: auto;
	padding: 0 5px 10px 0;
	}

/*  ヘッダー
----------------------------------------------- */

header {
	display: block;
	margin: 0;
	padding-bottom: 30px;
	background: url(images/bg1.png) no-repeat bottom;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}



/*  トップページ
----------------------------------------------- */

#entry1 {
	margin: auto;
	margin-top: -30px;
	width: 460px;
	padding: 28px 50px 50px 50px ;
	background: url(images/entry1.png) no-repeat top;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

#entry1 table { width:100%; }

#entry1 th {
	border: 0;
	padding:3px;
	width: 40%;
	text-align:right;
	}

#entry1 td {
	border: 0;
	padding:3px;
	}

input.touroku_name {
	width:60%;
	height:24px;
	padding:3px;
	font-size:16px;
	border:1px solid #000;
	}

input.touroku_mail {
	width:90%;
	height:24px;
	padding:3px;
	font-size:16px;
	border:1px solid #000;
	}

#entry1 input#confirm {
	width:380px;
	margin-top:5px;
	height:auto;
	}

#entry1 th label,#entry2 th label {
	color: #FFF;
	-webkit-text-shadow:0px 0px 5px #493000;
	-moz-text-shadow:0px 0px 5px #493000;
	-o-text-shadow:0px 0px 5px #493000;
	text-shadow:0px 0px 5px #493000;
	}

#entry1 input#confirm, #entry2 input#confirm {
	background: url(images/botan.png) no-repeat top;
	}

#entry1 input#confirm:hover, #entry2 input#confirm:hover {
	background: url(images/botan2.png) no-repeat top;
	}

#entry1 input#confirm, #entry1 input#confirm:hover, #entry2 input#confirm, #entry2 input#confirm:hover {
		transition-property:background;
		transition-duration:0.5s;
		transition-timing-function:ease;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto;
	}


#container {
	display: block;
	position: relative;
	}


.content {
	width: 100%;
	padding: 1px 0;
	margin: 0;
	background: url(images/bg2.jpg) repeat-y top;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.content2 {
	width: 100%;
	padding: 0;
	margin:0;
	}

.subhead {
	margin: auto;
	margin-bottom: 35px;
	padding: 20px 10% 20px 12%;
	width: 78%;
	max-width: calc(1000px - 22%);
	background: url(images/subhead-bgb.png) no-repeat bottom;
	text-align: center;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.subhead3 {
	margin: auto;
	margin-bottom: 15px;
	width: 100%;
	padding: 30px 0 20px 0;
	text-align: center;
	background: url(images/subhead-bg2.png) no-repeat top;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.honbun {
	margin: 0 auto;
	font-size: 1.2em;
	padding: 40px 105px 50px 105px;
	width: 690px;
	background: url(images/waku2.png) repeat-y top center;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.honbun-img1 {background: url(images/waku1.png) no-repeat bottom center;}
.honbun-img2 {background: url(images/waku3.png) no-repeat top center;}

.honbun-img1,.honbun-img2 {
	margin: 0 auto;
	width: 900px;
	padding: 0px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.honbun-img1 img,.honbun-img2 img {
	width: 100%;
	height:auto;
	padding: 0px;
	}

li.ya {
	background: url(images/ya3.png) no-repeat top left;
	padding: 0 0 0 27px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.2;
	color:#a8005d;
	font-weight:bold;
	margin-bottom: 20px;
	}

li.ya2 {
	background: url(images/ya4.png) no-repeat top left;
	padding: 0 0 0 27px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.2;
	color:#a8005d;
	font-weight:bold;
	margin-bottom: 10px;
	}

.blet-honbun {
	margin: 0 auto;
	margin-top:-8px;
	font-size: 1.2em;
	padding: 30px 120px 50px 120px;
	width: 660px;
	border:1px solid #ff86c3;
	background: url(images/blet-bg.png) repeat-y top;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

ul.blet {
	margin: auto;
	padding: 1px 0px;
	}

ul.blet li {
	background: url(images/ya.png) no-repeat top left;
	padding: 0 0 0 40px;
	list-style: none;
	font-size: 1.3em;
	line-height: 1.4;
	color:#a8005d;
	font-weight: bold;
	margin-bottom: 35px;
	}

#entry2 {
	margin: auto;
	width: 500px;
	padding: 50px 130px 80px 130px ;
	background: url(images/entry2.png) no-repeat top;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	color: #000;
	}

#entry2 table { width:100%; }

#entry2 th {
	border: 0;
	padding:5px;
	width: 35%;
	text-align:right;
	}

#entry2 td {
	border: 0;
	padding:3px;
	}

#entry2 input#confirm {
	width:450px;
	height:auto;
	margin-top: 15px;
	}



table.info {
	width:100%;
	}

table.info td,table.info th {
	background: #FFF;
	padding:15px;
	border-bottom:1px dotted #a8005d;
	}

table.info th {
	width:25%;
	text-align:center;
	}


/*  フッター
----------------------------------------------- */
footer {
        clear:both;
	font-size: 12px;
	color:#FFF;
        padding: 10px 0;
	text-align: center;
	background: #8c3b68;
	border-top: 2px solid #ff008d;
	}

footer a {
	color:#FFF;
	}

.m5 {margin-bottom: 5px;}
.m20 {margin-bottom: 20px;}
.m30 {margin-bottom: 30px;}
.m40 {margin-bottom: 40px;}
.m50 {margin-bottom: 50px;}
.m60 {margin-bottom: 60px;}
.m70 {margin-bottom: 70px;}
.m80 {margin-bottom: 80px;}
.m90 {margin-bottom: 90px;}
.m-10 {margin-top: -10px;}
.m-20 {margin-top: -20px;}
.m-30 {margin-top: -30px;}

/*media Queries 
----------------------------------------------------*/
@media only screen and (max-width: 640px) {

body {
	font-size : 0.9em;
	line-height: 1.8;
	background:#FFF;
	}

.content {
	padding-top: 30px;
	}

.subhead br,.subhead3 br {display: none;}

br.sm{display:inline;}

header {
	padding-bottom: 0;
	background: #FFF url(images/bg1.png) no-repeat bottom;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

h2 {
	font-size : 2.4em;
	line-height: 1.2;
	}

h3 {
	font-size : 1.8em;
	line-height: 1.2;
	}

.b1 {font-size: 2em;}

.b2 {font-size: 1.8em;}

.b3 {font-size: 1.4em;}

.b4 {font-size: 1.6em;}

.b5 {font-size: 1.4em;}

.b11 {font-size: 1.8em;}

.b12 {font-size: 2.2em;}


img.top {
	display:none;
	}

img.top2 {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	}

.alignright {
	width:50%;
	margin: 0 0 0.5em 0.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	}

.trip {
	width:48%;
	padding: 0 2% 5px 0;
	}


.honbun {
	margin: 0;
	width: 84%;
	font-size: 1em;
	padding: 20px 7% 30px 9%;
	}

.honbun-img1,.honbun-img2 {
	width: 100%;
	}

.subhead {
	width: 83%;
	text-align: center;
	padding: 10px 5% 15px 12%;
	}

.subhead3 {
	margin-bottom: 15px;
	width: 100%;
	padding: 15px 0% 0px 0%;
	}

li.ya,li.ya2 {
	padding: 0 0 0 20px;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	-o-background-size:12px auto;
	background-size:12px auto;
	}


.blet-honbun {
	margin-top:0px;
	padding: 10px 8% 5px 8%;
	width: calc(84% - 2px);;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.blet-img {
	width: 100%;
	}

ul.blet {
	padding: 0 2% 0 2%;
	}

ul.blet li {
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	-o-background-size:20px auto;
	background-size:20px auto;
	padding: 0 0 0 22px;
	font-size: 1.2em;
	margin-bottom: 20px;
	}

#entry1 {
	margin-top: -15px;
	width: 90%;
	padding: 20px 5% 30px 5%;
	}

#entry2 {
	margin-top: 5px;
	width: 90%;
	padding: 5px 5% 30px 5%;
	background: url(images/entry-sp2.png) no-repeat top;
	-webkit-background-size:88% auto;
	-moz-background-size:88% auto;
	-o-background-size:88% auto;
	background-size:88% auto;
	}

#entry2 input#confirm {
	margin-top: 5px;
	}

table.info {
	width:99%;
	}

table.info td,table.info th {
	padding:5px 1%;
	}

table.info th {
	width:30%;
	}

.privacy {
	width: 90%;
	padding: 10px 3%;
	margin-top: 10px;
	}

#page-top {
	bottom: 0px;
	right: 0px;
	}

.m20 {margin-bottom: 10px;}
.m30 {margin-bottom: 15px;}
.m40 {margin-bottom: 20px;}
.m50 {margin-bottom: 25px;}
.m60 {margin-bottom: 30px;}
.m70 {margin-bottom: 35px;}
.m80 {margin-bottom: 40px;}
.m90 {margin-bottom: 45px;}
.m-10 {margin-top: -5px;}
.m-20 {margin-top: -15px;}
.m-30 {margin-top: -20px;}


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

#entry1 {
	margin-top: 0px;
	padding: 0px 5% 30px 5%;
	background: url(images/entry-sp1.png) no-repeat top;
	-webkit-background-size:90% auto;
	-moz-background-size:90% auto;
	-o-background-size:90% auto;
	background-size:90% auto;
	}

#entry2 input#confirm {
	width:90%;
	height:auto;
	margin-top:5px;
	}
}

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

#entry1,#entry2 {
	width: 94%;
	padding: 0px 3% 30px 3%;
	-webkit-background-size:95% auto;
	-moz-background-size:95% auto;
	-o-background-size:95% auto;
	background-size:95% auto;
	}

#entry2 input#confirm {
	width:95%;
	}

.subhead {
	width: 90%;
	padding: 10px 3% 10px 7%;
	}

}

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

.content {
	padding-top: 20px;
	}

#entry1,#entry2 {
	width: 96%;
	padding: 0 2% 30px 2%;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

#entry1 th,#entry2 th {
	padding:1px;
	width: 40%;
	font-size:11px;
	}

#entry1 td,#entry2 td {
	padding:1px;
	font-size:12px;
	}

input.touroku_name {
	width:70%;
	height:20px;
	padding:2px;
	font-size:14px;
	}

input.touroku_mail {
	width:90%;
	height:20px;
	padding:2px;
	font-size:14px;
	}

#entry1 input#confirm {
	width:95%;
	height:auto;
	margin-top:5px;
	}

li.ya,li.ya2 {
	padding: 0 0 0 15px;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
	}

}

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

.content {
	padding-top: 0px;
	}

.m-10 {margin-top: -20px;}


h2 {font-size : 2em;}

h3 {font-size : 1.6em;}

.b2 {font-size: 1.4em;}

.b5 {font-size: 1.2em;}

.b11 {font-size: 1.7em;}

.b12 {font-size: 2.1em;}

ul.blet li {
	font-size: 1.1em;
	}

}