/*base*/
img{ adding:0; margin:0; vertical-align:bottom;}
body{ background:#fff; padding: 0; margin: 0; color: #021B54;}
html{padding: 0; margin: 0;}

a{ outline:none;}
a img{ outline:none;}
a{color:#005bac;}
a:hover{color:#7397c7;}
a:hover img {
opacity: 0.6;
}
a img {/*フェード*/
transition: opacity 0.2s ease-out;
}

.pc{ display: block;}
.sp{ display: none;}
@media (max-width: 750px) {
.pc{ display: none;}
.sp{ display: block;}
}/*END*/



/*anime set
================================*/
#main img,
#item img{ visibility: hidden;} 
/*================================*/



/*----------------------------------------
	 main 
 ----------------------------------------*/
#main img{ width: 100%; }

/*----------------------------------------
	 item 
 ----------------------------------------*/
#item ul { width: 92%; margin: 0 auto; padding: 0px;}
#item ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#item ul li{ width: 100%; float: left; position: relative; }
#item ul li{ margin-top: 100px; }
#item ul li img{ width: 50%; }
#item ul li img{ float: left;}
#item ul li.fr img{ float: right;}
#item ul li.fr-2 img{ width: 100%; }
@media (max-width: 750px) {
#item ul { width: 84%; margin: 0 auto; padding: 0px;}
#item ul li{ margin-top: 11%;}
#item ul li img{ width: 100%; margin: 2.5px 0; }
#item ul li img{ float: none;}	
#item ul li.fr img{ float: none;}
}/*END*/
#item ul li .plus_btn_L,
#item ul li .plus_btn_R{ display: block; height: 100%; position: absolute; top:0px; width: 4%;  cursor: pointer; margin: 0; padding: 0; }
#item ul li .plus_btn_L{ left: -4%; }
#item ul li .plus_btn_R{ right: -4%; }
#item ul li .plus_btn_L::after { background:url(../img/plus.png) left top  no-repeat ; background-size: cover; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -12px; position: absolute; content:" "; display:block;  z-index: 2; }
#item ul li .plus_btn_R::after { background:url(../img/plus.png) left top  no-repeat ; background-size: cover; right: 50%; top: 50%; width: 20px; height: 20px; margin: -10px -12px 0 0 ; position: absolute; content:" "; display:block;  z-index: 2; }
#item ul li .plus_btn_L:hover,
#item ul li .plus_btn_R:hover{ opacity: 0.6; }
@media (max-width: 750px) {
#item ul li .plus_btn_L{ display: block; height: 50%; position: absolute; top:0px; width: 8%;  cursor: pointer; margin: 0; padding: 0; }
#item ul li .plus_btn_R{ display: block; height: 50%; position: absolute; top: inherit; bottom:0px; width: 8%;  cursor: pointer; margin: 0; padding: 0; }
#item ul li.fl .plus_btn_L{ display: block; height: 100%; position: absolute; top:0px; width: 8%;  cursor: pointer; margin: 0; padding: 0; }
#item ul li.fr .plus_btn_R{ display: block; height: 100%; position: absolute; top: inherit; bottom:0px; width: 8%;  cursor: pointer; margin: 0; padding: 0; }
#item ul li .plus_btn_L{ left: -8%; }
#item ul li .plus_btn_R{ right: -8%; }
}/*END*/

/*----------------------------------------
	 [ md ] 
 ----------------------------------------*/
.md{ display: none; overflow: visible; }
/* ------- inline window ------ */
.vbox-inline{ width:92% !important; min-height: auto; text-align: left; margin: 0 auto;  padding: 0px; }
.popup_co{ overflow: visible; background:#; position:relative;  width:100% !important; padding:0px 0;  height: 0%; margin:10px auto 0 auto;  text-align:center; }
.popup_co::after { content:" "; display:block; clear:both;}/*clearfix*/
.popup_coL{  width: 50%; float: left; min-height: 10px;}
.popup_coR{ width: 50%; float: right; min-height: 10px;}
@media (max-width: 750px) {
.popup_coL{  width: 100%; float: none; min-height: 10px;}
.popup_coR{ width: 100%; float: none; min-height: 10px;}
}/*END*/
.inner{ position: relative; width: 90%; max-width: 350px; margin: 0px auto; padding: 18px 0; }
.inner p{ font-size: 12px; line-height: 1.7; width: 88%; margin: 0px auto; padding: 0px 0 15px;  color: #021B54; text-align: left;}
.inner p a{  color: #021B54; text-decoration: none;}
.btn_close{ cursor: pointer; position:absolute; top: -24px; right: 20px; width: 20px; height: 20px; padding: 0px 0px 0px 0;  display: block;  background: url(../img/close.png) no-repeat left top ;	background-size: cover; color: #f00;  text-indent: -9999px;	z-index:20000;}
.btn_close:hover {opacity: 0.7;-webkit-opacity: 0.7;-moz-opacity:0.7;filter: alpha(opacity=70); /* IE lt 8 */-ms-filter: "alpha(opacity=70)"; /* IE 8 */}
@media screen and (max-width:750px){
.inner{ position: relative; border: none; width: 90%; max-width: 350px; margin: 0px auto; padding: 18px 0; }
}/*END*/

/*----------------------------------------
	 credit 
 ----------------------------------------*/
#credit { width: 100%; margin: 200px auto 0; padding: 0px; }
#credit a{color: #021B54; text-decoration: none; }
#credit h2{  width: 92%; margin: 0 auto; font-size: 20px; line-height: 1.6; font-family: 'Open Sans', sans-serif; font-weight: normal;}
#credit ul { width: 97%; /*max-width:1300px;*/  margin: 40px auto 0; padding: 0px; }
#credit ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#credit ul li{ width: 28%; float: left; margin: 10px 2.66%; }
@media screen and (max-width:750px){
#credit { width: 100%; margin: 20% auto 0; padding: 0px; }
#credit h2{  width: 84%; margin: 0 auto; font-size: 20px; line-height: 1.6; font-family: 'Open Sans', sans-serif; font-weight: normal;}
#credit ul { width: 84%; /*max-width:1300px;*/  margin: 3% auto 0; padding: 0px; }
#credit ul li{ width: 100%; float: left; margin: 5% 0%; }
}/*END*/
#credit ul li img{ width: 100%; /*max-width: 353px;*/ float: left; margin: 10px 0 17px;  font-family: 'Open Sans', sans-serif; font-weight: normal;}
#credit ul li dl{ width: 100%;  font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 10px; line-height: 1.6;}
#credit ul li dl dt{ float: left;}
#credit ul li dl dd{ margin-left:32px; margin-bottom:14px;  }
@media only screen and (max-width: 750px) {
.ac .ac_btn{ position: relative;}
.ac .ac_btn:hover{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;cursor: pointer;}
.ac .ac_btn:before { background:url(../img/plus.png) left top  no-repeat ; right: 0px; top: 50%; width: 20px; height: 20px; background-size: cover; margin-top: -10px; position: absolute; content:" "; display:block;  z-index: 2; }
.ac .ac_co {  display: none;}
.ac.ac_on .ac_btn:before { background:url(../img/close.png) left top  no-repeat ; right: 0px; top: 50%; width: 20px; height: 20px; background-size: cover; margin-top: -10px; position: absolute; content:" "; display:block;  z-index: 2; }
.ac.ac_on .ac_co { display: block; }
}

/*----------------------------------------
	 footer 
 ----------------------------------------*/
footer{ text-align: center; padding: 190px 0 85px;}
footer img{ width: 180px; }
@media only screen and (max-width: 750px) {
footer{ text-align: center; padding: 70px 0 40px;}
footer img{ width: 120px; }
}