@charset "utf-8";

body{
	text-align: center;
	line-height: 1.75;
	font-size: 14px;
	margin:0;
	padding:0;
	color:#231815;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background-image: url("../img/common/body.jpg");
	background-position: center top;
	background-size: cover;
}
a:link {color:#006ea0; text-decoration:underline;}
a:visited {color:#006ea0;text-decoration:none;}
a:hover {color:#99d4e5; text-decoration:none;}
a:active {color:#006ea0;text-decoration:none;}
.font42jacp{color:#0094be;}
.font42jacp2{color:#006ea0;}
.font42jacp3{color:#99d4e5;}


/* header wrapper
--------------------------------------------------------------------------------------*/
#header{
	display: none;
}
#bodies{
	width: 1300px;
	margin: 0 auto;
	padding: 0;
	background:url("../img/index/bodies.png");
	background-position: right top;
	background-size: 77.0% auto;
	background-repeat: no-repeat;
}
#bodies.secondBody{
	background-image:none;
}
#wrapper{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	background:#0094be;
}
#wrapper #leftslot{
	width: 24.5%;
	float:left;
	display: table-cell;
}

#wrapper #rightslot{
	width:75.2%;
	float:right;
	display: table-cell;
	border-left: 3px solid #fff;
}

#wrapper h1{
	background-color: #99d4e5;
	padding: 15% 10% 15% 10%;
}

/* navi
--------------------------------------------------------------------------------------*/

*#menu img {border: 0; vertical-align: top; }
#menu, #menu ul {
	z-index: 2090 !important;
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu {
	margin: 0;
	position:relative;
	padding-bottom: 20%;
}

#menu li {
  width: 100%;
	font-weight:700;
}

#menu li a {
  width: 96%;
	padding: 6% 2%;
  border-top: none;
  border-right: none;
  color: #fff;
  display: inline-block;
  margin: auto;
	line-height: 1.25;
	text-align:left;
	text-decoration:none;
}
#menu li > div{
	width: 92%;
	display:inline-block;
	margin: 0 4%;
}
#menu li a:hover {color: #fff;text-decoration:none;}
#menu li a:active {color: #fff;}
#menu li.on, #menu li.on a{background-color:#006ea0;}
#menu li span.preparation{background-color: #f08300; color:#fff; margin-left: 0.5em; font-size:0.8em; padding: 1.5% 2%; font-weight: 700;border-radius: 4px;}
#menu li.on span.preparation{background-color: #fff; color:#f08300;border-radius: 4px;}
.slicknav_menu {display:none;}
.details__summary {
	position: relative;
	display: block;
	cursor: pointer;
  color: #fff;
	padding: 3.5% 6%;
}
.details__summary::-webkit-details-marker {display: none;}
.details__summary::before {
	display: block;
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: calc(50% - 6px);
	right: 30px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
  transform: rotate(45deg);
	transition: all 0.4s ease-out;
}
.details[open] {background-color: #006ea0;}
#menu li.on .details[open] a, #menu li.on .details__content a{background-color:transparent !important;}
.details[open] .details__summary::before {
	transform: rotate(135deg);
}
.details__content {
	overflow: hidden;
	margin: 0;
	padding-left: 24px;
  color: #fff;
	background-color: #1e7fab;
	
}
.details__content > * {
	margin: 0;
	padding: 0.5% 0 !important;
	font-weight:400;
}
.details__content > *:last-child {
	padding-bottom: 16px;
}


#poster {
  width: 80%;
	margin: 0 10%;
}

#poster li {
	margin-bottom: 5%;
}

#poster li img{
  width: 100%;
	height: auto;
}


