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


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


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

/* jto-mv ----------*/
#jto-mv, #jto-mv-sp { margin-top: 20px; }
#jto-mv .inner { position: relative; max-width: 1400px; padding: 0; }
#jto-mv .inner p img { display: block; }
#mv_nav { position: absolute; top: 5.7%; right: 3%; width: 33%; }
#mv_nav .w { background-color: #FFF; padding: 2%;
	-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; }
#mv_nav .h { padding: 2%; }
#mv_nav .h h2 { vertical-align: middle; font-size: 2rem; font-weight: bold; float: left; line-height: 1.2; }
#mv_nav .h h2 .icon { width: 3rem; vertical-align: middle; }
#mv_nav .h .s { float: right; margin: 1% 0; font-size: 1.4rem; font-weight: bold; }
#mv_nav .h .s i { color: #65CCE6; }
#mv_nav .h .s span:nth-child(2) { color: #E9526B; }
#mv_nav .h .s span:nth-child(3) { color: #72AA4C; }
#mv_nav .h .s span:nth-child(4) { color: #1992CB; }
#mv_nav .cw { overflow: auto; height: 35rem; }
#mv_nav .cw li { margin-bottom: 3px; }
#mv_nav .cw li a { position: relative; display: block; padding: 1.5% 2%; color: #FFF;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#mv_nav .cw a:hover { text-decoration: none; }
#mv_nav .cw a .fa-angle-right { position: absolute; top: 0; bottom: 0; right: 3%; margin: auto; background-color: #FFF; width: 2rem; height: 2rem; font-size: 1.4rem; text-align: center; line-height: 2rem;
	-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%; }
#mv_nav .cw .c1 a { background-color: #91ca5d; }
#mv_nav .cw .c1 a .fa-angle-right { color: #91ca5d; }
#mv_nav .cw .c2 a { background-color: #90cdb8; }
#mv_nav .cw .c2 a .fa-angle-right { color: #90cdb8; }
#mv_nav .cw .c3 a { background-color: #90c2dd; }
#mv_nav .cw .c3 a .fa-angle-right { color: #90c2dd; }
#mv_nav .cw .c4 a { background-color: #f7c96f; }
#mv_nav .cw .c4 a .fa-angle-right { color: #f7c96f; }
#mv_nav .cw .c5 a { background-color: #d697e4; }
#mv_nav .cw .c5 a .fa-angle-right { color: #d697e4; }
#mv_nav .cw .c6 a { background-color: #f47fc0; }
#mv_nav .cw .c6 a .fa-angle-right { color: #f47fc0; }
#mv_nav .cw .c7 a { background-color: #f2816f; }
#mv_nav .cw .c7 a .fa-angle-right { color: #f2816f; }
#mv_nav .cw .c { font-size: 1.2rem; font-weight: bold; vertical-align: middle; display: block; opacity: 0.8; }
#mv_nav .cw .c .icon { width: 2rem; height: 2rem; vertical-align: middle; }
#mv_nav .cw .t { font-size: 1.6rem; font-weight: bold; vertical-align: middle; }
#mv_nav .cw .t .l { display: inline-block; font-size: 1.2rem; background-color: rgba(255,255,255,0.3); padding: 4px 6px; line-height: 1; vertical-align: middle;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#mv_nav .room { padding: 2%; }
#mv_nav .room a { position: relative; display: block; vertical-align: middle; padding: 3%; border: solid 1px #23959E; font-size: 1.6rem; font-weight: bold; color: #23959E; background-color: #FFF;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#mv_nav .room a:hover { text-decoration: none; }
#mv_nav .room a .icon { width: 3rem; vertical-align: middle; }
#mv_nav .room a .fa-angle-right { position: absolute; top: 0; bottom: 0; right: 3%; margin: auto; background-color: #23959E; color: #FFF; width: 2rem; height: 2rem; font-size: 1.4rem; text-align: center; line-height: 2rem;
	-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%; }
