/*--------------------------------
ヘッダー
--------------------------------*/
/* #header{
	width: 100%;
	height: 132px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 26px;
}
#headerBg{
	width: 100%;
	height: 132px;
	background: url(../images/bg_header.png) no-repeat center top;
}
#headerWrap{
	width: 1010px;
	height: 132px;
	margin: 0 auto;
	background: url(../images/bg_header_top.png) repeat-x;
}
#header .headWrap{
	width: 290px;
	height: 117px;
	background: url(../images/bg_logo.png) no-repeat;
	float: left;
}
#header .logo{
	width: 205px;
	margin-top: 10px;
	margin-left: 10px;
}
#header .siteID{
	width: 126px;
	text-align: right;
	float: right;
}
#header .siteID a{
	padding-right: 10px;
	color: #fff;
	font-size: 0.93em;
	line-height: 30px;

}
#header .topCopy{
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 52px;
	text-align: center;
}
#header h2{
	margin-right: 1px;
	float: right;
}
#searchNav{
	padding: 10px 0;
	border-bottom: solid 2px #004097;
	background: #e6e6e6;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #d3d3d3 50%, #cbcbcb 75%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(50%,#d3d3d3), color-stop(75%,#cbcbcb), color-stop(100%,#cfcfcf));
	background: -webkit-linear-gradient(top, #e6e6e6 0%,#d3d3d3 50%,#cbcbcb 75%,#cfcfcf 100%);
	background: -ms-linear-gradient(top, #e6e6e6 0%,#d3d3d3 50%,#cbcbcb 75%,#cfcfcf 100%);
	background: linear-gradient(to bottom, #e6e6e6 0%,#d3d3d3 50%,#cbcbcb 75%,#cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cfcfcf',GradientType=0 );
}
#searchNavWrap{
	width: 1000px;
	margin: 0 auto;
}
#searchNavLeft{
	width: 690px;
	float: left;
}
#searchNav table{
	width: 100%;
	height: 30px;
	margin: 0 auto;
	font-size: 0.93em;
	color: #4b4b4b;
}
#searchNav table:first-child{
	margin-bottom: 5px;
}
#searchNav table th{
	padding: 0 8px;
	font-weight: normal;
	text-align: left;
}
#searchNav table td{
	padding: 0 8px;
}
#searchNav table td.team{
	width: 380px;
}
#searchNav table td.btn{
	width: 122px;
	text-align: right;
}
#searchNav select,
#searchNav select option{
	width: 100%;
	min-height: 25px;
}
#searchNav input.keyword{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 24px;
	padding: 0 7px;
	border: none;
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f3f3f3), color-stop(53%,#ececec), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 49%,#ececec 53%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 49%,#ececec 53%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 49%,#ececec 53%,#f2f2f2 100%);
	font-size: 0.83em;
	font-weight: normal;
} */
.btnCatalogue{
	width: 260px;
	float: right;
}

/*--------------------------------
メインコンテンツ
--------------------------------*/
#article{
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0 7px;
	background: #fff;
	display: flex;
}
@media(min-width:751px){
#article .mainArea {
	flex: 1 1 auto;
}
#article .sideArea {
	flex: 0 0 200px;
}

}
@media(max-width:750px){
#article{
	flex-direction: column;
}
#article .mainArea {
	order: 1;
}
#article .sideArea {
	order: 2;
}
}
#spNav{
	display: none;
}
.breadcrumb{
	padding: 10px 14px;
	font-size: 1em;
	letter-spacing: -1px;
}
.breadcrumb a{
	color: #4a4a4a;
}
.image_area__{
	padding: 10px 14px;
	font-size: 1em;
	letter-spacing: -1px;
}
.image_area__ a{
	color: #4a4a4a;
}
/* promotion area */
.promotionArea{
	width: 622px;
	margin: 0 20px 0 14px;
	float: left;
}
.mainVisual{
	margin-bottom: 2.4em;
}
.socialButtons{
	margin-bottom: 10px;
	float: right;
}
.promotionArea h2{
	clear: both;
	font-size: 1.73em;
	line-height: 1.6;
	margin-bottom: 10px;
}
.promotionArea p{
	margin-bottom: 10px;
}
.promotionArea .price{
	color: #003F97;
	line-height: 1.07;
	font-size: 1.73em;
}
.promotionArea .price .note{
	font-size: 0.58em;
	line-height: 1;
}
.section .tourPoint{
	margin-left: 14px;
}
.tourPointBox{
	clear: both;
}
.tourPoint li{
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
}
.tourPoint li span{
	color: #0000ed;
}
.surcharge{
	width: 220px;
	height: 28px;
	background: #000;
	color: #ffff00;
	font-size: 1.2em;
	line-height: 28px;
	text-align: center;
}
.navArea{
	width: 330px;
	padding-right: 14px;
	float: left;
	word-break: break-all;
	word-wrap: break-word;
}
.entryBtn{
	margin-bottom: 10px;
}
.entryBtn a{
	text-decoration: none;
}
.navArea .nav{
	margin-bottom: 30px;
}
.navArea .nav.mb0{
	margin-bottom: 0;
}
.navArea .nav li{
	padding: 5px 0;
	border-bottom: solid 2px #808080;
}
.navArea .nav li span,
.navArea .nav li a{
	display: block;
	padding-left: 12px;
	border-left: solid 4px #eb2b18;
	color: #000;
	font-size: 1.47em;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}
.navArea .infoBox{
	padding: 12px;
	margin-bottom: 1em;
	border: 1px solid #000;
	color: #ea2a17;
	background: #fff582;
	line-height: 20px;
}
.navArea .infoBox h3{
	font-size: 1.2em;
	color: #000;
}
.navArea .infoBox h3 img{
	max-width: 100%;
	height: auto;
}
.navArea .infoBox .note{
	color: #000;
}
#nav{
	display: none;
}
.section{
}
.section h2{
	height: 20px;
	padding: 5px 14px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}
