@charset "utf-8";
/*--------------------------------------
	copyright :Lampros co.,Ltd.
	-----------------------------------*/


/* layout
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* jto-contents ----------*/
#jto-contents {}
#jto-contents .inner { max-width: calc( 960px + 4rem ); margin: 0 auto; padding: 0 2rem; }
#jto-contents img { max-width: 100%; }

/* jto-mv ----------*/
#jto-mv { position: relative; width: 100%; height: 500px; overflow: hidden; margin-top: 20px; }
#mv-pt { position: absolute; width: 100%; top: 5.4rem; z-index: 100; margin: 0 auto; }
#jto-mv ul { position: relative; width: inherit; height: inherit; }
#jto-mv ul li { position: absolute; top: 0; left: 0; width: inherit; height: inherit; background-color: #FFF; }
#jto-mv ul li a, #jto-mv ul li div { position: relative; display: block; width: inherit; height: inherit; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#jto-mv ul li a span, #jto-mv ul li div span { position: absolute; bottom: 0; left: 0; right: 0; font-size: 2.6rem; display: block; width: 100%; max-width: calc( 960px + 4rem ); margin: auto; padding: 0 1rem; color: #FFF; text-align: right; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#jto-mv { height: 500px; }
	#mv-pt img { width: 38%; }
}
@media screen and (max-width:768px) { /* iPad 縦 m */
	#jto-mv { height: 400px; }
	#mv-pt img { width: 38%; }
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#jto-mv { height: 250px; }
	#mv-pt { top: 3rem; }
	#mv-pt img { width: 60%; }
}

/* jto-tab ----------*/
#jto-tab { position: relative; z-index: 1; padding: 2rem 0 10rem; background-image: url(../images/nv_bg.png); background-repeat: no-repeat; background-position: center top; background-size: contain; }
#jto-tab .inner {}
#jto-tab ul {}
#jto-tab ul li {}
#jto-tab ul li a { display: block; padding: 2rem; font-size: 1.8rem; text-align: center; line-height: 1.2; background-color: rgba(255,229,153,0.95); }
#jto-tab ul li.on a { font-weight: bold; color: #FFF; background-color: rgba(132,21,21,0.95); }
#jto-tab ul li a:hover { text-decoration: none; }
@media screen and (max-width:736px) { /* iPhone 横 */
	#jto-tab ul li a { padding: 1rem; }
}

/* jto-body ----------*/
#jto-body { margin-top: -8rem; }
#jto-body .sec { border: solid 1px #EEE; padding: 4rem; }
#jto-body .area { border-bottom: solid 1px #EEE; margin-bottom: 4rem; padding-bottom: 4rem; }
#jto-body .area:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
#jto-body .area img { vertical-align: top; }
#jto-body .area p .credit { float: right; }
#jto-body .box p { font-size: 1.6rem; color: #841515; vertical-align: baseline; }
#jto-body .box strong { font-size: 1.8rem; font-weight: bold; color: #333; vertical-align: baseline; }
#jto-body .box i { width: 2rem; display: inline-block; vertical-align: middle; }
#jto-body .box i img { width: 100%; }
#jto-body [class*="col"] { position: relative; }
#jto-body .btww { padding-bottom: 6rem; }
#jto-body .btw { position: absolute; width: 100%; bottom: 0; }
#jto-body .btw a:hover { text-decoration: none; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#jto-body .sec { padding: 3rem; }
}
@media screen and (max-width:736px) { /* iPhone 横 ms */
	#jto-body .btww { padding-bottom: 0; }
	#jto-body .btw { position: inherit; }
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#jto-body .sec { padding: 2rem; }
}

.pageTop { z-index: 100; }


@media screen and (max-width:1024px) { /* iPad 横 l */
}
@media screen and (max-width:768px) { /* iPad 縦 m */
}
@media screen and (max-width:736px) { /* iPhone 横 ms */
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
}
@media only screen and (orientation:landscape) { /* 横 */
}
@media only screen and (orientation:portrait) { /* 縦 */
}

/* memo
animate		-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
radius			-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;
box-shadow	-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.4); -moz-box-shadow:10px 10px 10px rgba(0,0,0,0.4); -o-box-shadow:10px 10px 10px rgba(0,0,0,0.4); -ms-box-shadow:10px 10px 10px rgba(0,0,0,0.4); box-shadow:10px 10px 10px rgba(0,0,0,0.4);
rotate			-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
skew			-webkit-transform:skew(45deg); -moz-transform:skew(45deg); -o-transform:skew(45deg); -ms-transform:skew(45deg); transform:skew(45deg);
scale			-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);
translate		-webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
perspective	-webkit-transform:perspective(500px); -moz-transform:perspective(500px); -o-transform:perspective(500px); -ms-transform:perspective(500px); transform:perspective(500px);
origin			-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -o-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom;
top center	position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
left center	position:relative; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);
triangle		width:0; height:0; border:80px solid transparent; border-top:80px solid #f00;
-webkit-overflow-scrolling:touch;
*/