@charset "utf-8";
/* ==================================================================
CSS information
style info :RESET
================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000;  font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

h1 , h2 , h3 , h4 { line-height:1; }
ul { list-style:none; }
p { line-height:1; }
img { vertical-align:bottom; border:none; }
table { font-size:inherit; font:100%;}




/* ==================================================================
CSS information
style info :共通
================================================================== */
html,body { -webkit-text-size-adjust: none; }
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }
div, h1, h2, h3, h4, h5, p ,
ul, li, ol, dl, dt, dd, a, span ,
header, footer, section, aside, article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


img { max-width: 100%; height: auto; display: block;}
@media screen and (max-width: 640px) {
}




/* --------------------------------------------------------
#allWrap
-------------------------------------------------------- */
#allWrap:after { content: ""; display: block; clear: both; position: relative; }
#allWrap { zoom:1; overflow: hidden; }
#allWrap { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
@media screen and (min-width: 1367px) {
}


/* --------------------------------------------------------
nowloading
-------------------------------------------------------- */
#nowloading { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff100; z-index: 9990; }
#nowloading_icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; text-align: center;  z-index: 9991; }
#nowloading_icon { border-radius: 50%; border: solid 1px #161616; }
#nowloading_icon img { animation: nowloadingAnime 2s infinite linear both; width: 65%; }
@keyframes nowloadingAnime {
	from { transform: rotateY(0deg); }
	to { transform: rotateY(360deg); }
}
@media screen and (min-width: 641px) {
}



/* --------------------------------------------------------
.sec
-------------------------------------------------------- */
.sec { background: #fff100; padding-bottom: calc(60/750*100%); position: relative; }
.sec_inner { padding: 0 calc(50/750*100%); margin: 0 auto;}

@media screen and (min-width: 641px) {
	.sec { padding-bottom: calc(60/1600*100%); }
	.sec_inner { padding: 0; }
}
@media screen and (min-width: 1601px) {
	.sec { padding-bottom: 60px; }
	.sec_inner { width: 1600px;}
}

/*
.section_inner { background: rgba(255,255,255,0.2);}
*/


/* ----------------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------------- */
footer { background: #f5f5f5; position: relative; padding: calc(15/750*100%) calc(30/750*100%); }
footer .list_fo { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: start; justify-content: start; position: relative; margin-bottom: calc(20/690*100%);}
footer .list_fo li { width: calc(56/690*100%); margin-right: calc(20/690*100%);}
footer .copyright { text-align: center; font-size: 1.0rem;}

@media screen and (min-width: 641px) {
	footer { padding: calc(15/1600*100%) calc(20/1600*100%); }
	footer .list_fo { margin-bottom: calc(20/1600*100%);}
	footer .list_fo li { width: calc(56/1600*100%); margin-right: calc(20/1600*100%);}
	footer .copyright { font-size: 1.2rem;}
}
@media screen and (min-width: 1601px) {
	footer { padding: 15px 20px; }
	footer .list_fo { margin-bottom: 20px;}
	footer .list_fo li { width: 56px; margin-right: 20px;}	
}



/* ----------------------------------------------------------------------------------------------------------------
#colorbox
---------------------------------------------------------------------------------------------------------------- */
#colorbox.forMV , .forMV #cboxWrapper ,
#colorbox.forIMG , .forIMG #cboxWrapper { overflow: visible!important; }
.forMV #cboxContent ,
.forIMG #cboxContent { background: none; }
#cboxOverlay { background: #000!important; }
#cboxLoadingOverlay{ background: #000!important; display: none!important;}
#cboxLoadingGraphic{ /*background:url(images/loading.gif) no-repeat center center;*/ display: none!important;}
.forMV #cboxLoadedContent ,
.forIMG #cboxLoadedContent { background: none; padding: 0; background-color: #000;}
.forMV #cboxLoadedContent ,
.forIMG #cboxLoadedContent { -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; -ms-box-sizing: border-box!important; box-sizing: border-box!important;}
.forMV #cboxClose ,
.forIMG #cboxClose { width: 50px; height: 50px; background: url(../img/btn_close.png) center center no-repeat; background-size: cover; top: -45px; right: -10px;}
.forMV #cboxClose:hover ,
.forIMG #cboxClose:hover { background-position: center center;}
@media screen and (min-width: 641px) {
	.forMV #cboxLoadedContent ,
	.forIMG #cboxLoadedContent { border: 0px solid #1f5dfa; }
	.forMV #cboxClose ,
	.forIMG #cboxClose { width: 50px; height: 50px; top: -45px; right: -10px; opacity: 0.7;}
}

/* #colorbox.forMV
---------------------------------------------------------------------------------------------------------------- */
.forMV .cboxIframe { background: none; }
.forMV .cboxIframe { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media screen and (min-width: 641px) {
}

/* #colorbox.forIMG
---------------------------------------------------------------------------------------------------------------- */
.forIMG #cboxLoadedContent { height: auto!important;}
.forIMG #cboxLoadedContent .cboxPhoto { width: 100%!important; height: auto!important;}
@media screen and (min-width: 641px) {
}




/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
.sp { display: block; }
.pc { display: none; }
}
.sp { display: none; }

/*clearfix
----------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom:1; }
.cr { clear:both; }

/*pagetop
#pageTop { width: 100%; text-align: center; padding: calc(20/750*100%) 0 0; position: absolute; bottom: 0; left: 0; }
#pageTop a { display: block; width: 100%; height: auto; padding-top: calc(75/750*100%); margin: 0 auto; position: relative; background: url(../img/t2/btn_pagetop.png) center center no-repeat; background-size: calc(100/750*100%);}
#pageTop a span { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0, 0, 0, 0);}
@media screen and (min-width: 641px) {
	#pageTop { display: none; }
}
----------------------------------------------------*/