.section h2.noimg{
	height: 20px;
	padding: 5px 14px;
	margin-bottom: 15px;
	background-repeat: repeat-x;
	background-image: url(../images/bg_h2.gif);
}
.section h2 span{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.section h2.noimg span{
	display: block;
	padding-left: 20px;
	background: url(../images/marker_h2.gif) no-repeat left center;
	color: #fff;
	font-size: 1.33em;
	line-height: 20px;
	text-indent: 0;
}
.section h2.h2pickup{
	background-image: url(../images/h2_pickup.jpg);
	background-repeat: repeat-x;
}
.section h2#h2tourpoint{
	background-image: url(../images/h2_tourpoint_blue.jpg);
}
.section h2#h2expenses{
	background-image: url(../images/h2_expenses_blue.jpg);
}
.section h2#h2schedule{
	background-image: url(../images/h2_schedule_blue.jpg);
}
.section h2#h2condition{
	background-image: url(../images/h2_condition_blue.jpg);
}
.section h2#h2instructions{
	background-image: url(../images/h2_instructions_blue.jpg);
}
.section h2#h2tourpoint.violet{
	background-image: url(../images/h2_tourpoint_violet.jpg);
}
.section h2#h2expenses.violet{
	background-image: url(../images/h2_expenses_violet.jpg);
}
.section h2#h2schedule.violet{
	background-image: url(../images/h2_schedule_violet.jpg);
}
.section h2#h2condition.violet{
	background-image: url(../images/h2_condition_violet.jpg);
}
.section h2#h2instructions.violet{
	background-image: url(../images/h2_instructions_violet.jpg);
}
.section h2#h2tourpoint.light_blue{
	background-image: url(../images/h2_tourpoint_light_blue.jpg);
}
.section h2#h2expenses.light_blue{
	background-image: url(../images/h2_expenses_light_blue.jpg);
}
.section h2#h2schedule.light_blue{
	background-image: url(../images/h2_schedule_light_blue.jpg);
}
.section h2#h2condition.light_blue{
	background-image: url(../images/h2_condition_light_blue.jpg);
}
.section h2#h2instructions.light_blue{
	background-image: url(../images/h2_instructions_light_blue.jpg);
}
.section h2#h2tourpoint.green{
	background-image: url(../images/h2_tourpoint_green.jpg);
}
.section h2#h2expenses.green{
	background-image: url(../images/h2_expenses_green.jpg);
}
.section h2#h2schedule.green{
	background-image: url(../images/h2_schedule_green.jpg);
}
.section h2#h2condition.green{
	background-image: url(../images/h2_condition_green.jpg);
}
.section h2#h2instructions.green{
	background-image: url(../images/h2_instructions_green.jpg);
}
.section h2#h2tourpoint.light_green{
	background-image: url(../images/h2_tourpoint_light_green.jpg);
}
.section h2#h2expenses.light_green{
	background-image: url(../images/h2_expenses_light_green.jpg);
}
.section h2#h2schedule.light_green{
	background-image: url(../images/h2_schedule_light_green.jpg);
}
.section h2#h2condition.light_green{
	background-image: url(../images/h2_condition_light_green.jpg);
}
.section h2#h2instructions.light_green{
	background-image: url(../images/h2_instructions_light_green.jpg);
}
.section h2#h2tourpoint.sky_blue{
	background-image: url(../images/h2_tourpoint_sky_blue.jpg);
}
.section h2#h2expenses.sky_blue{
	background-image: url(../images/h2_expenses_sky_blue.jpg);
}
.section h2#h2schedule.sky_blue{
	background-image: url(../images/h2_schedule_sky_blue.jpg);
}
.section h2#h2condition.sky_blue{
	background-image: url(../images/h2_condition_sky_blue.jpg);
}
.section h2#h2instructions.sky_blue{
	background-image: url(../images/h2_instructions_sky_blue.jpg);
}
.section h2#h2tourpoint.pink{
	background-image: url(../images/h2_tourpoint_pink.jpg);
}
.section h2#h2expenses.pink{
	background-image: url(../images/h2_expenses_pink.jpg);
}
.section h2#h2schedule.pink{
	background-image: url(../images/h2_schedule_pink.jpg);
}
.section h2#h2condition.pink{
	background-image: url(../images/h2_condition_pink.jpg);
}
.section h2#h2instructions.pink{
	background-image: url(../images/h2_instructions_pink.jpg);
}
.section h2#h2tourpoint.red{
	background-image: url(../images/h2_tourpoint_red.jpg);
}
.section h2#h2expenses.red{
	background-image: url(../images/h2_expenses_red.jpg);
}
.section h2#h2schedule.red{
	background-image: url(../images/h2_schedule_red.jpg);
}
.section h2#h2condition.red{
	background-image: url(../images/h2_condition_red.jpg);
}
.section h2#h2instructions.red{
	background-image: url(../images/h2_instructions_red.jpg);
}
.section h2#h2tourpoint.brown{
	background-image: url(../images/h2_tourpoint_brown.jpg);
}
.section h2#h2expenses.brown{
	background-image: url(../images/h2_expenses_brown.jpg);
}
.section h2#h2schedule.brown{
	background-image: url(../images/h2_schedule_brown.jpg);
}
.section h2#h2condition.brown{
	background-image: url(../images/h2_condition_brown.jpg);
}
.section h2#h2instructions.brown{
	background-image: url(../images/h2_instructions_brown.jpg);
}
.section h2#h2tourpoint.orange{
	background-image: url(../images/h2_tourpoint_orange.jpg);
}
.section h2#h2expenses.orange{
	background-image: url(../images/h2_expenses_orange.jpg);
}
.section h2#h2schedule.orange{
	background-image: url(../images/h2_schedule_orange.jpg);
}
.section h2#h2condition.orange{
	background-image: url(../images/h2_condition_orange.jpg);
}
.section h2#h2instructions.orange{
	background-image: url(../images/h2_instructions_orange.jpg);
}
.section h2#h2tourpoint.flesh{
	background-image: url(../images/h2_tourpoint_flesh.jpg);
}
.section h2#h2expenses.flesh{
	background-image: url(../images/h2_expenses_flesh.jpg);
}
.section h2#h2schedule.flesh{
	background-image: url(../images/h2_schedule_flesh.jpg);
}
.section h2#h2condition.flesh{
	background-image: url(../images/h2_condition_flesh.jpg);
}
.section h2#h2instructions.flesh{
	background-image: url(../images/h2_instructions_flesh.jpg);
}
.section h2#h2tourpoint.yellow{
	background-image: url(../images/h2_tourpoint_yellow.jpg);
}
.section h2#h2expenses.yellow{
	background-image: url(../images/h2_expenses_yellow.jpg);
}
.section h2#h2schedule.yellow{
	background-image: url(../images/h2_schedule_yellow.jpg);
}
.section h2#h2condition.yellow{
	background-image: url(../images/h2_condition_yellow.jpg);
}
.section h2#h2instructions.yellow{
	background-image: url(../images/h2_instructions_yellow.jpg);
}
.section h2#h2tourpoint.gray{
	background-image: url(../images/h2_tourpoint_gray.jpg);
}
.section h2#h2expenses.gray{
	background-image: url(../images/h2_expenses_gray.jpg);
}
.section h2#h2schedule.gray{
	background-image: url(../images/h2_schedule_gray.jpg);
}
.section h2#h2condition.gray{
	background-image: url(../images/h2_condition_gray.jpg);
}
.section h2#h2instructions.gray{
	background-image: url(../images/h2_instructions_gray.jpg);
}
.section.mainArea{
	width: 760px;
	margin-right: 14px;
	float:right;
	clear: right;
}
.mainArea .bnr,
.mainArea .mv{
	margin-bottom: 1em;
}
.mainArea .bnr.center{
	text-align: center;
}
.cntBnr{
	padding: 1em 0 0;
	text-align: center;
	clear: both;
}
.mainArea .mv img{
	width: 100%;
}
.mainArea h2{
	margin-bottom: 0 !important;
	margin-right: 1px;
}
.section h2.noimg.orange{
	background-image: url(../images/bg_h2_orange.gif);
}
.section h2.orange.noimg span{
	background-image: url(../images/marker_h2_orange.gif);
}
.section h2.noimg.violet{
	background-image: url(../images/bg_h2_violet.gif);
}
.section h2.noimg.violet span{
	background-image: url(../images/marker_h2_violet.gif);
}
.mainArea h2 a{
	color: #fff;
	font-size: 0.87em;
	float: right;
	line-height: 20px;
}
.mainArea .pageTop.last{
	margin-bottom: 14px;
}
#tourPoint h2{
	margin-bottom: 0;
}
.mainBox{
	padding: 6px 14px;
	margin-bottom: 14px;
	margin-right: 1px;
	border: solid 1px #235089;
	border-top: none;
}
.mainBox.blueBox{
	border-color: #0000FF;
}
.mainBox.blackBox{
	border-color: #000000;
}
.mainBox.orangeBox{
	border-color: #ff7700;
}
.mainBox.redBox{
	border-color: #ff0000;
}
.mainBox li{
	padding: 8px 0;
	border-top: solid 1px #868686;
}
.mainBox li:first-child{
	border-top: none;
}
.mainBox li .iconArea{
	width: 80px;
	margin-right: 10px;
	float: left;
}
.mainBox li .iconArea img{
	display: block;
	margin-bottom: 4px;
}
.mainBox li .mainTextArea{
	margin-left: 90px;
	margin-right: 100px;
}
.mainBox li .price {
margin-bottom: 0;
font-size: 1em;
color: #003f97;
}
.mainArea .mainBox .figure{
	width: 90px;
	padding: 0;
	float: right;
}
.mainArea .mainBox .figure img{
	width: 100%;
}
.section .pageTop{
	width: 200px;
	margin-right: 14px;
	text-align: right;
	float: right;
}
.section .pageTop a{
	color: #636363;
	font-size: 0.8em;
}
.section.mainArea .pageTop{
	margin-right: 0;
}
.section h3.orangeBox{
	clear: both;
}
.section h3.blueBox{
	clear: both;
}
.section h3.redBox{
	clear: both;
}
.section h3.lightblueBox{
	clear: both;
}
.section h3.skyBox{
	clear: both;
}
.section#tourPoint table,
.section#travelExpenses table,
.section#travelCondition table,
.section#schedule table{
	width: 97%;
	margin: 0 13px 25px;
}
.section .cal_diving li{
	width: 440px;
	margin: 0 13px 25px;
	float: left;
}
.section#tourPoint li table,
.section#travelExpenses li table,
.section#travelCondition li table,
.section#schedule li table{
	width: 97%;
	margin: 0;
}
.section table table,
.section#tourPoint table table,
.section#travelExpenses table table,
.section#travelCondition table table,
.section#schedule table table{
	width: 100%;
	margin: 10px 0;
}
.section table th,
.section table td{
	border: solid 1px #000;
	font-weight: normal;
	padding: 8px 12px;
}
.section table.diving_tb td{
		text-align: center;
}
.section table.diving_tb td.note{
		text-align: left;
}
.section table th{
	background: #dcf0ff;
}
.section table td.note{
	background: #fff582;
}
.section table td.note .title{
	color: #004098;
}
.section table th.nc{
	background: #fff;
}
.section table th.blue{
	background: #004098;
	color: #fff;
}
.section table td .infoBox{
	background: #fff481;
	padding: 10px;
}
.section table td .infoBox .title {
	color: #004098;
}
.section table td.ta_l{
	text-align: left !important;
}
.section table.scheduleTable{
	width: 100%;
	margin: 0 0 1em;
}
.section table.scheduleTable2{
	width: 100%;
	margin: 0 0 1em;
}
.section table.scheduleTable th,
.section table.scheduleTable td {
	padding: 4px 8px;
	text-align: center;
}
.section table.scheduleTable2 td {
	padding: 4px 8px;
	text-align: left;
}
.section table.scheduleTable th{
	background: #ddf0ff;
}
.section table.scheduleTable .date{
	width: 10%;
}
.section table.scheduleTable .time{
	width: 10%;
}
.section table.scheduleTable .home{
	width: 20%;
}
.section table.scheduleTable .result{
	width: 7%;
}
.section table.scheduleTable .away{
	width: 20%;
}
.section table.scheduleTable .entry{
	width: 11%;
}
.section table td.entry {
		width: 72px;
}
#travelCondition table th{
	min-width: 100px;
}
#travelCondition table th:first-child,
#travelCondition table td:first-child{
	min-width: 100px;
}
.notesBox{
	padding: 30px;
	margin-bottom: 1em;
	border: solid 1px #000;
}
.notesBox h3{
	margin-bottom: 1em;
	font-size: 1.33em;
	text-align: center;
}
.notesBox p{
	line-height: 1.6;
	margin-bottom: 1em;
}
.notesBox p .underline{
	text-decoration: underline;
}
.notesBox p.from{
	margin-bottom: 0;
	text-align: right;
}
#inqueryReserve h2{
	width: 974px;
	height: 31px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/h2_inquery.jpg) no-repeat center top;
	text-indent: -9999px;
	overflow:hidden;
}
.inqueryWrap{
	width: 974px;
	height: 220px;
	margin: 0 auto;
	background: url(../images/bg_inqueryBox_cnt.gif) no-repeat;
}
.inqueryBtm{
	width: 974px;
	height: 236px;
	height: 6px;
	background: url(../images/bg_inqueryBox_btm.gif) no-repeat;
	margin: 0 auto 4px;
}
#inqueryReserve{
	clear: both;
	margin-top: 25px;
}
#inqueryReserve h3{
	width: 450px;
	height: 36px;
	margin-bottom: 9px;
	background: url(../images/bg_inqueryBox.jpg) no-repeat;
	color: #003f97;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 36px;
	text-align: center
}
#inqueryReserve h3.tokyo{
	background: url(../images/h3_inquery_tokyo.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#inqueryReserve h3.yokohama{
	background: url(../images/h3_inquery_yokohama.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#inqueryReserve h3.shibuya{
	background: url(../images/h3_inquery_osaka.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#inqueryReserve h3.sportsjigyo{
	background: url(../images/h3_inquery_sportsjigyo.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#inqueryReserve .one_contact h3{
	margin: 20px auto;
}

#inqueryReserve h4{
	width: 100%;
	height: 36px;
	margin-bottom: 9px;
	color: #003f97;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 36px;
	text-align: center
}
#inqueryReserve h4.sportsjigyo{
	background: url(../images/h3_inquery_sportsjigyo.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#inqueryReserve table{
	width: 290px;
	margin: 0 auto 5px;
}
#inqueryReserve table th,
#inqueryReserve table td{
	padding: 3px 0px;
	border: none;
	background: none;
	color: #4a4a4a;
	font-size: 0.87em;
	text-align: left;
}
#inqueryReserve table td.time{
	text-align: right;
}
#inqueryReserve .box{
	width: 450px;
	margin-top:9px;
	padding: 1px 19px 0 17px;
	background: url(../images/bg_inqueryBox_line.gif) top right no-repeat;
	float: left;
}
#inqueryReserve .box.last{
	background: none;
}
#inqueryReserve .box2{
	width: 100%;
	margin-top:16px;
	float: center;
}
#inqueryReserve .box2.last{
	background: none;
}
#inqueryReserve .tel{
	vertical-align: middle;
	margin-bottom: 10px;
	color: #eb2b18;
	font-size: 1.53em;
	font-weight: bold;
	line-height: 23px;
	text-align: center;
}
#inqueryReserve .tel .icon{
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
}
#inqueryReserve hr{
	width: 285px;
	margin: 0 auto;
	border: none;
	border-bottom: solid 1px #4a4a4a;
}
#inqueryReserve .address{
	width: 350px;
	margin: 5px auto 0;
	color: #4a4a4a;
	font-size: 0.87em;
	letter-spacing: -1px;
	line-height: 21px;
}
#inqueryReserve .address2{
	width: 350px;
	margin: 5px auto 0;
	color: #4a4a4a;
	font-size: 0.87em;
	letter-spacing: -1px;
	line-height: 21px;
	text-align: center;
}

