@charset "utf-8";

.cardStyle02 .cs02-box.type02 .overray:after, .cardStyle02 .cs02-box_black.type02 .overray:after { background: none; }
.cardStyle02 .cs02-box.type02 a:hover img, .cardStyle02 .cs02-box_black.type02 a:hover img { opacity: .8; }

.pageTtl h1 { text-shadow: 0 0 5px #FFF, 0 0 10px #FFF; }

#container .mv01 .swiper-slide .m-txt01 {
    padding-top: 0 !important;
}
#container .mainVisual .swiper-container .swiper-pagination-bullet-active:after {
-webkit-transition: all 5s linear;
transition: all 5s linear;
}

.wifi-option { background: #FFF; border: 3px #145cc5 solid; padding: 25px; }
.wifi-option-title { width: 100%; font-size: 24px; font-weight: bold; border-bottom: 1px #CCC solid; display: table; margin-bottom: 20px; }
.wifi-option-title span { display: table-cell; vertical-align: bottom; padding-bottom: 7px; }
.wifi-option-title span.wifi-option-title-icon01 img { width: 200px !important; }
.wifi-option-table th { color: #FFF; font-weight: bold; text-align: center; background: #145cc5; padding: 5px 12px; border-bottom: 10px #FFF solid; }
.wifi-option-table td { padding: 10px; border-bottom: 10px #FFF solid; }
@media only screen and (max-width: 896px){
.wifi-option-title { display: block; }
.wifi-option-title span { display: block; padding-bottom: 0; }
.wifi-option-title span.wifi-option-title-icon01 { padding-bottom: 0.6em; }
}

@media only screen and (min-width: 897px){
.boxStyle09 .swiperOneCol { text-align: right; }
.boxStyle09 .swiperOneCol img { width: 341px !important; }
}
@media only screen and (max-width: 896px){
.boxStyle09 .swiperOneCol { text-align: center; }
.boxStyle09 .swiperOneCol img { width: 70% !important; }
}

.f-lnav .f-lnavList { justify-content: center !important; }

@media only screen and (min-width: 897px){
.bs09-block { position: relative; }
.bs09-block .wifi-award { position: absolute; top: 145px; left: 330px; }
}
@media only screen and (max-width: 896px){
.bs09-block { position: static; }
.bs09-block .wifi-award img { max-width: 100% !important; width: auto !important; padding: 10px 0; }
}

.wifi-award02 { display: table; margin: 0 auto; }
.wifi-award02 .wifi-award-link { padding-top: 5px; text-align: right; }

.main_logo01 { width: 135px; }
.main_logo02 { width: 210px; }
.main_logo03 { width: 85px; }

@media only screen and (min-width: 897px){
.title_logo01 { width: 430px; }
}


.tabStyle04.acc01 .ts04-txt { margin-left: auto; margin-right: auto; }

.text-blue { color: #195cc6; }

@media only screen and (min-width: 897px){
.img1000px-center { width: 1000px; margin-left: auto; margin-right: auto;  }
}

.linkStyle01_black.free-word, .linkStyle01_none.free-word {
    display: inline-block;
    width: auto !important;
    padding: 6px 40px 7px;
}

@media only screen and (min-width: 897px){
.cardStyle02 .cs02-wrapper.unitStyle02.twoCol { max-width: 100%; }
.cardStyle02 .cs02-wrapper.unitStyle02.twoCol .us02-box { width: 522px !important; }
}

.cardStyle02 { margin: 0 !important; padding: 0 !important; }

.anchor-list { display: table; margin: 0 auto; }
.anchor-list li { display: table-cell; vertical-align: middle; padding: 0 10px; }
@media only screen and (max-width: 896px){
.anchor-list {  }
.anchor-list li { width: 33.333% !important; padding: 0; text-align: center; }
.anchor-list li img { width: 90% !important; }
}

@media only screen and (min-width: 897px){
.details-contents04 .column_text {
    width: 400px !important;
}
}

@media only screen and (min-width: 897px){
.img-link { position: relative; overflow: hidden; }
.img-link a { position: absolute; bottom: 24px; left: 130px; }
}

@media only screen and (min-width: 897px){
.img1000-center-pc { width: 1000px; margin-left: auto; margin-right: auto; }
}

.wifi-column-3 { display: flex; justify-content: space-between; }
.wifi-column-3 > div { width: 370px; }
.wifi-column-3 > div div img { width: 100%; }
@media only screen and (max-width: 896px){
.wifi-column-3 { display: block; }
.wifi-column-3 > div { width: inherit; }
}

.text-box01 { border-collapse: collapse; }
.text-box01 th, .text-box01 td { border: 1px #000 solid; padding : .5rem; line-height: 1.4; font-weight: 500; vertical-align: middle; text-align: center; }
.text-box01 th { font-size: 18px; }
.text-box01 td { font-size: 22px; }
.text-box01 td span { display: block; font-size: 12px; }
@media screen and (max-width: 896px){
.text-box01 th { font-size: 3vw; }
.text-box01 td { font-size: 4vw; }
.text-box01 td span { font-size: 2vw; }
}

.cardStyle02 .cs02-box.no-hover:hover {
    cursor: default;
}
.cardStyle02 .cs02-box.no-hover:hover .overray::after {
    background: rgba(0, 0, 0, 0.45);
}

/* POPUP */

#popup-wifi .g-head ul { width: 100%; display: table; list-style: none; }
#popup-wifi .g-head ul li { display: table-cell; vertical-align: middle; }
#popup-wifi .g-head ul li:last-child { text-align: right; }
#popup-wifi .popup-details01 { width: 936px; display: flex; justify-content: space-between; }
#popup-wifi .popup-details01 li { width: 32%; }
#popup-wifi .popup-details01 li img { width: 100%; }
#popup-wifi .popup-details01 li span { display: block; padding-top: 5px; }
#popup-wifi .popup-details02 { border: 1px #000 solid; background: #EEE; display: table; }
#popup-wifi .popup-details02 > div { display: table-cell; vertical-align: middle; padding: 10px 15px; }
#popup-wifi .popup-details02 > div img { padding: 0 0 0 10px; }
@media screen and (max-width: 896px){
#popup-wifi .g-head ul li img { max-width: 100% !important; width: auto !important; }
#popup-wifi .popup-details01 { width: 100%; display: block; }
#popup-wifi .popup-details01 li { width: 100%; margin: 0 0 5%; }
#popup-wifi .popup-details01 li:last-child { margin: 0; }
#popup-wifi .popup-details02 > div { padding: 10px; }
#popup-wifi .popup-details02 > div img { width: 9vw; }
}

.movie_column { 
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	border: 2px #145cc5 solid;
	padding: 10px;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3) inset;
}
.movie_column > div { display: table; }
.movie_column > div p { display: table-cell; vertical-align: middle; padding: 10px; font-size: 12px; }
@media screen and (max-width: 896px){
.movie_column { width: inherit; }
.movie_column > div { display: block; }
.movie_column > div p { display: block; text-align: center; }
}

.wifi-contents,
.wifi-arrow-contents {
    display: flex;
    justify-content: space-between;
}
.wifi-contents.type03 {
    align-items: center;
}
.wifi-arrow-contents {
    align-items: flex-end;
    background: url("/ja/carrozzeria/wifi_router/wifi_router/dct-wr200d/img/arrow.png") no-repeat center bottom 122px;
}
.wifi-contents > div,
.wifi-arrow-contents > div {
    width: 520px;
}
.wifi-contents.type02 > div { width: 588px; }
.wifi-contents.type03 > div { width: 576px; }
@media screen and (max-width: 896px){
.wifi-contents,
.wifi-arrow-contents {
    display: block;
    background: none;
}
.wifi-contents > div,
.wifi-contents.type02 > div,
.wifi-contents.type03 > div,
.wifi-arrow-contents > div {
    width: inherit;
}
.wifi-contents > div:not(:last-of-type) {
    padding: 0 0 8vw;
}
.wifi-contents.type02 > div:not(:last-of-type),
.wifi-contents.type03 > div:not(:last-of-type) {
    padding: 0;
}
.wifi-arrow-contents > div:not(:last-of-type) {
    padding: 0 0 16vw;
    background: url("/ja/carrozzeria/wifi_router/wifi_router/dct-wr200d/img/arrow_sp.png") no-repeat center bottom 3vw;
    background-size: 10vw auto;
}
}

.wifi-bg { background: #ecf1f6; }
.wifi-box { background: #FFF; padding: 30px; }
@media screen and (max-width: 896px){
.wifi-box { padding: 4vw; }
}

.wifi-fig-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wifi-fig-list.type02 { justify-content: center; }
.wifi-fig-list li { padding: 0 0 20px; }
.wifi-fig-list.type02 li { padding: 0 30px; }
.wifi-fig-list.type03 li { width: 387px; padding: 0; }
.wifi-fig-list.type04 { align-items: flex-end; }
.wifi-fig-list.type04 li { width: 270px; padding: 0; }
@media screen and (max-width: 896px){
.wifi-fig-list li { padding: 0 0 2%; }
.wifi-fig-list li:nth-child(1), .wifi-fig-list li:nth-child(2)  { width: 49%; }
.wifi-fig-list li:nth-child(4), .wifi-fig-list li:nth-child(5), .wifi-fig-list li:nth-child(6) { width: 32%; }
.wifi-fig-list.type02 li { width: 45%; padding: 0 3% 6%; }
.wifi-fig-list.type02 li:last-child { padding: 0 3%; }
.wifi-fig-list.type03 li { width: inherit; }
.wifi-fig-list.type04 li { width: 48%; }
}