#jto-mv-sp ul { padding: 2%; }
#jto-mv-sp ul li:nth-child(-n+3) {
  width: 32.66%;
  margin-right: 1%;
  margin-bottom: 1.5%;
}
#jto-mv-sp ul li:nth-child(3){
  margin-right: 0;
}
#jto-mv-sp ul li:nth-last-child(-n+4){
  width: 24.25%;
  margin-right: 1%;
}
#jto-mv-sp ul li:nth-child(7){
  margin-right: 0;
}
#jto-mv-sp ul li a { display: block; text-align: center; padding: 6% 4%; font-weight: bold; color: #FFF; line-height: 1.3;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
#jto-mv-sp ul li:nth-child(1) a { background-color: #91ca5d; }
#jto-mv-sp ul li:nth-child(2) a { background-color: #90cdb8; }
#jto-mv-sp ul li:nth-child(3) a { background-color: #90c2dd; }
#jto-mv-sp ul li:nth-child(4) a { background-color: #f7c96f; }
#jto-mv-sp ul li:nth-child(5) a { background-color: #d697e4; }
#jto-mv-sp ul li:nth-child(6) a { background-color: #f47fc0; }
#jto-mv-sp ul li:nth-child(7) a { background-color: #f2816f; }
#jto-mv-sp ul li a .icon { width: 5rem; height: 5rem; }

#mv_nav .area1 .h h2 span { color: #9ED33D; }
#mv_nav .area2 .h h2 span { color: #90cdb8; }
#mv_nav .area3 .h h2 span { color: #90c2dd; }
#mv_nav .area4 .h h2 span { color: #F9B838; }
#mv_nav .area5 .h h2 span { color: #d697e4; }
#mv_nav .area6 .h h2 span { color: #f47fc0; }
#mv_nav .area7 .h h2 span { color: #f2816f; }
#mv_nav .area8 .h h2 span { color: #9582C2; }

#mv_nav .area1 .cw li { display: none; }
#mv_nav .area1 .cw .area1 { display: block; }
#mv_nav .area2 .cw li { display: none; }
#mv_nav .area2 .cw .area2 { display: block; }
#mv_nav .area3 .cw li { display: none; }
#mv_nav .area3 .cw .area3 { display: block; }
#mv_nav .area4 .cw li { display: none; }
#mv_nav .area4 .cw .area4 { display: block; }
#mv_nav .area5 .cw li { display: none; }
#mv_nav .area5 .cw .area5 { display: block; }
#mv_nav .area6 .cw li { display: none; }
#mv_nav .area6 .cw .area6 { display: block; }
#mv_nav .area7 .cw li { display: none; }
#mv_nav .area7 .cw .area7 { display: block; }
#mv_nav .area8 .cw li { display: none; }
#mv_nav .area8 .cw .area8 { display: block; }



/* jto-body ----------*/
#jto-body { padding: 6rem 0; }
#jto-body .icon { display: inline-block; }
#jto-body .icon img { width: 100%; }
#jto-body .sec { margin-bottom: 4rem; }
#jto-body h2 { font-size: 3.6rem; font-weight: bold; margin-bottom: 6rem; }
#jto-body h2 .ci {
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  text-align: center;
  margin-bottom: 2rem;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}
#jto-body h2 .ci a {
  display: block;

}
#jto-body h2 .ci .icon{
  display: block;
  line-height: 1;
  width: 8rem;
  height: 8rem;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  -ms-border-radius:50%;
  border-radius:50%;
  padding: 1.4rem 1.5rem;
}
#jto-body h2 .ci .txt{
  font-size: 1.4rem;
  display: block;
}
#jto-body h2 .ci a:nth-child(1) { color: #91ca5d; }
#jto-body h2 .ci a:nth-child(2) { color: #90cdb8; }
#jto-body h2 .ci a:nth-child(3) { color: #90c2dd; }
#jto-body h2 .ci a:nth-child(4) { color: #f7c96f; }
#jto-body h2 .ci a:nth-child(5) { color: #d697e4; }
#jto-body h2 .ci a:nth-child(6) { color: #f47fc0; }
#jto-body h2 .ci a:nth-child(7) { color: #f2816f; }
#jto-body h2 .ci a:nth-child(1) .icon { background-color: #91ca5d; }
#jto-body h2 .ci a:nth-child(2) .icon { background-color: #90cdb8; }
#jto-body h2 .ci a:nth-child(3) .icon { background-color: #90c2dd; }
#jto-body h2 .ci a:nth-child(4) .icon { background-color: #f7c96f; }
#jto-body h2 .ci a:nth-child(5) .icon { background-color: #d697e4; }
#jto-body h2 .ci a:nth-child(6) .icon { background-color: #f47fc0; }
#jto-body h2 .ci a:nth-child(7) .icon { background-color: #f2816f; }
#jto-body h2 .c1 { color: #91ca5d; }
#jto-body h2 .c2 { color: #f9b839; }
#jto-body h2 .c3 { color: #f2816f; }
#jto-body h3 { font-size: 2.6rem; font-weight: bold; vertical-align: middle; line-height: 1.3; }
#jto-body h3 .icon { display: inline-block; width: 4.5rem; vertical-align: middle; margin-right: 1rem; }
#jto-body h3.c1 { color: #91ca5d; }
#jto-body h3.c2 { color: #90cdb8; }
#jto-body h3.c3 { color: #90c2dd; }
#jto-body h3.c4 { color: #23959E; }
#jto-body h3.c5 { color: #f7c96f; }
#jto-body h3.c6 { color: #d697e4; }
#jto-body h3.c7 { color: #f47fc0; }
#jto-body h3.c8 { color: #f2816f; }
#jto-body h3 span { display: inline-block; }
#jto-body .hv { margin: 0; width: 100%; height: 20rem; background-size: cover; background-position: center center; }
#jto-body .hv img { vertical-align: top; }
#jto-body .more { text-align: center; margin: 0; }
#jto-body .more.op { margin-top: -3rem; }
#jto-body .more.cl { display: none; margin-top: 3rem; }
#jto-body .open > .more.op { display: none; }
#jto-body .open > .more.cl { display: block; }
#jto-body .more a { position: relative; display: inline-block; border: solid 3px #333; width: 30rem; height: 6rem; line-height: 6rem; font-size: 1.8rem; font-weight: bold; background-color: #FFF;
	-webkit-border-radius:6rem; -moz-border-radius:6rem; -o-border-radius:6rem; -ms-border-radius:6rem; border-radius:6rem;}
