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


/* layout
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wrapper__inner { width: auto !important; max-width: 1300px !important; }

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

/* jpr-contents ----------*/
#jpr-mv { margin-top: 20px; }
#jpr-mv .inner { max-width: 1300px; padding: 0; }
#jpr-mv .inner p img { display: block; }

/* jpr-pagenav ----------*/
#jpr-pagenav { margin-top: 1px; }
#jpr-pagenav .inner { max-width: 1300px; padding: 0; }
#jpr-pagenav ul {}
#jpr-pagenav ul li { padding-right: 1px; padding-bottom: 1px; }
#jpr-pagenav ul li a { display: block; text-align: center; padding: 1.5rem 1rem 0; color: #FFF; text-decoration: none; }
#jpr-pagenav ul li:nth-child(1) a { background-color: #61BD52; }
#jpr-pagenav ul li:nth-child(2) a { background-color: #00833F; }
#jpr-pagenav ul li:nth-child(3) a { background-color: #F28300; }
#jpr-pagenav ul li:nth-child(4) a { background-color: #0269B8; }
#jpr-pagenav ul li:nth-child(5) a { background-color: #00A7DB; }
#jpr-pagenav ul li:nth-child(6) a { background-color: #E83820; }
#jpr-pagenav ul li a span { display: block; text-align: center; }
#jpr-pagenav ul li a .t { font-size: 2rem; font-weight: bold; line-height: 1.3; margin-bottom: 1rem; }
#jpr-pagenav ul li a .s { font-size: 1.3rem; font-weight: bold; opacity: 0.8; line-height: 1.2; }
#jpr-pagenav ul li a i { font-size: 2rem; }
@media screen and (max-width:1024px) { /* iPad 横 */
	#jpr-pagenav ul li { width: 33.33%; }
}
@media screen and (max-width:414px) { /* iPhone 縦 */
	#jpr-pagenav { margin-top: 4rem; }
	#jpr-pagenav ul li { width: 50%; }
	#jpr-pagenav ul li a .t { font-size: 1.6rem; }
	#jpr-pagenav ul li a .s { font-size: 1.2rem; }
}

/* jpr-about ----------*/
#jpr-about { padding: 3rem 0; }
#jpr-about .w { background-color: #EEE; padding: 5px; max-width: 48rem; margin: 0 auto;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#jpr-about .w a { position: relative; display: block; text-decoration: none; background-color: #FFF; border: solid 1px #DDD; overflow: hidden; padding: 2rem 3rem 2rem 2rem;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#jpr-about .w .p { float: left; margin: -1rem 2rem -2rem -1rem; width: 10rem; }
#jpr-about .w .h { font-size: 2rem; color: #FF4C4C; font-weight: bold; line-height: 1.2; }
#jpr-about .w .t { font-size: 1.4rem; line-height: 1.4; }
#jpr-about .w i { position: absolute; top: 0; bottom: 0; right: 1rem; margin: auto; font-size: 1.6rem; line-height: 1; height: 1rem; width: 1rem; }

