body {
 background-color: #f4f1e9;
 color: #333;
 -webkit-text-size-adjust: 100%; /* iOS対策 */
 -ms-text-size-adjust: 100%; /* iOS対策 */
}

/*リンク文字*/
a {
	text-decoration: underline;
}
a:link {
	color: #1122cc;
}
a:hover{
	color: #ffa500;
}
a:active{
	color: #068681;
}



/*-------------------------
　　汎用
--------------------------*/
.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom: 50px;}
.ml10{margin-left:10px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}

.tal{text-align:left;}.tar{text-align:right;}.tac{text-align:center;}
.fr{float:right;}.fl{float:left;}
.fwb{font-weight: bold;}

p {
  line-height: 1.75;
  margin: 0 1em .8em;
  font-size: 16px;
}

p.fLL {
 font-size: 24px;
 font-weight: bold;
 text-align: center;
}

.section {
	margin: 0 .8em 5em;
}
.fss {
	font-size: 0.9em;
}
.kome {
	margin-left: 2em;
	text-indent: -1.3em;
	line-height: 150%;
	font-size: 0.95em;
}
.kome:before {
	content: "※";
	color: #e60000;
	margin-right: .3em;
  font-weight: bold;
}

.u {
     text-decoration:underline;
}
.w70 {
 width: 70%;
}
.red {
	color: #e60000;
	font-weight: bold;
}
.ora {
 color: #ed5700;
}
.blue {
 color: #01893f;
}

.price {
 font-size: 1.2em;
 color: #e60000;
 font-family: 'Hiragino Kaku Gothic ProN' Meiryo;
 font-weight: bold;
 padding: 0 .2em;
}
.box_small {
 width: 80%;
 margin: 50px auto;
 font-size: 0.8em;
 padding: 1em 1.5em;
 line-height: 150%;
 border: solid 1px #aaa;
}


/*-------------------------
　　基本設計
--------------------------*/
#wrapper {
	width: 980px; /*--横幅改変OK --*/
	max-width: 100%;
	margin: 0px auto;
	background: #fff;
}
	
#header {
 background: url(../img/bg.jpg) center center no-repeat;
 height: 280px;
 background-size: contain;
 }
#contents {
	padding: 10px 30px 50px;
}


/*段落*/
#header h1 {
 text-indent: -9999px;
}


h2 {
 clear: both;
 border-top: #01893f double 3px;
 border-bottom: #01893f double 3px;
 padding: 1.5em 0.5em;
 margin-top: 2em;
 margin-bottom: 1.2em;
 color: #333;
 font-weight: 800;
 font-size: 1.4em;
}
h2 span {
 font-size: 0.7em;
 margin-left: 2em;
}

h3 {
 font-size: 1.3em;
	clear: both;
	margin-top: 50px;
	margin-bottom: 20px;
	padding-left: 10px;
	color: #01893f;
	line-height: 200%;
	border-bottom: dotted 1px #01893f;
}
h3 span {
 font-size: 0.8em;
 margin-left: 2em;
}
h4 {
 font-size: 18px;
 margin-left: 1.2em;
 font-weight: bold;
 color: #01893f;
 line-height: 150%;
 margin-bottom: 10px;
}
h4:before {
 content: "◆";
}


/*-- menu --*/
#menu ul {
 display: flex;
 flex-wrap: wrap;
 list-style-type: none;
 justify-content:space-around;
 background: #01893f;
 margin: 0;
 padding: 0;
}
#menu ul li {
 margin: 0;
 padding: 0;
}
#menu ul li a {
 display: block;
 text-align: center;
 padding: .5em .8em;
 text-decoration: none;
 background: #01893f;
 text-shadow: -1px -1px 0 #002410;
 color: #fff;
 font-weight: bold;
 margin: 0;
}
#menu ul li a:hover {
 background: #369c50;
}

/*お知らせ*/
.osirase {
 border:#01893f solid 3px;
 border-radius: 5px;
 font-weight: bold;
 color: #01893f;
 width: 80%;
 margin: 20px auto 30px;
 padding: .5em 1em 0em;
}
 




/* ツアー選択ボタン */
.tour_btn {
 width: 70%;
 margin: 0 auto;
 overflow: hidden;
}
.tour_btn li {
 width: 45%;
 list-style-type: none;
 float: left;
 font-size: 0.8em;
 line-height: 160%;
 text-align: center;
}
.tour_btn a {
 display: block;
 background: rgb(255,183,107);
 background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%);
 background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%);
 background: linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-shadow: -1px -1px 0 #db6c04;
 text-decoration: none;
 border: double 3px #fff;
 box-shadow: 1px 1px 5px #888;
 border-radius: 8px;
 padding: .8em 0;
 line-height: 150%;
 font-size: 16px;
 margin-bottom: 10px;
}
.tour_btn a:hover {
background: rgb(252,234,187);
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
}
.tour_btn_sp {
 padding: 1.6em 0 !important;
}