#jto-body .more a .fa { position: absolute; top: 0; bottom: 0; right: 3%; margin: auto; background-color: #91ca5d; color: #FFF; width: 2rem; height: 2rem; font-size: 1.4rem; text-align: center; line-height: 2rem;
	-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%; }


#jto-body .open > .spots { display: block; }
#jto-body .spot { padding-top: 5px; }
#jto-body .spot .lh {}
#jto-body .spot .lh a { position: relative; display: block; padding: 1% 4rem 1% 1%; overflow: hidden;
	-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; }
#jto-body .spot.open .lh a { -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; }
#jto-body .spot .lh h4 { font-size: 1.8rem; font-weight: bold; }
#jto-body .spot .lh h4 .l { display: block; float: left; width: 10rem; text-align: center; font-size: 1.4rem; font-weight: bold; background-color: #FBDEE3; padding: 8px 6px; line-height: 1; vertical-align: middle; margin-right: 2rem;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#jto-body .spot .lh h4 .ht { overflow: hidden; display: block; line-height: 1.3; }
#jto-body .spot .lh h4 i { width: 3rem; height: 3rem; font-size: 1.4rem; overflow: hidden; line-height: 3rem; text-align: center; color: #FFF; position: absolute; top: 0; bottom: 0; right: 1%; margin: auto;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#jto-body .spot .lh h4 .fa-angle-up { display: none; }
#jto-body .spot.open .lh h4 .fa-angle-up { display: block; background-color: #4E4D4D !important; }
#jto-body .spot.open .lh h4 .fa-angle-down { display: none; }
#jto-body .spot .cw { display: none; padding: 0 1% 1% 1%;
	-webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
#jto-body .spot.open > .cw { display: block; }
#jto-body .spot .cw .w { background-color: #FFF; padding: 2.2%;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#jto-body .spot .cw .h { position: relative; margin-bottom: 2rem; }
#jto-body .spot .cw .h h5 { font-size: 3rem; font-weight: bold; color: #4E4D4D; float: left; line-height: 1.4; }
#jto-body .spot .cw .h p { float: right; }
#jto-body .spot .cw h6 { font-size: 2rem; font-weight: bold; border-left: solid 5px; padding: 1.4% 2%; }
#jto-body .spot .cw strong { font-weight: bold; }
#jto-body .spot .cw .box-access { vertical-align: top; }
#jto-body .spot .cw .box-access span { position: relative; display: block; float: left; padding: 2% 3%; font-size: 1.6rem; color: #333; font-weight: bold; line-height: 1.3; vertical-align: top; }
#jto-body .spot .cw .box-access span:before { font:normal normal normal 14px/1 FontAwesome; content:"\f105"; font-size: 4rem; position: absolute; top: 4.5rem; right: -1rem; }
#jto-body .spot .cw .box-access span:last-child:before { display: none; }
#jto-body .spot .cw .box-access span small { font-weight: bold; }
#jto-body .spot .cw .box-access .icon { width: 4.5rem; margin-bottom: 1rem; }
#jto-body .spot .cw p { line-height: 1.4; }
#jto-body .spot .cw .ex { background-color: #FCFBF5; padding: 1rem; }
#jto-body .spot .cw .ex strong { color: #FFF; padding: 5px; display: inline-block; line-height: 1; margin-left: -1rem; }
#jto-body .spot .more-spot { padding: 4rem 0 2rem; }
#jto-body .spot .pw { margin-bottom: 2rem; }
#jto-body .spot .pw .col-4 {}
#jto-body .spot .pw .col-4 .col { margin: 0; margin-bottom: 2rem; }
#jto-body .spot .pw .col-4 .col p { vertical-align: top; }
#jto-body .spot .pw .col-4 .col p img { vertical-align: top; }
#jto-body .spot .close i { width: 3rem; height: 3rem; font-size: 1.4rem; background-color: #4E4D4D; overflow: hidden; line-height: 3rem; text-align: center; color: #FFF; float: right;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
@media screen and (max-width:736px) { /* iPhone 横 */
	#jto-body .spot .pw .col-4 .col { width:calc( ( ( ( 99.9999% - 22rem ) / 12 ) * 6 ) + 10rem ); float: left; }
	#jto-body .spot .pw .col-4 .col:last-child { margin-left: 2rem; }
}
@media screen and (max-width:414px) { /* iPhone 縦 */
	#jto-body .spot .cw .box-access span { width: 100%; margin-bottom: 4rem; }
	#jto-body .spot .cw .box-access span:before { position: absolute; top: auto; right: 0; bottom: -3.5rem; left: 0; margin: auto;
		-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
}