/* footer
--------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	background-color:#fff;
	border-top:3px solid #000;
}
#footer #foot{
	max-width: 940px;
	margin: 0 auto;
	padding:1.2% 0;
	display: block;
	clear:both;
	position: relative;
	text-align:left;
}
#footer #foot a{
	color:#231815;
	text-decoration: none;
}
#footer #foot dl{
	max-width: 540px;
	margin: 0 auto;
	position: relative;
	text-align:left;
}
#footer #foot dt{
	width: 6em;
	margin: 0;
	padding: 1% 1%;
	float: left;
	clear:both;
	position:relative;
	 text-align: center;
	background-color: #0094be;
	color:#fff;
}
#footer #foot dd {
	margin: 0 0 0 8em;
	padding: 0;
	position:relative; 
	overflow:hidden;
	text-align: left;
}
#copyright{
	clear:both;
	width: 100%;
	margin: 0;
	padding:0.5% 0;
	background-color:#0094be;
	color:#fff;
	text-align: center;
}
#copyright p{
	text-align: center;
	line-height: 1;
}
.box,
.box2nd {
clear:both;
}
ul.lists{
}
.lists li{
text-align: left;
display: block;
}
.lists li.circle{background: url(../img/common/circle.png) 3px 10px no-repeat;background-size: 7px 7px; padding-left: 17px;}
.lists li.kome{background: url(../img/common/kome.png) no-repeat 0 5px; background-size: 13px 13px; padding-left: 17px;}
.lists li.komeRed{background: url("../img/common/komeRed.png") no-repeat 0 6px; background-size: 14px 14px; padding-left: 17px; color: #ff0000;}
.lists li.dot{background: url(../img/common/circle.png) no-repeat 5px 9px;background-size: 5px 5px; padding-left: 17px;}

/*
.lists li.circlePink{background: url(../img/common/circlePink.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.circleRed{background: url(../img/common/circleRed.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.circleGreen{background: url(../img/common/circleGreen.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dot{background: url("../img/common/square.png") 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dotPink{background: url(../img/common/squarePink.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dotRed{background: url(../img/common/squareRed.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dotGreen{background: url(../img/common/squareGreen.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.arrow{background: url(../img/common/arrow.png) 0px 5px no-repeat;background-size: 14px 14px; padding-left: 20px;}
.lists li.arrow2{background: url(../img/common/arrow2.png) 0px 7px no-repeat;background-size: 12px 8px; padding-left: 20px;}
*/

table.one{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	font-size: 100%;
}

.one th{
	width:10%;
	padding: 20px;
	border-right:1px dotted #006ea0;
	color: #006ea0;
	text-align:right;
	font-weight:700;
	vertical-align:top;
	white-space:nowrap;
	background: #f7f7f7;
}
.one td{
	width:auto;
	padding: 20px;
	text-align:left;
	vertical-align:top;
	background: #f7f7f7;
}

.one tr:nth-child(odd) th,
.one tr:nth-child(odd) td{
	background: #fff;
}

table.zero{
	width:100%;
	font-size:100%;
	text-align:left;
}