/*table*/
table {
	width: 100%;
	font-size: 1em;
}

table,td,th {
	border: solid 1px #01893f;
	text-align: center;
	line-height: 150%;
}

td,th {
	font-size: 0.9em;
	padding: 8px;
	vertical-align:middle;
}

th {
	background: #c4e1cb;
	color: #01893f;
	text-shadow: 1px 1px 0 #fff;
	font-size: 0.8em;
	vertical-align:middle;
}
.shitami {
 background: #ffc8ba;
}
.w05 {
 width: 5%;
}
.w20 {
 width: 20%;
}
.w25 {
    width: 25%;
}
.w30 {
 width: 30%;
}
.t_box {
	width: 80%;
	font-size: 0.7em;
	line-height: 150%;
	border: #666 solid 1px;
	padding: 5px 8px;
	margin: 10px auto;
}
.period {
	font-weight: 600;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */
	color: #fff;
	padding: .8em 1em;
	font-size: 1.1em;
	text-align: center;
	border: #fff double 5px;
	line-height: 120%;
	width: 80%;
	margin: 0px auto;
	text-shadow: -1px -1px 0 #005700;
	border-radius: 10px;
	margin-bottom: 10px;
 box-shadow: 1px 1px 2px #333;
}
.blue {
 color: #01893f;
}
.date {
 font-weight: bold;
 color: #ed5700;
 text-align: center;
 font-size: 24px;
 margin-top: 0;
 margin-bottom: 20px;
}
.s_date {
 margin-bottom: 0;
 text-align: center;
}


.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
	color: red;
	font-size: 16px;
	font-weight: 800;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/*-------------------------
　　リスト
--------------------------*/
dl,dt,dd {
	line-height: 130%;
	margin-left: 0.5em;
	margin-bottom: .3em;
}
dt,dd {
	font-size: 16px;
}


/* 横並びリスト用 */
.t_list {
 margin: 30px;
}
.t_list dl {
width: 100%;
}
.t_list dt {
	float: left;
    margin-left: 1.5em;
    padding: 3px 2px;
	font-weight: 600;
	color: #01893f;
	line-height: 160%;
}
.t_list dd {
	clear: left;
	margin-left: 2.5em;
    padding: 3px 2px;
	line-height: 160%;
}

.t_llist dt {
	width: 16em;
	float: left;
	clear: left;
	text-align: right;
	padding: 2px 0;
	font-weight: 600;
	color: #01893f;
}
.t_llist dd {
	margin-left: 17.2em;
	padding: 2px;
}





ol, ul {
	margin-top: 5px;
	margin-bottom: 10px;
}

li:last-child {
	margin-bottom:1.3em;
}
.o_list {
	margin-left: 3em;
}
.u_list {
	margin-left: 2.4em;
}
.o_list li,
.u_list li {
	line-height: 160%;
	margin-bottom: .5em;
}






/*-------------------------
　　footer
--------------------------*/
#footer {
	border-top: #888 solid 1px;
	padding-bottom: 2em;
}
#footer p {
	text-align: center;
	font-size: 0.7em;
	line-height: 200%;
	margin: 10px 0 50px;
	color: #666;
}


.button a {
 display: block;
 width: 80%;
 margin: 0 auto 30px;
 padding: .8em;
 border-radius:5px;
 text-align: center;
 color: #fff;
 text-shadow: -1px -1px 0 #002410;
 font-weight: bold;
 font-size: 1.2em;
 background: #358e50;
 text-decoration: none;
}
.button a:hover {
 background: #0060a7;
}

.btn a {
 display: block;
 width: 80%;
 margin: 0 auto 30px;
 padding: .3em;
 border-radius:5px;
 text-align: center;
 color: #fff;
 text-shadow: -1px -1px 0 #6B0505;
 font-weight: bold;
 font-size: 1.2em;
 background: #358e50;
 text-decoration: none;
}
.btn a:hover {
 background: #0060a7;
}



/*-------------------------
　　totop
--------------------------*/
#back-top {
	position: fixed;
	bottom: 10px;
	right: 40px;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #01893f;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #d4e653;
}
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #01893f url(../img/totop.png) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 0.6;
}
#back-top a:hover span {
	background-color: #d4e653;
}