/* jpr-sec ----------*/
#jpr-contents .jpr-sec { padding-top: 10rem; }
#jpr-contents .jpr-sec h2 { position: relative; font-size: 3rem; line-height: 1.4; font-weight: bold; border-left: solid 5px #CCC; margin-bottom: 3rem; }
#jpr-contents .jpr-sec h2:before { content: ""; width: 100%; height: 6px; background-color: #000; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; z-index: -1; }
#jpr-contents .jpr-sec h2:after { content: ""; width: 100%; height: 4px; border-top: dashed 4px #FFF; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; z-index: -1; }
#jpr-contents .jpr-sec h2 span { display: inline-block; padding: 0 2rem; background-color: #FFF; }
#jpr-contents .jpr-sec .box-c { margin-bottom: 0; }
#jpr-contents .jpr-sec .box-c .row3rem { overflow: inherit; }
#jpr-contents .jpr-sec .box-c h3 { display: block; font-size: 2.4rem; line-height: 1.2; font-weight: bold; line-height: 1.4; background-color: #FFF; margin-left: -2rem; padding: 1rem 1rem 1rem 2rem; border-bottom: solid 4px #FFF; }
#jpr-contents .jpr-sec .box-c p { color: #FFF; font-size: 1.6rem; line-height: 1.4; }
#jpr-contents .jpr-sec .box-spot { margin-top: 0; }
#jpr-contents .jpr-sec .box-spot h4 { color: #FFF; font-size: 1.8rem; font-weight: bold; line-height: 1.4; text-align: center; margin-bottom: 2rem; }
#jpr-contents .jpr-sec .box-spot ul { color: #FFF; font-size: 1.6rem; text-align: center; line-height: 1.2; }
#jpr-contents .jpr-sec .ph { display: block; text-align: center; font-size: 2rem; line-height: 1.4; font-weight: bold; margin-top: 6rem; margin-bottom: 3rem; padding-bottom: 0.5rem; }
#jpr-contents .jpr-sec .ph span { display: inline-block; border-bottom: solid 2px #DDD; }
#jpr-contents .jpr-sec .ph i { vertical-align: baseline; }
#jpr-contents .jpr-sec .pt { position: relative; font-size: 1.6rem; line-height: 1.4; font-weight: bold; margin-top: 2rem; margin-bottom: 3rem; }
#jpr-contents .jpr-sec .pt:before { content: ""; width: 100%; height: 1px; background-color: #EEE; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; z-index: -1; }
#jpr-contents .jpr-sec .pt span { display: inline-block; padding: 0 2rem 0 0; background-color: #FFF; }
#jpr-contents .jpr-sec .pt span.btw { position: absolute; right: 0; top: -0.6rem; }
#jpr-contents .jpr-sec .pt span.btw .bt { font-size: 1.4rem; padding: 1rem 3.5rem 1rem 2rem; }
#jpr-contents .jpr-sec .pt i { vertical-align: baseline; }
#jpr-contents .jpr-sec .hotelList { padding: 0 2rem; }
#jpr-contents .jpr-sec .hotelList li { text-align: center; line-height: 1.3; }
#jpr-contents .jpr-sec .hotelList li a { text-decoration: underline; font-size: 1.6rem; }
#jpr-contents .jpr-sec .tourList {}
#jpr-contents .jpr-sec .tourList li {}
#jpr-contents .jpr-sec .tourList li a { display: block; }
#jpr-contents .jpr-sec .tourList li a .c { font-size: 1.2rem; color: #666; }
#jpr-contents .jpr-sec .tourList li a .h { font-size: 1.8rem; font-weight: bold; text-decoration: underline; }
#jpr-contents .jpr-sec .tourList li a .t { font-size: 1.6rem; line-height: 1.4; }
#jpr-contents .jpr-sec .tourList .t .d{ color: #008843;}
#jpr-contents .jpr-sec .tourList .t .a{ color: #00008b;}
#jpr-contents .jpr-sec .tourList .t .p{ color: #ed4e33;}
#jpr-contents .jpr-sec .more a { background-color: #FFF; color: #333 !important; border: solid 1px #CCC; text-decoration: none; }
#jpr-contents .jpr-sec .more a:hover { opacity: 1; background-color: #333; color: #FFF !important; border-color: #333; }
#jpr-contents .jpr-sec .infoBox { background-color: #FBF9F2; margin-bottom: 2rem; }
#jpr-contents .jpr-sec .infoBox .h { font-size: 1.8rem; font-weight: bold; }
#jpr-contents .jpr-sec .infoBox .t { font-size: 1.6rem; line-height: 1.4; }
#jpr-contents .jpr-sec .accordion { display: none; }
#jpr-contents .jpr-sec .accordion a { display: block; border: solid 1px rgba(255,255,255,0.5); color: #FFF; padding: 1rem; text-align: center; }
@media screen and (max-width:414px) { /* iPhone 縦 */
	#jpr-contents .jpr-sec { padding-top: 5rem; }
	#jpr-contents .jpr-sec .hotelList { padding: 0; }
	#jpr-contents .jpr-sec .tourList li { width: 100% !important; padding: 0 0 2rem; }
	#jpr-contents .jpr-sec .accordion { display: block; }
	#jpr-contents .jpr-sec .accordion + p { display: none; }
}
/* jpr-hokkaido ----------*/
#jpr-hokkaido.jpr-sec { padding-top: 3rem; }
#jpr-hokkaido.jpr-sec h3, #jpr-hokkaido.jpr-sec i { color: #61BD52; }
#jpr-hokkaido.jpr-sec h3 { border-color: #43A436 !important; }
#jpr-hokkaido.jpr-sec h2, #jpr-hokkaido.jpr-sec .ph span { border-color: #61BD52; }
#jpr-hokkaido.jpr-sec .box-c { background-color: #61BD52; }
#jpr-hokkaido.jpr-sec .box-spot { background-color: #43A436; }