/* side area */
.sideArea{
	width: 200px;
	padding: 0 10px 0 14px;
	float: left;
}
.sideArea .bnr,
.sideArea .sideScheduleBnrs li{
	margin-bottom: 14px;
}
.sideArea .bnr img,
.sideArea .sideScheduleBnrs li img{
	width: 100%;
}
.twitterTimeLine{
	margin-bottom: 14px;
	border: solid 1px #fff;
	border-radius: 4px;
	background: #30a6df;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.twitterTimeLine h2{
	padding-top: 8px;
	text-align: right;
}
.twitterTimeLineWrap{
	border-radius: 8px;
	padding: 12px;
	overflow:hidden;
}
.twitterTimeLineWrap iframe{
	min-width: 170px !important;
}
.sideArea .spOnly{
	display: none;
}
img.spOnly{
	display: none;
}

@media(max-width:750px){
    img.spOnly{
	display: block;
}
    img.pcOnly{
	display: none;
}
}
.sideArea .bnrLinkTop{
	margin-bottom: 8px;
	border-radius: 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
.sideArea .youtube{
	margin-bottom: 14px;
}
.sideArea .youtube img{
	width: 100%;
}
.sideArea .youtube .text{
	border: solid 1px #000;
	background: #fff582;
	line-height: 20px;
	text-align: center;
}


.spPagetop{
	display: none;
}

/*--------------------------------
フッター
/* --------------------------------*/
/*
#footer,
#footer a{
	color: #fff;
	font-size: 1em;
	line-height: 12px;
	text-decoration: none;
}
#footer .footerLink{
	padding: 12px 0;
	background-color: #024199;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3265ad), color-stop(49%,#024299), color-stop(100%,#004098));
	background: -webkit-linear-gradient(top, #3265ad 0%,#024299 49%,#004098 100%);
	background: -o-linear-gradient(top, #3265ad 0%,#024299 49%,#004098 100%);
	background: -ms-linear-gradient(top, #3265ad 0%,#024299 49%,#004098 100%);
	background: linear-gradient(to bottom, #3265ad 0%,#024299 49%,#004098 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3265ad', endColorstr='#004098',GradientType=0 );
}
#footer .information{
	padding: 12px 0;
	background-color: #242424;
}
#footer ul{
	text-align: center;
}
#footer ul:first-child{
	margin-bottom: 12px;
}
#footer li{
	display: inline-block;
	padding: 0 5px;
	border-right: solid 1px #fff;
	font-size: 0.87em;
	*width: 120px;
	*float: left;
}
#footer li:first-child{
	border-left: solid 1px #fff;
}
#footer .footerLink .guide{
	width: 918px;
	margin-left: auto;
	margin-right: auto;
}
#footer .footerLink .link{
	width: 918px;
	margin-left: auto;
	margin-right: auto;
}
#footer .information ul{
	width: 263px;
	margin-left: auto;
	margin-right: auto;
}
#footer .information ul li{
	border: none;
}
#footer .information ul li:first-child{
	border-right: solid 1px #fff;
} */
address{
	font-style: normal;
	text-align: center;
}

.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}
.mb60{
	margin-bottom: 60px;
}

.wdt33p{
	width: 33.33%;
}
.wdt30p{
	width: 30%;
}
.wdt8p{
	width: 8% !important;
}
.wdt10p{
	width: 10% !important;
}