#sec1 .spot .lh a { background-color: #F4F8F1; }
#sec1 .spot .lh h4 a { color: #91ca5d; }
#sec1 .spot .lh h4 .l { background-color: #E4EFDD; }
#sec1 .spot .lh h4 i { background-color: #91ca5d; }
#sec1 .spot .cw { background-color: #F4F8F1; }
#sec1 .spot .cw .h p a { color: #91ca5d; }
#sec1 .spot .cw h6 { color: #91ca5d; background-color: #F4F8F1; border-color: #91ca5d; }
#sec1 .spot .cw .h7 { color: #91ca5d; }
#sec1 .spot .cw .ex strong { background-color: #91ca5d; }
#sec1 .spot .cw .box-access span:before { color: #91ca5d; }
#sec1 .spot .cw .ex li { color: #91ca5d; }
#sec1 .more a { border-color: #91ca5d; color: #91ca5d; }
#sec1 .more a .fa { background-color: #91ca5d; }
#sec1 .more-spot a { background-color: #91ca5d; color: #FFF; }
#sec1 .more-spot a .fa { color: #FFF; }

#sec2 .spot .lh a { background-color: #F4F8F1; }
#sec2 .spot .lh h4 a { color: #90cdb8; }
#sec2 .spot .lh h4 .l { background-color: #E4EFDD; }
#sec2 .spot .lh h4 i { background-color: #90cdb8; }
#sec2 .spot .cw { background-color: #F4F8F1; }
#sec2 .spot .cw .h p a { color: #90cdb8; }
#sec2 .spot .cw h6 { color: #90cdb8; background-color: #F4F8F1; border-color: #90cdb8; }
#sec2 .spot .cw .h7 { color: #90cdb8; }
#sec2 .spot .cw .ex strong { background-color: #90cdb8; }
#sec2 .spot .cw .box-access span:before { color: #90cdb8; }
#sec2 .spot .cw .ex li { color: #90cdb8; }
#sec2 .more a { border-color: #90cdb8; color: #90cdb8; }
#sec2 .more a .fa { background-color: #90cdb8 }
#sec2 .more-spot a { background-color: #90cdb8; color: #FFF; }
#sec2 .more-spot a .fa { color: #FFF; }

#sec3 .spot .lh a { background-color: #EDF7FB; }
#sec3 .spot .lh h4 a { color: #90c2dd; }
#sec3 .spot .lh h4 .l { background-color: #D3EAF5; }
#sec3 .spot .lh h4 i { background-color: #90c2dd; }
#sec3 .spot .cw { background-color: #EDF7FB; }
#sec3 .spot .cw .h p a { color: #90c2dd; }
#sec3 .spot .cw h6 { color: #90c2dd; background-color: #EDF7FB; border-color: #90c2dd; }
#sec3 .spot .cw .h7 { color: #90c2dd; }
#sec3 .spot .cw .ex strong { background-color: #90c2dd; }
#sec3 .spot .cw .box-access span:before { color: #90c2dd; }
#sec3 .spot .cw .ex li { color: #90c2dd; }
#sec3 .more a { border-color: #90c2dd; color: #90c2dd; }
#sec3 .more a .fa { background-color: #90c2dd; }
#sec3 .more-spot a { background-color: #90c2dd; color: #FFF; }
#sec3 .more-spot a .fa { color: #FFF; }