.zero th{
	width:1%;
	margin:0;
	padding:0 5px 0 0;
	text-align:left;
	font-weight:400;
	vertical-align:top;
	white-space:nowrap;
}
.zero td{
	width:auto;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
table.two{
	font-size:100%;
	text-align:left;
	border-collapse:collapse;
	border: 1px solid #ccc;
}
table.two caption{text-align:left;}
.two th{
	width: 1%;
	margin:0;
	padding:5px 8px;
	color: #2660ac;
	text-align:left;
	font-weight:700;
	vertical-align:top;
	white-space:nowrap;
	border-right: 1px dotted #2660ac;
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
}
.two td{
	width:auto;
	margin:0;
	padding:5px 10px;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.two td.number{text-align:right;color: #2660ac;}

table.browse{
	width: 67%;
	font-size:95%;
	text-align:left;
	border-collapse:collapse;
	border: 1px solid #ccc;
}

.browse th{
	width:5%;
	padding:8px 10px;
	border-right:	1px solid #ccc;
	border-bottom:	1px solid #ccc;
	text-align:left;
	font-weight:700;
	vertical-align:middle;
	white-space:nowrap;
	background-color: #fff;
}
.browse td{
	padding:5px 10px;
	text-align:left;
	vertical-align:middle;
	border-right:	1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff6ed;
}
table.browse tr:nth-child(odd) td{background: #e2e9f5;}

table.three{
	text-align:left;
	border-collapse:collapse;
	border: 1px solid #ccc;
}
table.three caption{text-align:left;}
.three th{
	margin:0;
	padding:5px 12px;
	color: #2c6d9c;
	text-align:center;
	font-weight:700;
	vertical-align:top;
	border-bottom: 1px dotted #2660ac;
	border-right: 1px solid #ccc;
	background-color: #f7f7f7;
}
.three td{
	width:auto;
	margin:0;
	padding:5px 12px;
	text-align:right;
	vertical-align:top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*flexbox*/
.flexbox {
	display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
	align-content:flex-start;
	word-wrap:break-word;	
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
}

.flexbox.tops{align-items:stretch;}
.flexbox.center{align-items:center;}
.flexbox.space-betwee{align-items:space-between;}

.item3{
  width: calc(32%);
	display: table;
 }
.item3::after {
	width: calc(32%);
	display: block;
	content:"";
}
/*
.flexbox .item4{
  width: calc(24%);
	display: block;
}
.flexbox::after {
	display: block;
	content:"";
  width: calc(24%);
}
.flexbox::before {
	display: block;
	content:"";
	order: 1;
  width: calc(24%);
}
*/
.item3 img{
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}

/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1260px) {
img {
	vertical-align: top;
	max-width: 100% !important;
	height: auto;
	-ms-interpolation-mode: bicubic; 
}
#bodies{
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
}
#wrapper #leftslot{
	width: 25%;
	float:left;
	display: table-cell;
}

#wrapper #rightslot{
	width:75%;
	float:right;
	display: table-cell;
	border-left: none;
}
}




/* for Sp
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {
html, body{
	text-align: center;
	width: 100%;
	font-size:14px;
	line-height:1.6;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-image: url("../img/common/body.jpg");
	background-position: center top;
	background-size: cover;
}

/* header wrapper
--------------------------------------------------------------------------------------*/
header{
	display: block;
}

header h1 {
	width: 80%;
	padding:2% 0 2% 2%;
	text-align: left;
	line-height: 1;
}
header h1 img{
	width: 100%;
	height: auto;
}
#bodies{
	background: none;
}
#wrapper{
	max-width: inherit;
	margin: 0;
	padding: 0;
}
#wrapper #leftslot{display:none !important;}
#wrapper #rightslot{
	width:100%;
	float:none;
	display: block;
}
#wrapper #rightslot.sec{
	padding-top:2.5%; 
	padding-bottom:2.5%;
}
.slicknav_menu {display:block;}

/* footer
--------------------------------------------------------------------------------------*/
#footer {
}
	
#footer #foot{
	width: 90%;
	padding:8% 5%;
	margin: 0;
}
#footer #foot dl{
	max-width:inherit;
	margin: 0;
	position: relative;
	padding: 0;
	text-align:left;
}
#footer #foot dt{
	width: auto;
	margin: 0 0 1% 0;
	padding: 1%;
	float: none;
	clear:both;
	position:relative;
	text-align: left;
	display: block;
}
#footer #foot dd {
	margin: 0;
	padding: 0;
	position:relative; 
	overflow:hidden;
	text-align: left;
}
#copyright{
	width: 94%;
	padding:1% 3%;
}

/*
.scroll{
width:100%;
overflow: auto;
}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #f1f1f1;}
.scroll::-webkit-scrollbar-thumb {background: #bcbcbc;}
.scroll table{
	width: 200%;
}
#menu li.forSp{display:block !important;}

*/
	
/* common
--------------------------------------------------------------------------------------*/
table.one{
width: 100%;
margin: 0;
padding: 0;
text-align: left;
border-collapse:collapse;
}

.one th {
	width: auto !important;
	display: block;
	font-size:110%;
	word-break: break-all !important;
	white-space: normal !important;
	padding:1% 0;
	margin:0 0 2% 0;
	border-right:none;
	text-align:left;
	border-bottom:1px dotted #006ea0;
	background: #fff;
}
.one td {
	width: auto;
	display: block; 
	padding:1% 0 10% 0;
	border-top: none;
	border-bottom: none;
	background: #fff;
}


.item3 img{
	width: 100%;
	height: auto;
}
}