.red{
	color: #ea2a17;
}
.red2{
		font-size: 1.333em;
	color: #ea2a17;
}
.bold{
	font-weight: bold;
}
.line-through{
	text-decoration: line-through;
}
.bg_pink{
		background-color: #fff1f7;
}
.bg_green{
		background-color: #daf6f5;
}
.bg_green_s{
		background-color: #99f6a4;
}
.bg_yellow{
		background-color: #fffac1;
}
.bg_gray{
		background-color: #e6e6e6;
}
.section .textArea {
	width: 622px;
	padding: 14px 20px 14px 14px;
	float: left;
}
.section .textArea_soccer {
	width: 970px;
	padding: 14px 14px;
	float: left;
}
.section .textArea_soccer .pcOnly{
    display: block;
}
.section .textAreamax {
	width: 960px;
	padding: 14px 20px 14px 14px;
	float: left;
}
.section .textArealong {
	width: 900px;
	padding: 14px 20px 14px 14px;
	float: left;
}
.section .figure {
	padding: 14px 0;
}
.section .figure .img {
	margin-bottom: 5px;
}
.section .figure .figcaption{
	font-size: 0.8em;
}
.navArea .img img{
	width: 100%;
}
.section .contentsBox,
.section .contentsBox2,
.section .contentsBox6,
.section .contentsBox61,
.section .contentsBox8,
.section .contentsBox9,
.section .contentsBox10,
.section .contentsBox11,
.section .contentsBox12,
.section .contentsBox14,
.section .flameBox{
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #004098;
}
.section .flameBox.blue{
	border-color: #003f97;
}
.section .flameBox.orange{
	border-color: #ff7700;
}
.section .flameBox.green{
	border-color: #005927;
}
.section .flameBox.light_green{
	border-color: #80c637;
}
.section .flameBox.violet{
	border-color: #5a329b;
}
.section .flameBox.light_blue{
	border-color: #92c1f1;
}
.section .flameBox.sky_blue{
	border-color: #0093ea;
}
.section .flameBox.pink{
	border-color: #ff6eb4;
}
.section .flameBox.gray{
	border-color: #4b4b4b;
}
.section .flameBox.red{
	border-color: #c81400;
	color: #000;
}
.section .flameBox.brown{
	border-color: #64321e;
}
.section .flameBox.flesh{
	border-color: #ffad73;
}
.section .flameBox.yellow{
	border-color: #ffdc23;
}
.section#tourPoint .contentsBox table,
.section#travelExpenses .contentsBox table,
.section#travelCondition .contentsBox table,
.section#schedule .contentsBox table,
.section#tourPoint .contentsBox2 table,
.section#travelExpenses .contentsBox2 table,
.section#travelCondition .contentsBox2 table,
.section#schedule .contentsBox2 table,
.section#tourPoint .contentsBox6 table,
.section#travelExpenses .contentsBox6 table,
.section#travelCondition .contentsBox6 table,
.section#schedule .contentsBox6 table,
.section#tourPoint .contentsBox61 table,
.section#travelExpenses .contentsBox61 table,
.section#travelCondition .contentsBox61 table,
.section#schedule .contentsBox61 table,
.section#tourPoint .contentsBox7 table,
.section#travelExpenses .contentsBox7 table,
.section#travelCondition .contentsBox7 table,
.section#schedule .contentsBox7 table,
.section#tourPoint .contentsBox8 table,
.section#travelExpenses .contentsBox8 table,
.section#travelCondition .contentsBox8 table,
.section#schedule .contentsBox8 table,
.section#tourPoint .contentsBox9 table,
.section#travelExpenses .contentsBox9 table,
.section#travelCondition .contentsBox9 table,
.section#schedule .contentsBox9 table,
.section#tourPoint .contentsBox10 table,
.section#travelExpenses .contentsBox10 table,
.section#travelCondition .contentsBox10 table,
.section#schedule .contentsBox10 table,
.section#tourPoint .contentsBox11 table,
.section#travelExpenses .contentsBox11 table,
.section#travelCondition .contentsBox11 table,
.section#schedule .contentsBox11 table,
.section#tourPoint .contentsBox12 table,
.section#travelExpenses .contentsBox12 table,
.section#travelCondition .contentsBox12 table,
.section#schedule .contentsBox12 table,
.section#tourPoint .contentsBox14 table,
.section#travelExpenses .contentsBox14 table,
.section#travelCondition .contentsBox14 table,
.section#schedule .contentsBox14 table,
.section#tourPoint .flameBox table,
.section#travelExpenses .flameBox table,
.section#travelCondition .flameBox table,
.section#schedule .flameBox table{
	width: 100%;
	margin: 0;
}
.section .contentsBox10 h3,
.section .flameBox h3{
	height: 32px;
	padding-left: 18px;
	margin-bottom: 15px;
	background: url(../images/bg10_h3.gif) repeat-x;
	color: #000000;
	font-size: 1em;
	line-height: 32px;
}
.section .contentsBox h3,
.section .flameBox h3{
	height: 32px;
	padding-left: 18px;
	margin-bottom: 15px;
	background: url(../images/bg_h3.gif) repeat-x;
	color: #004098;
	font-size: 1em;
	line-height: 32px;
}
.contentsBox h4{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #004098;
	margin-bottom: 8px;
}
.contentsBox h5{
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 26px;
	background: #cbdbf2;
	margin-bottom: 8px;
}
.section .flameBox.blue h3{
	color: #003f97;
	background-image: url(../images/bg_h3_flamebox_blue.jpg);
}
.section .flameBox.orange h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_orange.jpg);

}
.section .flameBox.green h3{
	color: #005927;
	background-image: url(../images/bg_h3_flamebox_green.jpg);

}
.section .flameBox.light_green h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_lightgreen.jpg);

}
.section .flameBox.violet h3{
	color: #59319a;
	background-image: url(../images/bg_h3_flamebox_violet.jpg);

}
.section .flameBox.light_blue h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_lightblue.jpg);

}
.section .flameBox.sky_blue h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_skyblue.jpg);

}
.section .flameBox.pink h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_pink.jpg);

}
.section .flameBox.gray h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_gray.jpg);

}
.section .flameBox.red h3{
	color: #c71300;
	background-image: url(../images/bg_h3_flamebox_red.jpg);

}
.section .flameBox.brown h3{
	color: #63311d;
	background-image: url(../images/bg_h3_flamebox_brown.jpg);

}
.section .flameBox.flesh h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_flesh.jpg);

}
.section .flameBox.yellow h3{
	color: #000;
	background-image: url(../images/bg_h3_flamebox_yellow.jpg);

}
.section .flameBox h4{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #b2c6e0;
	margin-bottom: 8px;
}
.section .flameBox h4.imgNext{
	/*margin-left: 132px;*/
}
.section .flameBox.blue h4{
	background: #b2c6e0;
}
.section .flameBox.orange h4{
	background: #ffd6b2;
}
.section .flameBox.green h4{
	background: #b2cdbf;
}
.section .flameBox.light_green h4{
	background: #d9eec3;
}
.section .flameBox.violet h4{
	background: #cdc1e1;
}
.section .flameBox.light_blue h4{
	background: #deecfb;
}
.section .flameBox.sky_blue h4{
	background: #b2dff9;
}
.section .flameBox.pink h4{
	background: #ffd4e8;
}
.section .flameBox.gray h4{
	background: #c9c9c9;
}
.section .flameBox.red h4{
	background: #efb8b2;
}
.section .flameBox.brown h4{
	background: #d1c1bb;
}
.section .flameBox.flesh h4{
	background: #ffe6d5;
}
.section .flameBox.yellow h4{
	background: #fff4bd;
}
.section .contentsBox h3 .note,
.section .flameBox h3 .note{
	font-size: 0.8em;
}
.section .contentsBox .img,
.section .contentsBox2 .img,
.section .contentsBox3 .img,
.section .contentsBox4 .img,
.section .contentsBox5 .img,
.section .contentsBox7 .img,
.section .contentsBox10 .img,
.section .contentsBox12 .img,
.section .contentsBox13 .img,
.section .contentsBox14 .img,
.section .contentsBox15 .img,
.section .contentsBox18 .img,
.section .contentsBox19 .img,
.section .contentsBox20 .img,
.section .flameBox .img{
	padding-right: 10px;
	float: left;
}
.section .contentsBox>div:before,
.section .contentsBox>div:after,
.section .flameBox>div:before,
.section .flameBox>div:after{
    content:"";
    display:table;
}
.section .contentsBox>div:after,
.section .flameBox>div:after{
    clear:both;
}
.section .contentsBox>div,
.section .flameBox>div{
    zoom:1;
		margin-bottom: 1em;
}
.section .flameBox.blue{
	border-color:
}
.section .contentsBox2{
	border-color: #ff7800;
}
.section .contentsBox ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox2 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox2 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox12 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox12 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox14 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox14 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox3 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox3 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox19 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox19 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox20 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox20 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox5 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox5 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox18 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox18 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox15 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox15 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox10 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox10 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox6{
	border-color: #0000FF;
}
.section .contentsBox61{
	border-color: #0000FF;
}
.section .contentsBox7{
	border-color: #FF0000;
}
.section .contentsBox8{
	border-color: #FFDC23;
}
.section .contentsBox9{
	border-color: #996600;
}
.section .contentsBox10{
	border-color: #FF0000;
}
.section .contentsBox11{
	border-color: #85C5DA;
}
.section .contentsBox12{
	border-color: #FFFFFF;
}
.section .contentsBox14{
	border-color: #0058b1;
}
.section.mainArea h4.month{
	margin-bottom: 0.5em;
	font-size: 1.33em;
}
.section.mainArea .contentsBox,
.section.mainArea .contentsBox2,
.section.mainArea .contentsBox8,
.section.mainArea .contentsBox6,
.section.mainArea .contentsBox61,
.section.mainArea .contentsBox9,
.section.mainArea .contentsBox10
.section.mainArea .contentsBox12,
.section.mainArea .contentsBox14,
.section.mainArea .contentsBox11{
	margin: 0 0 1em;
}
.section.mainArea .rightLink{
	text-align: right;
}
.section .attention{
	padding: 0 15px;
	margin: 0 14px 15px;
	background: #fbd5d1;
	font-size: 1.33em;
	color: #ea2a17;
	line-height: 26px;
}
#travelExpenses .img,
#schedule .img{
	text-align: center;
	margin-bottom: 25px;
}
#travelExpenses th{
	text-align: center;
}
.section .price{
	margin-bottom: 5px;
	color: #003f97;
	font-size: 1.2em;
}
.section .price .note{
	color: #000;
	font-size: 0.8em;
}
#schedule th{
	text-align: center;
}
#schedule .prime th{
	background: #dcf0ff;
}
#schedule th:first-child{
	width: 10%;
}
#instructions .text{
	padding: 0 14px;
}
#instructions h3{
	font-size: 1em;
	font-weight: normal;
	color: #ea2a17;
}
#instructions .text ul{
	margin-bottom: 25px;
}
.section .contentsBox2 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox2 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox2 .imageArea340{
	width: 330px;
	float: left;
}
.section .contentsBox2 .imageArea340 p{
	margin-bottom: 14px;
}
.section .contentsBox2 .text{
	margin-left: 144px;
}
.section .contentsBox2 .text340{
	margin-left: 340px;
}
.contentsBox2 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #ffd6b2;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox2 .text .note{
	font-size: 11px;
}
.section .contentsBox3 .imageArea{
	width: 250px;
	float: left;
}
.section .contentsBox3 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox3 .text{
	margin-left: 264px;
}
.section .contentsBox19 .imageArea{
	width: 250px;
	float: left;
}
.section .contentsBox19 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox19 .text{
	margin-left: 264px;
}
.section .contentsBox20 .imageArea{
	width: 250px;
	float: left;
}
.section .contentsBox20 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox20 .text{
	margin-left: 264px;
}
.section .contentsBox13{
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	background-color: #ff0000;
}
.section .contentsBox13 .img {
	width: 165px;
	margin-right: 10px;
	float: left;
}
.section .contentsBox13 .text {
	width: 500px;
	float: right;
}
.section .contentsBox13 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox13 li {
  width: 45%;
	margin: 10px 20px;
}
.section .contentsBox13 .imageArea{
	width: 300px;
	float: left;
}
.section .contentsBox13 .imageArea p{
	margin-bottom: 14px;
}
.contentsBox13 h4{
	height: 32px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #000000;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.3;
}
.contentsBox13 p{
	color: #ffffff;
	font-weight: bold;
}
.contentsBox13 span{
	color: #ffff00;
	font-weight: bold;
	font-size: 1.2em;
}
.contentsBox13 .text .note{
	font-size: 11px;
}
.section .contentsBox6 .imageArea{
	width: 200px;
	float: left;
}
.section .contentsBox6 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox6 .text{
	margin-left: 144px;
}
.contentsBox6 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #CAF4FF;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox6 .text .note{
	font-size: 11px;
}
.section .contentsBox6 .imageArea350{
	width: 350px;
	float: left;
}
.section .contentsBox6 .imageArea350 p{
	margin-bottom: 14px;
}
.section .contentsBox61 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox61 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox61 .text{
	margin-left: 144px;
}
.contentsBox61 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #E8F5FF;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox61 .text .note{
	font-size: 11px;
}
.section .contentsBox7 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox7 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox7 .imageArea200{
	width: 200px;
	float: left;
}
.section .contentsBox7 .imageArea200 p{
	margin-bottom: 14px;
}
.section .contentsBox7 .imageArea350{
	width: 350px;
	float: left;
}
.section .contentsBox7 .imageArea350 p{
	margin-bottom: 14px;
}
.section .contentsBox7 .text{
	margin-left: 144px;
}
.contentsBox7 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #FFE6E6;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox7 .text .note{
	font-size: 11px;
}
.section .contentsBox8 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox8 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox8 .text{
	margin-left: 144px;
}
.contentsBox8 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #FFFF00;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox8 .text .note{
	font-size: 11px;
}
.section .contentsBox9 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox9 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox9 .text{
	margin-left: 144px;
}
.contentsBox9 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #E1CABB;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox9 .text .note{
	font-size: 11px;
}
.section .contentsBox10 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox10 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox10 .text{
	margin-left: 144px;
}
.contentsBox10 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #FFECEC;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox10 .text .note{
	font-size: 11px;
}
.section .contentsBox11 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox11 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox11 .text{
	margin-left: 144px;
}
.contentsBox11 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #D7ECF2;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox11 .text .note{
	font-size: 11px;
}
.section .contentsBox12 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox12 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox12 .text{
	margin-left: 144px;
}
.contentsBox12 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #99E5FF;
	font-size: 1.33em;
	line-height: 1.3;
}
.contentsBox12 .text .note{
	font-size: 11px;
}
.contentsBox12 .text .note{
	font-size: 11px;
}
.section .contentsBox14 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox14 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox14 .text{
	margin-left: 144px;
}
.contentsBox14 h4{
	height: 26px;
	padding: 0 10px;
	margin-bottom: 20px;
	background: #0058b1;
	font-size: 1.33em;
	line-height: 1.3;
	color:#FFFFFF;
}
.contentsBox14 .text .note{
	font-size: 11px;
}
.section .contentsBox15 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox15 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox15 .text{
	margin-left: 144px;
}
.section .contentsBox4 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox4 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox4 .text2{
	margin-left: 144px;
}
.section .contentsBox5 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox5 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox5 .text{
	margin-left: 144px;
}
.section .contentsBox18 .imageArea{
	width: 130px;
	float: left;
}
.section .contentsBox18 .imageArea p{
	margin-bottom: 14px;
}
.section .contentsBox18 .text{
	margin-left: 144px;
}
.section h3.blackBox,
.section h3.tabTitle{
	width: 600px;
	height: auto;
	margin-left: 14px;
	background: #000000;
	color: #fff;
	font-size: 1.33em;
	line-height: 32px;
	text-align: center;
}
.section h3.pinkBox,
.section h3.tabTitle{
	width: 200px;
	height: 28px;
	margin-left: 14px;
	background: #ff6eb4;
	color: #fff;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
}
.section h3.orangeBox,
.section h3.tabTitle{
	width: 200px;
	height: 28px;
	margin-left: 14px;
	background: #ff7800;
	color: #fff;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
}
.section h3.blueBox,
.section h3.tabTitle{
	width: 200px;
	height: 28px;
	margin-left: 14px;
	background: #0000FF;
	color: #fff;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
}
.section h3.redBox,
.section h3.tabTitle{
	width: 200px;
	height: 28px;
	margin-left: 14px;
	background: #FF0000;
	color: #fff;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
}
.section h3.lightblueBox,
.section h3.tabTitle{
	width: 200px;
	height: 28px;
	margin-left: 14px;
	background: #85C5DA;
	color: #fff;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
}
.section h3.skyBox,
.section h3.tabTitle{
	width: 400px;
	height: 28px;
	margin-left: 14px;
	background: #0058b1;
	color: #fff;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
}
.section h3.brownBox,
.section h3.tabTitle{
	width: 200px;
	height: 28px;
	margin-left: 14px;
	background: #996600;
	color: #fff;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
}
.section h3.tabTitle{
	margin-bottom: -4px;
}
.section h3.tabTitle.blue{
	background: #004098;
	color: #fff;
}
.section h3.tabTitle.orange{
	background: #ff7800;
	color: #fff;
}
.section h3.tabTitle.green{
	background: #005a28;
	color: #fff;
}
.section h3.tabTitle.light_green{
	background: #80c637;
	color: #fff;
}
.section h3.tabTitle.violet{
	background: #5a329b;
	color: #fff;
}
.section h3.tabTitle.light_blue{
	background: #92c1f1;
	color: #fff;
}
.section h3.tabTitle.sky_blue{
	background: #0093ea;
	color: #fff;
}
.section h3.tabTitle.pink{
	background: #ff6eb4;
	color: #fff;
}
.section h3.tabTitle.gray{
	background: #4b4b4b;
	color: #fff;
}
.section h3.tabTitle.red{
	background: #c81400;
	color: #fff;
}
.section h3.tabTitle.brown{
	background: #64321e;
	color: #fff;
}
.section h3.tabTitle.flesh{
	background: #ffad73;
	color: #fff;
}
.section h3.tabTitle.yellow{
	background: #ffdc23;
	color: #000;
}
.section.mainArea h3.orangeBox{
	width: 100px;
	margin-left: 0;
}
.section.mainArea h3.redBox{
	width: 100px;
	margin-left: 0;
}
.section.mainArea h3.blueBox{
	width: 100px;
	margin-left: 0;
}
.section.mainArea h3.lightblueBox{
	width: 100px;
	margin-left: 0;
}
.plusArea{
	margin: 0 14px 20px;
}
.plusArea h4{
	clear: both;
	font-size: 1.33em;
	padding-bottom: 6px;
	margin-bottom: 16px;
	border-bottom: solid 1px #000;
}
.plusArea h4 span{
	display: block;
	padding-left: 36px;
	background: url(../images/marker_h3.gif) no-repeat left center;
	line-height: 22px;
}
.plusArea h5 span{
	display: block;
	padding: 0 30px;
	background: url(../images/marker_h3.gif) no-repeat left center;
	line-height: 22px;
}
.plusArea .btn li{
	width: 231px;
	margin-right: 16px;
	float: left;
}
.plusArea .photo li{
	width: 120px;
	margin-right: 14px;
	margin-bottom: 14px;
	float: left;
}
h3.bdHead{
	padding-left: 7px;
	margin: 0 14px 15px;
	border-left: solid 4px #92149b;
	line-height: 20px;
	font-size: 1.33em;
	font-weight: bold;
}
.section h3.yellowBox {
	width: 200px;
	height: 28px;
	margin-left: 14px;
	background: #ffdc23;
	color: #000;
	font-size: 1.33em;
	line-height: 28px;
	text-align: center;
	clear: both;
}
.contentsBox3 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #ff9999;
}
.contentsBox3_yellow {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #FFDC23;
}
.contentsBox3_yellow .img {
	float: left;
}
.contentsBox3_yellow p.exp {
	margin: 45px auto;
}
@media(max-width:750px){
    .contentsBox3_yellow p.exp {
		margin: 0;
    }
}
.contentsBox3 .img_tw{
	width: 200px;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}
