@charset "utf-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 { padding-left: 240px; }
}
@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; }
}

.features_bg01 { background: url("/ja/carrozzeria/wifi_router/wifi_router/dct-wr100d/img/image02.png") no-repeat; background-size: 100%; padding-top: 20vw; }
.features_bg02 { background: #edfcff url("/ja/carrozzeria/wifi_router/wifi_router/dct-wr100d/img/image06.png") no-repeat; background-size: 100%; padding-top: 24vw; }
@media only screen and (max-width: 896px){
}

.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; }
}

.wifi-column-voice {
    position: relative;
    border: 2px #b81643 solid;
    border-radius: 10px;
    margin: 0 100px;
    padding: 45px 25px 55px 35px;
    background: #FFF;
}
.wifi-column-voice-top,
.wifi-column-voice-bottom {
    display: flex;
}
.wifi-column-voice-top {
    align-items: center;
    margin: 0 0 30px;
}
.wifi-column-voice-bottom {
    justify-content: space-between;
}
.wifi-column-voice-top img {
    width: 72px;
}
.wifi-column-voice-top p {
    margin: 0 0 0 25px !important;
    font-size: 20px;
    line-height: 1.6;
}
.wifi-column-voice-top p span {
    color: #b81643;
    font-weight: bold;
}
.wifi-column-voice-bottom img {
    width: 270px;
}
.wifi-column-voice-bottom p {
    margin: 0 30px 0 0 !important;
    font-size: 16px;
    line-height: 1.9;
}
.wifi-column-voice.voice-1 {
    margin-bottom: 37px;
}
.wifi-column-voice.voice-1:after {
    position: absolute; bottom: -37px; left: 478px;
    width: 55px;
    height: 37px;
    background: url("/ja/carrozzeria/wifi_router/wifi_router/dct-wr100d/img/review_balloon_right.png") no-repeat;
    content: "";
}
.wifi-column-voice.voice-2 {
    margin-bottom: 44px;
}
.wifi-column-voice.voice-2:after {
    position: absolute; bottom: -44px; left: 475px;
    width: 58px;
    height: 44px;
    background: url("/ja/carrozzeria/wifi_router/wifi_router/dct-wr100d/img/review_balloon_left.png") no-repeat;
    content: "";
}
.wifi-column-voice-img01, .wifi-column-voice-img02, .wifi-column-voice-img03, .wifi-column-voice-img04,
.wifi-column-voice-img05, .wifi-column-voice-img06, .wifi-column-voice-img07, .wifi-column-voice-img08 {
    text-align: center;
}
.wifi-column-voice-img01 {
    margin: -7px 0 50px;
}
.wifi-column-voice-img02 {
    margin: -15px 0 0;
}
.wifi-column-voice-img03 {
    margin: -14px 0 50px;
}
.wifi-column-voice-img04 {
    padding: 13px 0 50px;
}
.wifi-column-voice-img05 {
    margin: -2px 0 50px;
}
.wifi-column-voice-img06 {
    padding: 17px 0 50px;
}
@media only screen and (max-width: 896px){
.wifi-column-voice {
    margin: 0;
    padding: 6vw 4vw;
}
.wifi-column-voice-top,
.wifi-column-voice-bottom {
    display: block;
}
.wifi-column-voice-top {
    margin: 0;
}
.wifi-column-voice-bottom {
    
}
.wifi-column-voice-top img{
    width: 22vw !important;
}
.wifi-column-voice-top p {
    margin: 0 0 4vw !important;
    padding: 3vw 0 0 !important;
    font-size: 4.4vw;
    line-height: 1.4;
}
.wifi-column-voice-top img,
.wifi-column-voice-bottom img{
    width: 100%;
}
.wifi-column-voice-bottom p {
    margin: 0 0 4vw !important;
    font-size: 3vw;
    line-height: 1.6;
}
.wifi-column-voice.voice-1:after,
.wifi-column-voice.voice-2:after {
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit- transform: translateY(0) translateX(-50%);
}
.wifi-column-voice-img01, .wifi-column-voice-img03, .wifi-column-voice-img04, .wifi-column-voice-img05,
.wifi-column-voice-img06, .wifi-column-voice-img07, .wifi-column-voice-img08 {
    margin: 0;
    padding: 3vw 0 8vw;
}
.wifi-column-voice-img02 {
    margin: 0;
    padding: 3vw 0 0;
}
}

.text-box01 { border: 1px #000 solid; padding : 5px 10px; display: inline-block; }

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

.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; }
}

.hulu-campaign { display: flex; align-items: center; border: 1px #CCC solid; }
.hulu-campaign li:first-child { padding: 32px 112px 32px 110px; }
.hulu-campaign li:last-child { padding: 32px 0; }
@media screen and (max-width: 896px){
.hulu-campaign { display: block; }
.hulu-campaign li:first-child { padding: 4vw 8vw 3vw; }
.hulu-campaign li:last-child { padding: 0 4vw 4vw; }
.hulu-campaign li img { max-width: 100% !important; width: auto !important; }
}

/* 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; }
}

.prize-column { border: 1px #CCC solid; display: table; margin: 0 130px; }
.prize-column > dl, .prize-column > div { display: table-cell; vertical-align: middle; }
.prize-column > dl { padding: 30px 50px 30px 0; }
.prize-column > dl dt { font-size: 18px; font-weight: bold; border-bottom: 1px #000 solid; padding-bottom: 0.3em; margin-bottom: 0.6em; }
.prize-column > div { padding: 30px 30px 30px 50px; }
@media only screen and (max-width: 640px) {
.prize-column { display: block; margin: 0 10px; padding: 4%; }
.prize-column > dl, .prize-column > div { display: block; }
.prize-column > dl { padding: 0; }
.prize-column > div { margin: 0 0 3%; padding: 0; text-align: center; }
.prize-column > div img { max-width: 100% !important; width: auto !important; }
}