/* jpr-east ----------*/
#jpr-east.jpr-sec h3, #jpr-east.jpr-sec i { color: #00833F; }
#jpr-east.jpr-sec h3 { border-color: #006E34 !important; }
#jpr-east.jpr-sec h2, #jpr-east.jpr-sec .ph span { border-color: #00833F; }
#jpr-east.jpr-sec .box-c { background-color: #00833F; }
#jpr-east.jpr-sec .box-spot { background-color: #006E34; }

/* jpr-central ----------*/
#jpr-central.jpr-sec h3, #jpr-central.jpr-sec i { color: #F28300; }
#jpr-central.jpr-sec h3 { border-color: #CB6E00 !important; }
#jpr-central.jpr-sec h2, #jpr-central.jpr-sec .ph span { border-color: #F28300; }
#jpr-central.jpr-sec .box-c { background-color: #F28300; }
#jpr-central.jpr-sec .box-spot { background-color: #CB6E00; }

/* jpr-west ----------*/
#jpr-west.jpr-sec h3, #jpr-west.jpr-sec i { color: #0269B8; }
#jpr-west.jpr-sec h3 { border-color: #01589A !important; }
#jpr-west.jpr-sec h2, #jpr-west.jpr-sec .ph span { border-color: #0269B8; }
#jpr-west.jpr-sec .box-c { background-color: #0269B8; }
#jpr-west.jpr-sec .box-spot { background-color: #01589A; }

/* jpr-shikoku ----------*/
#jpr-shikoku.jpr-sec h3, #jpr-shikoku.jpr-sec i { color: #00A7DB; }
#jpr-shikoku.jpr-sec h3 { border-color: #008CB7 !important; }
#jpr-shikoku.jpr-sec h2, #jpr-shikoku.jpr-sec .ph span { border-color: #00A7DB; }
#jpr-shikoku.jpr-sec .box-c { background-color: #00A7DB; }
#jpr-shikoku.jpr-sec .box-spot { background-color: #008CB7; }

/* jpr-kyushu ----------*/
#jpr-kyushu.jpr-sec h3, #jpr-kyushu.jpr-sec i { color: #E83820; }
#jpr-kyushu.jpr-sec h3 { border-color: #C92A14 !important; }
#jpr-kyushu.jpr-sec h2, #jpr-kyushu.jpr-sec .ph span { border-color: #E83820; }
#jpr-kyushu.jpr-sec .box-c { background-color: #E83820; }
#jpr-kyushu.jpr-sec .box-spot { background-color: #C92A14; }

#jpr-contents .jpr-sec .more i { color: #333; }
#jpr-contents .jpr-sec .more a:hover i { color: #FFF; }


@media screen and (max-width:1024px) { /* iPad 横 */
}
@media screen and (max-width:768px) { /* iPad 縦 */
}
@media screen and (max-width:736px) { /* iPhone 横 */
}
@media screen and (max-width:414px) { /* iPhone 縦 */
}
@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;
*/