.contentsBox3 h3{
	padding: 0 10px;
	font-size: 1.3em;
	line-height: 30px;
	background: #ff9999;
	margin-bottom: 8px;
}
.contentsBox3 h4{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #ffcccc;
	margin-bottom: 8px;
}
.contentsBox3 h5{
	padding: 0 10px;
	margin-left: 210px;
	font-size: 1.33em;
	line-height: 26px;
	background: #fff4bd;
	margin-bottom: 8px;
}
.contentsBox3 h6{
	padding: 0 10px;
	font-size: 1.30em;
	line-height: 30px;
	background: #fcb7b7;
	margin-bottom: 8px;
}
.contentsBox3 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox3 .upgrade{
	color: #003f97;
}
.contentsBox19 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #eb6100;
}
.contentsBox19.green {
    clear: both;
    padding: 14px 16px;
    margin: 0 14px 30px;
    border: solid 4px #009966;
}
.contentsBox19 .img_tw{
	width: 200px;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}
.contentsBox19 h3{
	padding: 0 10px;
	font-size: 1.3em;
	line-height: 30px;
	background: #eb6100;
	margin-bottom: 8px;
}
.contentsBox19.green h3{
	padding: 0 10px;
	font-size: 1.3em;
	line-height: 30px;
	background: #009966;
	margin-bottom: 8px;
}
.contentsBox19 h4{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #fceee4;
	margin-bottom: 8px;
}
.contentsBox19 h5{
	padding: 0 10px;
	margin-left: 210px;
	font-size: 1.33em;
	line-height: 26px;
	background: #fff4bd;
	margin-bottom: 8px;
}
.contentsBox19 h6{
	padding: 0 10px;
	font-size: 1.30em;
	line-height: 30px;
	background: #fcb7b7;
	margin-bottom: 8px;
}
.contentsBox19 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox19 .upgrade{
	color: #003f97;
}
.contentsBox20 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #eb0000;
}
.contentsBox20 .img_tw{
	width: 200px;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}