#sec5 .spot .lh a { background-color: #fff6e4; }
#sec5 .spot .lh h4 a { color: #f7c96f; }
#sec5 .spot .lh h4 .l { background-color: #FDEAC4; }
#sec5 .spot .lh h4 i { background-color: #f7c96f; }
#sec5 .spot .cw { background-color: #fff6e4; }
#sec5 .spot .cw .h p a { color: #f7c96f; }
#sec5 .spot .cw h6 { color: #f7c96f; background-color: #fff6e4; border-color: #f7c96f; }
#sec5 .spot .cw .h7 { color: #f7c96f; }
#sec5 .spot .cw .ex strong { background-color: #f7c96f; }
#sec5 .spot .cw .box-access span:before { color: #f7c96f; }
#sec5 .spot .cw .ex li { color: #f7c96f; }
#sec5 .more a { border-color: #f7c96f; color: #f7c96f; }
#sec5 .more a .fa { background-color: #f7c96f; }
#sec5 .more-spot a { background-color: #f7c96f; color: #FFF; }
#sec5 .more-spot a .fa { color: #FFF; }

#sec6 .spot .lh a { background-color: #f9edfc; }
#sec6 .spot .lh h4 a { color: #d697e4; }
#sec6 .spot .lh h4 .l { background-color: #F0CFF7; }
#sec6 .spot .lh h4 i { background-color: #d697e4; }
#sec6 .spot .cw { background-color: #f9edfc; }
#sec6 .spot .cw .h p a { color: #d697e4; }
#sec6 .spot .cw h6 { color: #d697e4; background-color: #f9edfc; border-color: #d697e4; }
#sec6 .spot .cw .h7 { color: #d697e4; }
#sec6 .spot .cw .ex strong { background-color: #d697e4; }
#sec6 .spot .cw .box-access span:before { color: #d697e4; }
#sec6 .spot .cw .ex li { color: #d697e4; }
#sec6 .more a { border-color: #d697e4; color: #d697e4; }
#sec6 .more a .fa { background-color: #d697e4; }
#sec6 .more-spot a { background-color: #d697e4; color: #FFF; }
#sec6 .more-spot a .fa { color: #FFF; }

#sec7 .spot .lh a { background-color: #fff5fb; }
#sec7 .spot .lh h4 a { color: #f47fc0; }
#sec7 .spot .lh h4 .l { background-color: #FFDEF2; }
#sec7 .spot .lh h4 i { background-color: #f47fc0; }
#sec7 .spot .cw { background-color: #fff5fb; }
#sec7 .spot .cw .h p a { color: #f47fc0; }
#sec7 .spot .cw h6 { color: #f47fc0; background-color: #fff5fb; border-color: #f47fc0; }
#sec7 .spot .cw .h7 { color: #f47fc0; }
#sec7 .spot .cw .ex strong { background-color: #f47fc0; }
#sec7 .spot .cw .box-access span:before { color: #f47fc0; }
#sec7 .spot .cw .ex li { color: #f47fc0; }
#sec7 .more a { border-color: #f47fc0; color: #f47fc0; }
#sec7 .more a .fa { background-color: #f47fc0; }
#sec7 .more-spot a { background-color: #f47fc0; color: #FFF; }
#sec7 .more-spot a .fa { color: #FFF; }

#sec8 .spot .lh a { background-color: #f9ecea; }
#sec8 .spot .lh h4 a { color: #f2816f;; }
#sec8 .spot .lh h4 .l { background-color: #FCDDD8; }
#sec8 .spot .lh h4 i { background-color: #f2816f;; }
#sec8 .spot .cw { background-color: #f9ecea; }
#sec8 .spot .cw .h p a { color: #f2816f;; }
#sec8 .spot .cw h6 { color: #f2816f;; background-color: #f9ecea; border-color: #f2816f;; }
#sec8 .spot .cw .h7 { color: #f2816f;; }
#sec8 .spot .cw .ex strong { background-color: #f2816f;; }
#sec8 .spot .cw .box-access span:before { color: #f2816f;; }
#sec8 .spot .cw .ex li { color: #f2816f;; }
#sec8 .more a { border-color: #f2816f;; color: #f2816f;; }
#sec8 .more a .fa { background-color: #f2816f;; }
#sec8 .more-spot a { background-color: #f2816f;; color: #FFF; }
#sec8 .more-spot a .fa { 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;
*/