.contentsBox20 h3{
	padding: 0 10px;
	font-size: 1.3em;
	line-height: 30px;
	background: #eb0000;
	margin-bottom: 8px;
}
.contentsBox20 h4{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #fceee4;
	margin-bottom: 8px;
}
.contentsBox20 h5{
	padding: 0 10px;
	margin-left: 210px;
	font-size: 1.33em;
	line-height: 26px;
	background: #fff4bd;
	margin-bottom: 8px;
}
.contentsBox20 h6{
	padding: 0 10px;
	font-size: 1.30em;
	line-height: 30px;
	background: #fcb7b7;
	margin-bottom: 8px;
}
.contentsBox20 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox20 .upgrade{
	color: #003f97;
}

.contentsBox6 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #0000FF;
}
.contentsBox6 .img{
	width: 130px;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}
.contentsBox6 h4{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #CEF4F2;
	margin-bottom: 8px;
}
.contentsBox6 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox6 .upgrade{
	color: #003f97;
}
.contentsBox61 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #0000FF;
}
.contentsBox61 .img{
	width: 130px;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}
.contentsBox61 h4{
	padding: 0 10px;
	margin-left: 142px;
	font-size: 1.33em;
	line-height: 26px;
	background: #CEF4F2;
	margin-bottom: 8px;
}
.contentsBox61 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox61 .upgrade{
	color: #003f97;
}
.section .contentsBox7 h3,
.section .flameBox h3{
	height: 32px;
	padding-left: 18px;
	margin-bottom: 15px;
	background: url(../images/bg_h3_red.gif) repeat-x;
	color: #004098;
	font-size: 1em;
	line-height: 32px;
}
.contentsBox7 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #FF0000;
}
.contentsBox7 .img{
	width: 280px;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}
.contentsBox7 h4{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #FFE6E6;
	margin-bottom: 8px;
}
.contentsBox7 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox7 .upgrade{
	color: #FF0000;
}

.section .contentsBox .img_r {
	margin-left: 10px;
	float: right;
}
.section .contentsBox4{
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #0093ea;
}
.section .contentsBox4 .img_r {
	margin-left: 10px;
	float: right;
}
.section .contentsBox4 .img {
	width: 165px;
	margin-right: 10px;
	float: left;
}
.section .contentsBox4 .text {
	width: 740px;
	float: right;
}
.section .contentsBox4 ul {
  display: flex;
  justify-content: space-between;
}
.section .contentsBox4 li {
  width: 45%;
	margin: 10px 20px;
}
.contentsBox4 h3{
	padding: 0 10px;
	font-size: 1.5em;
	line-height: 30px;
	background: #0093ea;
	margin-bottom: 8px;
}
.contentsBox4 h4{
	padding: 0 10px;
	margin-left: 142px;
	font-size: 1.33em;
	line-height: 26px;
	background: #99ccff;
	margin-bottom: 8px;
}
.contentsBox4 h5{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #defeff;
	margin-bottom: 8px;
}
.contentsBox5 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #009966;
}
.contentsBox5 h3{
	padding: 0 10px;
	font-size: 1.5em;
	line-height: 30px;
	background: #009966;
	margin-bottom: 8px;
}
.contentsBox5 h4{
	padding: 0 10px;
	margin-left: 142px;
	font-size: 1.33em;
	line-height: 26px;
	background: #E1FFF5;
	margin-bottom: 8px;
}
.contentsBox5 h5{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #ccffcc;
	margin-bottom: 8px;
}

.contentsBox5 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox5 .upgrade{
	color: #003f97;
}
.contentsBox18 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #54d1ee;
}
.contentsBox18 h3{
	padding: 0 10px;
	font-size: 1.5em;
	line-height: 30px;
	background: #54d1ee;
	margin-bottom: 8px;
}
.contentsBox18 h4{
	padding: 0 10px;
	margin-left: 142px;
	font-size: 1.33em;
	line-height: 26px;
	background: #E1FFF5;
	margin-bottom: 8px;
}
.contentsBox18 h5{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #85ddf2;
	margin-bottom: 8px;
}

.contentsBox18 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox18 .upgrade{
	color: #003f97;
}
.contentsBox15 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #542581;
}
.contentsBox15 h3{
	padding: 0 10px;
	font-size: 1.5em;
	line-height: 30px;
	background: #542581;
	margin-bottom: 8px;
}
.contentsBox15 h4{
	padding: 0 10px;
	margin-left: 142px;
	font-size: 1.33em;
	line-height: 26px;
	background: #E1FFF5;
	margin-bottom: 8px;
}
.contentsBox15 h5{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #face78;
	margin-bottom: 8px;
}

.contentsBox15 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox15 .upgrade{
	color: #003f97;
}

.contentsBox16 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #000000;
}
.contentsBox16 h3{
	padding: 0 10px;
	font-size: 1.5em;
	line-height: 30px;
	background: #f8c83d;
	margin-bottom: 8px;
}
.contentsBox16 h4{
  position: relative;
  overflow: hidden;
  padding: 0rem 0rem 0rem 130px;
  border: 2px solid #7ed97e;
	font-size: 1.5rem;
	margin-top: 15px;
	margin-bottom: 10px;
}
.contentsBox16 h4:before{
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #7ed97e;
}
.contentsBox16 h4 span{
  font-size: 10px;
  font-size: 1.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-left: 16px;
  color: #fff;
}
.contentsBox16 h4 span.star{
  position: relative;
  display: inline-block;
  padding-left: 0;
}

.contentsBox16 h5{
  position: relative;
  overflow: hidden;
  padding: 0rem 0rem 0rem 130px;
  border: 2px solid #f1d174;
	font-size: 1.5rem;
	margin-top: 15px;
	margin-bottom: 10px;
}
.contentsBox16 h5:before{
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #f1d174;
}
.contentsBox16 h5 span{
  font-size: 10px;
  font-size: 1.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-left: 16px;
  color: #fff;
}
.contentsBox16 h6{
	padding: 0 10px;
	font-size: 1.5em;
	line-height: 30px;
	background: #009966;
	margin-bottom: 8px;
}
.contentsBox16 h7{
	padding: 0 10px;
	margin-left: 142px;
	font-size: 1.33em;
	line-height: 26px;
	background: #E1FFF5;
	margin-bottom: 8px;
}
.contentsBox16 h8{
	padding: 0 10px;
	font-size: 1.33em;
	line-height: 26px;
	background: #ccffcc;
	margin-bottom: 8px;
}
.contentsBox16 h9{
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 26px;
	background: linear-gradient(transparent 50%, #f6ff00 50%);
	margin-bottom: 8px;
}

.contentsBox16 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox16 .upgrade{
	color: #003f97;
}
.contentsBox16 ul {
  display: flex;
  justify-content: space-between;
  width: 940px;
}
.contentsBox16 li {
  width: calc((100% - 2px) / 3);
}
.contentsBox16 li img {
  width: 300px;
}
.section .contentsBox17{
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	background-color: #ffffff;
}
.section .contentsBox17 .img {
	width: 165px;
	margin-right: 10px;
	float: left;
}
.section .contentsBox17 .text2 {
	width: 500px;
	float: right;
}
.section .contentsBox17 .imageArea{
	margin-right: 10px;
	float: left;
}
.section .contentsBox17 .imageArea p{
	margin-bottom: 14px;
}
.contentsBox17 h5{
  position: relative;
  overflow: hidden;
  padding: 0rem 0rem 0rem 130px;
  border: 2px solid #000000;
	font-size: 1.5rem;
	margin-top: 15px;
	margin-bottom: 10px;
}
.contentsBox17 h5:before{
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #000000;
}
.contentsBox52 {
	clear: both;
	padding: 14px 16px;
	margin: 0 14px 30px;
	border: solid 4px #009966;
}
.contentsBox52 .img{
	width: 165px;
	margin-right: 10px;
	float: left;
}.contentsBox52 h4{
	padding: 0 10px;
	margin-left: 0px;
	font-size: 1.33em;
	line-height: 26px;
	background: #E1FFF5;
	margin-bottom: 8px;
}
.contentsBox52 .contentInner{
	clear: both;
	margin-bottom: 14px;
}
.contentsBox52 .upgrade{
	color: #003f97;
}

#instructions .text {
	padding: 5 14px;
}
.text_gold{
		color: #ff7800;
}
.section p.tit_diving02{
	padding: 5px 0px;
	margin-bottom: 10px !important;
}
p.tit_diving02 span{
	color: #000000;
	background: url(../diving/images/marker_h2_diving02.gif) no-repeat left center;
	text-indent: inherit;
	padding-left: 15px;
	font-size: 1.333em;
}
.btn_diving_tsua{
	margin: 0 auto;
	text-align: center;
	margin: 10px 0;
}
.text .pcOnly{
		display: block;
	}
	.text .spOnly{
		display: none;
	}
	.construct2{
	padding: 0 14px;
	}

/* 検索結果 */
#search_result_content{
	margin-bottom: 30px;
}
.section h2.h2_search_result{
	background-image: url(../images/h2_search_result.jpg);
	margin-bottom: px;
}
.search_result_BOX{
	padding: 13px;
	border: 2px solid #808080;
	margin: 13px 13px 0 13px;
}
.search_result_BOX img{
	float: right;
	display: block;
}
p.tour_name{
	color: #000000;
	margin-bottom: 5px;
}
p.course_detail{
	color: #0000ee;
	margin-bottom: 5px;
}
p.pls_contact{
	color: #004098;
}
p.read{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

/*--------------------------
popup
--------------------------*/
#bg{
	display: none;
	width: 100%;
	background: #000;
	filter:alpha(opacity="75");
	opacity: 0.75;
	MozOpacity: 0.75;
	position: fixed;
	top: 0;
	left: 0;
}
#pu_wrap{
	display: none;
	width: 640px;
	margin-left: -320px;
	position: absolute;
	left: 50%;
}
#pu_wrap .close{
	position: absolute;
	top: -32px;
	right: -32px;
}
#pu_wrap iframe{
	height: 500px;
}

.photoGalleryBox .photo img{
	display: inline-block;
	margin-bottom: 8px;
}
.infoArea{
	padding: 15px;
	margin-bottom: 1em;
	border: solid 1px #867c7b;
	font-size: 0.94em;
	background: #FFFFBF;
}
.infoArea_imp{
	padding: 15px;
	margin-bottom: 1em;
	border: solid 1px #867c7b;
	font-size: 0.87em;
	background: #f6f684;
}
.infoArea_cycle{
	padding: 15px;
	margin-bottom: 1em;
	border: solid 1px #867c7b;
	font-size: 0.87em;
	background: #ffffcc;
}
.infoArea_soccer{
	padding: 15px;
	margin-bottom: 1em;
	font-size: 1.1em;
	line-height: 1.5em;
	background: #eee;
}
.table-wrap {
  overflow-x: auto;
}
.table-sc {
  width: 100%;
	min-width: 600px;
  border-collapse: collapse;
}
/*-------------------------------------------
SP
-------------------------------------------*/
@media screen and (max-width: 960px) {
.section .contentsBox12 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox12 li {
		width: 100%;
		margin-bottom: 30px;
	}
	.section .contentsBox12 img {
	}
.section .contentsBox14 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox14 li {
		width: 100%;
		margin-bottom: 30px;
	}
	.section .contentsBox14 img {
	}
	.section .contentsBox3 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox3 li {
		width: 100%;
		margin-bottom: 30px;
	}
	.section .contentsBox19 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox19 li {
		width: 100%;
		margin-bottom: 30px;
	}
	.section .contentsBox20 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox20 li {
		width: 100%;
		margin-bottom: 30px;
	}

	.section .contentsBox4 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox4 li {
		width: 100%;
		margin-bottom: 30px;
	}
.section .contentsBox5 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox5 li {
		width: 100%;
		margin-bottom: 30px;
	}
	.section .contentsBox18 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox18 li {
		width: 100%;
		margin-bottom: 30px;
	}
.section .contentsBox15 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox15 li {
		width: 100%;
		margin-bottom: 30px;
	}
	.section .contentsBox10 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox10 li {
		width: 100%;
		margin-bottom: 30px;
	}
.section .contentsBox2 ul {
	flex-direction: column;
align-items: center;
justify-content: center;
	}
	.section .contentsBox2 li {
		width: 100%;
		margin-bottom: 30px;
	}
.section .textArealong {
	width: 90%;
	margin: 0 auto;
}
.contentsBox16 ul {
  flex-direction: column;
  gap: 3px;
  width: 100%;
}
.contentsBox16 li {
  width: auto;
}
.contentsBox16 li img {
  width: 100%;
}
}

/*-------------------------------------------
  sidebnr
  -------------------------------------------*/
.page_main {
    position: relative;
}
.page_main > aside {
    background-color: #FFFFFF;
	border: solid;
	border-color: #031de2;
    width: 343px;
    height: 54%;
    top: 100px;
    right: -350px;
    position: fixed;
    z-index: 9999;
}
.page_main > aside ul {
    margin: 0;
    padding: 0;
    top: 15px;
    left: 15px;
    position: absolute;
}
.page_main > aside li {
    margin: 0 0 5px;
    list-style: none;
}
.page_main > aside button {
    background-color: #004098;;
    display: block;
    position: absolute;
    top: 0px;
    right: 344px;
    width: 62px;
    height: 310px;
    margin: 0;
    padding: 0;
    border-radius: 5px 0 0 5px;
}
@media(max-width:750px){
    .page_main > aside button {
		height: 282px;
    }
}
aside li a { color:#004098;}
.page-footer {
    background-color: #656565;
}
.page-footer small {
    display: block;
    color: #fff;
    font-size: 11px;
    text-align: right;
    width: 976px;
    margin: 0 auto;
    height: 120px;
    line-height: 120px;
    letter-spacing: 0.15em;
}
.page-footer a {
    color: #fff;
    text-decoration: none;
}

.navL-icon {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 18px;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  padding-top: 8px;
}
.navL-icon:hover {
    color: #ffff00;
}
@media(max-width:750px){
    .navL-icon {
		font-size: 16px;
    }
}
.img_wrap{
  border: 1px solid #ddd;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 2px 2px 4px;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}

/*-------------------------------------------
  戻る-btn
  -------------------------------------------*/
html{
    scroll-behavior: smooth;
}
.gotop{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}
@media(max-width:750px){
    .gotop{
		display: none;
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        opacity: 1;
        border: none;
        background: none;
        bottom: 10px;
        right: 10px;
    }
    .gotop::before{
        bottom: 0;
    }
    .pc_br{
        display: none;
    }
}

.btn_form {
	border: 5px solid #fff;
	display: block;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	outline: none;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	background-color: #ff6600;
	padding: 17px 24px;
	margin: 0 auto;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.20);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.btn_form span {
	position: relative;
	z-index: 1;

}



.btn_form:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 490%;
	width: 140%;
	background: #ff3300;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
	transform: translateX(-98%) translateY(-25%) rotate(45deg);
}



.btn_form:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
}


/*-------------------------------------------
  btn-form固定
  -------------------------------------------*/
.btn_form-sp {
	border: 5px solid #fff;
	display: block;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	outline: none;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	background-color: #003399;
	padding: 10px 10px;
	margin: 0 auto;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.20);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}



.btn_form-sp span {
	position: relative;
	z-index: 1;

}



.btn_form-sp:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 490%;
	width: 140%;
	background: #006699;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
	transform: translateX(-98%) translateY(-25%) rotate(45deg);
}



.btn_form-sp:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.btn_form_bnr {
	width: 100%;
	border: 5px solid #fff;
	display: block;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	outline: none;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	background-color: #003399;
	padding: 17px 24px;
	margin: 0 auto;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.20);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}



.btn_form_bnr span {
	position: relative;
	z-index: 1;

}



.btn_form_bnr:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 490%;
	width: 140%;
	background: #006699;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
	transform: translateX(-98%) translateY(-25%) rotate(45deg);
}



.btn_form_bnr:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
}


.spoonly {
  border: solid 3px #333;
  padding: 10px 10px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 18px;
	}

.fix_background {
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.background-1 {
  background-image: url(https://www.sports-his.com/diving/images/diving_bg_palau.jpg);
}
.background-1-1 {
  background-image: url(https://www.sports-his.com/diving/images/diving_bg_guam.jpg);
}
.background-1-2 {
  background-image: url(https://www.sports-his.com/diving/images/diving_bg_saipan.jpg);
}
.background-1-3 {
  background-image: url(https://www.sports-his.com/diving/images/diving_bg_ceb.jpg);
}
.background-1-4 {
  background-image: url(https://www.sports-his.com/diving/images/diving_bg_gbr.jpg);
}
.background-1-5 {
  background-image: url(https://www.sports-his.com/diving/images/diving_bg_license.jpg);
}
.background-1-6 {
  background-image: url(https://www.sports-his.com/diving/images/diving_bg_others.jpg);
}
.background-2 {
  background-image: url(https://www.sports-his.com/soccer/images/soccer_bgtop.jpg);
}
.background-2-1 {
  background-image: url(https://www.sports-his.com/soccer/images/soccer_bg_liga.jpg);
}
.background-2-2 {
  background-image: url(https://www.sports-his.com/soccer/images/soccer_bg_premier.jpg);
}
.background-2-3 {
  background-image: url(https://www.sports-his.com/soccer/images/soccer_bg_seriea.jpg);
}
.background-2-4 {
  background-image: url(https://www.sports-his.com/soccer/images/soccer_bg_france.jpg);
}
.background-2-5 {
  background-image: url(https://www.sports-his.com/soccer/images/soccer_bg_reds.jpg);
}
.background-2-6 {
  background-image: url(https://www.sports-his.com/soccer/images/soccer_bg_sociedad.jpg);
}
.background-3 {
  background-image: url(https://www.sports-his.com/triathlon/images/triathlon_bg.jpg);
}
.background-4 {
  background-image: url(https://www.sports-his.com/keiba/images/keiba_bg.jpg);
}
.background-5 {
  background-image: url(https://www.sports-his.com/hula/images/fula_bg.jpg);
}
.background-6 {
  background-image: url(https://www.sports-his.com/golf/images/golf_bg.jpg);
}
.background-7 {
  background-image: url(https://www.sports-his.com/motorbike/images/moto_bg.png);
}

/*-------------------------------------------
  アコーディオン-accordion
  -------------------------------------------*/
.accordion {
margin: 1.5em auto;
max-width: 90%;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-weight: bold;
text-align: center;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}

.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
/*-------------------------------------------
  追従ボタン用
  -------------------------------------------*/
.btn_form_follow {
	border: 5px solid #fff;
	display: block;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	outline: none;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	background-color: #003399;
	padding: 17px 24px;
	margin: 0 auto;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.20);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.btn_form_follow span {
	position: relative;
	z-index: 1;

}
.btn_form_follow:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 490%;
	width: 140%;
	background: #006699;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
	transform: translateX(-98%) translateY(-25%) rotate(45deg);
}



.btn_form_follow:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
/*-------------------------------------------
  商品ページプロフ
  -------------------------------------------*/
.prof_product {
  background: #FFF;
  width: 300px;
  padding: 10px;
  border: 1px solid #1a1a1a;
}

.prof_product_img {
  display: block;
  width: 130px;
  height: 130px;
  border-radius:50%;
  margin: 0 auto;
}
.prof_product_namef {
  text-align:center;
  font-weight:bold;
  font-size:18px;
  margin: 0.2rem auto 0.2rem;
  letter-spacing:.0.2rem;
}

.prof_product_name {
  text-align:center;
  font-weight:bold;
  font-size:13px;
  margin: 0.5rem auto 0.5rem;
  letter-spacing:.0.5rem;
}

.prof_product_desc {
  line-height:1.6rem;
}

.margin_bottom1px {
margin-bottom: 1px;
}
/*-------------------------------------------
  リボン風見出し
  -------------------------------------------*/
.ribon_headline {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0 0 0 -20px;
  width: calc(100% + 20px);
  color: white;
  background: #70a6ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}

.ribon_headline h3{
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  font-size: 20px;
  line-height: 46px;
}

.ribon_headline:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #f1f1f1 transparent transparent;
  border-style: solid;
}

.ribon_headline:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #6081b7;
}
/*-------------------------------------------
  タグ風見出し
  -------------------------------------------*/
#tag_headline_red {
  color: #505050;
  padding: 0.5em;
  display: inline-block;
  line-height: 1.3;
  background: #f9e0e0;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
}
#tag_headline_red:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

.navArea_right{
	width: 300px;
	padding-left: 14px;
	float: right;
	word-break: break-all;
	word-wrap: break-word;
}
.box2-6{
	margin: 1em auto;
	padding:2em;/*内側の余白*/
	background: #fdf3d7;/*元のボックス背景色なし*/
	border:1px solid #ccc ;/*線の太さ・種類・色*/
	position: relative;/*配置（基準）*/
}