
/* -------------------------------
    twice.css
------------------------------- */
main{
	padding-bottom:100px;
}


ul{
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}



.center{text-align:center;}
.left{text-align:left !important;}
.border{border:1px solid #ccc;}



.sp-view{display:none;}
@media(max-width:640px){.sp-view{display:block;}}
.pc-view{display:block;}
@media(max-width:640px){.pc-view{display:none;}}

.view-1000down{display:none;}
@media(max-width:999px){.view-1000down{display:block;}}
.view-1000up{display:block;}
@media(max-width:999px){.view-1000up{display:none;}}

.spbr{display:none;}
@media(max-width:640px){.spbr{display:block;}}
.tabbr{display:none;}
@media(max-width:768px){.tabbr{display:block;}}
.br1000{display:none;}
@media(max-width:1000px){.br1000{display:block;}}

#twice{
	background:url(/wp-content/themes/shuttle/special/good-value/twice-bg.jpg) 50% 0 no-repeat;
	background-size: 100% auto;
	padding-bottom:2em;
}
@media(min-width:1500px){
	#twice{background-position: 50% 0%;}
}
@media(min-width:1300px)and(max-width:1500px){
	#twice{background-position: 50% calc(25% - 200px);}
}
@media(max-width:640px){
	#twice{background-size: 180% auto;}
}

#twice .twice-inner{max-width:1000px;margin:0 auto;padding-top:1em;}
@media(max-width:1000px){
	#twice .twice-inner{padding:1em 12px;}
}

#twice h1{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
	color:#FFF;background:#2d88ca;text-align:center;font-size:46px;padding:0.4em 0;border-radius: 1em;margin-bottom:0.6em;margin-top:2em;}
@media(max-width:999px){#twice h1{ font-size:35px; margin-top:0.5em;}}
@media(max-width:767px){#twice h1{ font-size:25px; }}
@media(max-width:640px){#twice h1{ font-size:6vmin; }}

#twice h2{text-align:center;color:#0099e2;font-size:19px;line-height:1.7em;margin:1em 0 2em 0;}
@media(max-width:640px){
	#twice h2{font-size:3.8vmin;}
}

.twice-inner > img{width:100%;max-width:100%;border-collapse: collapse;}

.famiport-box{width:200px;margin:0 auto;}
.famiport-box p{text-align:left;margin-bottom:0.7em;}
.famiport-box img{width:100%;}


/* Price Table */
dl.like-table{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	margin-top:2em;
}

dl.like-table > *{
	border-bottom:1px solid #727171;
	border-right:1px solid #727171;
	padding:0.5em 1em;
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
}

dl.like-table dt{
	background:#e3eff6;
	border-top:1px solid #727171;
	padding:0.5em 0.5em;
}
dl.like-table dd{
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
}

dl.like-table > *:nth-child(3n+1){
	width:16%;
	border-left:1px solid #727171;
	font-size:25px;
	color:#df0012;
	text-align:center;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
}
dl.like-table > *:nth-child(3n+2),dl.like-table > *:nth-child(3n){
	width:41%;
	font-size:14px;
	line-height:1.5em;
}

dl.like-table > *:nth-child(3n+2) span,dl.like-table > *:nth-child(3n) span{
	color:#df0012;
	display:inline-block;
	padding-left:1em;
	font-weight:bold;
}

@media(max-width:999px){
	dl.like-table > *:nth-child(3n+1){font-size:20px;}
}

@media(max-width:900px){
	dl.like-table > *:nth-child(3n+1){width:16%;}
	dl.like-table > *:nth-child(3n+2){-ms-flex-flow:column nowrap; flex-flow:column nowrap;width:34%;}
	dl.like-table > *:nth-child(3n+2) span{display:block;}
	dl.like-table > *:nth-child(3n){width:50%;}
}

.table-768{display:none;}

@media(max-width:768px){
	dl.like-table{display:none;}
	table.table-768{display: table;border-left:1px solid #727171;border-top:1px solid #727171;width:100%;border-collapse:collapse;table-layout: fixed;margin-top:2em;}
	table.table-768 tr{border-bottom:1px solid #727171;width:100%;}
	table.table-768 tr th{background:#e3eff6;padding:0.5em;}
	table.table-768 tr th,table.table-768 tr td{border-right:1px solid #727171;}
	table.table-768 tr td{padding:1em;font-size:14px;line-height:1.6em;}
	table.table-768 tr td h3{color:#df0012;text-align:center;font-size:25px;margin-bottom:0.3em;}
	table.table-768 tr td h3 + p{text-align:center;}
	table.table-768 tr td p{font-size:14px;line-height:1.5em;}
	table.table-768 tr td p span{display:inline-block;padding-left:1em;color:#df0012;font-weight:bold;}
}
@media(max-width:768px){
	table.table-768 tr th{font-size:3vmin;}
	table.table-768 tr td{font-size:3vmin;}
	table.table-768 tr td h3{font-size:6vmin;}
	table.table-768 tr td p{font-size:3vmin;}
}

.twice-inner h5{font-size:13px;margin:2em 0 1em 0;}
.twice-inner ul{
	list-style:none;
	display: block;
	list-style-type: none;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;

}
.twice-inner li{text-indent:-1em;padding-left:1em;font-size:13px;margin-bottom:0.5em;line-height:1.3em;color:#df0012;}

#twice h2.border-h2{
	border-bottom:1px solid #2ea0d9;
	margin:2em 0 0.8em 0;
}
#twice h2.border-h2 + p{font-size:14px;line-height:1.5em;}


.twice-map{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content: space-between;-ms-flex-pack: justify; justify-content: space-between;
	-webkit-align-items: flex-start; align-items: flex-start;
}
.twice-map img{width:49.4%;display:block;border:1px solid #4d4d4d;margin-bottom:10px;}

@media(max-width:480px){.twice-map img{width:100%;}}


/* -------------------------------
    salesoffice-map
------------------------------- */

#salesoffice-map{
	max-width:1000px;
	margin:0 auto;
	padding-top:1em;
}
@media(max-width:1000px){
	#salesoffice-map{padding:1em 12px;}
}

#salesoffice-map h2{
	text-align:center;
	padding:0.8em 0;
	border:1px solid #333333;
	color:#333;
	font-size:18px;
}
#salesoffice-map h2 span{
	display:inline-block;
	padding:0.8em 1em;
}

@media(max-width:640px){

	#salesoffice-map h2{
		padding:0.8em 0;
		border:none;
		background:#4d4d4d;
		color:#FFF;
	}
	#salesoffice-map h2 span{
		padding:0.3em 0;
		display:block;text-align:center;
		font-size:4vmin;
		width:100%;
	}
}

#salesoffice-map .salesoffice-maplist{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content: space-between;-ms-flex-pack: justify; justify-content: space-between;
	-webkit-align-items: stretch; -ms-flex-align:stretch; align-items: stretch;
}

#salesoffice-map .salesoffice-maplist-box{
	width:48%;
	margin-bottom:1em;
}

#salesoffice-map .salesoffice-maplist-box img{
	max-width:100%;
	width:100%;
	border:1px solid #231815;
}

#salesoffice-map .salesoffice-maplist-box h3{
	color:#FFF;
	padding:0.5em 0 0.5em 0.8em;
	margin:1em 0;
	font-size:15px;
	line-height:1.3em;
}

#salesoffice-map .salesoffice-maplist-box h3.blue-back{background:#2d88ca;}
#salesoffice-map .salesoffice-maplist-box h3.orange-back{background:#ec9100;}

@media(max-width:640px){
	#salesoffice-map .salesoffice-maplist-box{width:100%;margin-bottom:0.5em;}
	#salesoffice-map .salesoffice-maplist-box h3{font-size:13px;}
}


/* -------------------------------
    sales-office
------------------------------- */
body{
	background:#FFF !important;
}
#salesoffice{
	max-width:1000px;
	margin:0 auto;
	padding-top:1em;
	margin-bottom:30px;
}
@media(max-width:1000px){
	#salesoffice{padding:1em 12px;}
}

#salesoffice h2{
	color:#FFF;
	background:#3e3a39;
	margin:0;
	text-align:left;
	font-size:23px;
	padding:0.5em 0.8em;
	margin-bottom:1em;

}

#salesoffice h3{
	color:#355390;
	font-size:17px;
	margin-top:1.5em;
	margin-bottom:0.5em;
}
#salesoffice ul{
	list-style: none;
}
#salesoffice ul li{
	text-indent: -1em;
	padding-left:1em;
	line-height:1.7em;
	margin-bottom:0.5em;
	font-size:16px;
}

#salesoffice ul li i{
	font-style: normal;
}
#salesoffice ul li a{
	display:inline;
	text-indent: -0.5em;
	padding-left:0.5em;
	color:#036eb1;
	text-decoration: none;
}


.famiport-terminal img{
	display:block;
	border:1px solid #ccc;
	margin-top:8px;
	max-width:100%;
}
@media(max-width:640px){
	#salesoffice ul li{font-size:3.5vmin;}
}




/* -------------------------------
    unlimited.css
------------------------------- */
.center{text-align:center;}
.left{text-align:left !important;}
.border{border:1px solid #ccc;}



.sp-view{display:none;}
@media(max-width:640px){.sp-view{display:block;}}
.pc-view{display:block;}
@media(max-width:640px){.pc-view{display:none;}}

.view-1000down{display:none;}
@media(max-width:999px){.view-1000down{display:block;}}
.view-1000up{display:block;}
@media(max-width:999px){.view-1000up{display:none;}}

.spbr{display:none;}
@media(max-width:640px){.spbr{display:block;}}
.tabbr{display:none;}
@media(max-width:768px){.tabbr{display:block;}}
.br1000{display:none;}
@media(max-width:1000px){.br1000{display:block;}}

#unlimited{
	background:url(/wp-content/themes/shuttle/special/good-value/unlimited-bg.jpg) 50% 0 no-repeat;
	background-size: 100% auto;
	padding-bottom:2em;
}
@media(min-width:1500px){
	#unlimited{background-position: 50% calc(15% - 300px);}
}
@media(min-width:1300px)and(max-width:1500px){
	#unlimited{background-position: 50% calc(25% - 200px);}
}
@media(max-width:640px){
	#unlimited{background-size: 180% auto;}
}

#unlimited .unlimited-inner{max-width:1000px;margin:0 auto;padding-top:1em;}
@media(max-width:1000px){
	#unlimited .unlimited-inner{padding:1em 12px;}
}

#unlimited h1{

	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
	color:#FFF;
	background:#e25377;
	text-align:center;
	font-size:46px;
	padding:0.4em 0;
	border-radius: 1em;
	margin-bottom:0.6em;
	margin-top:2em;
}
@media(max-width:999px){#unlimited h1{ font-size:35px; margin-top:0.5em;}}
@media(max-width:767px){#unlimited h1{ font-size:25px; }}
@media(max-width:640px){#unlimited h1{ font-size:6vmin; }}

#unlimited h2{text-align:center;color:#e25377;font-size:19px;line-height:1.7em;margin:1em 0 2em 0;}
@media(max-width:640px){
	#unlimited h2{font-size:3.8vmin;}
}

.unlimited-inner > img{width:100%;max-width:100%;border-collapse: collapse;margin:0 auto;}
@media(max-width:640px){
	.unlimited-inner > img{transform: scale(1.09);}
}





#unlimited .unlimited-inner table{
	width:100%;
	border-left:1px solid #727171; border-top:1px solid #727171;
}
#unlimited .unlimited-inner table tr{border-bottom:1px solid #727171;}

#unlimited .unlimited-inner table tr th,#unlimited .unlimited-inner table tr td{border-right:1px solid #727171;text-align:center;padding:0.4em;font-size:25px;}

#unlimited .unlimited-inner table tr th{background:#f0f1f1;}

#unlimited .unlimited-inner table tr td{}

#unlimited .unlimited-inner table tr:not(:first-child) td:not(:first-child){color:#df0012;}

#unlimited .unlimited-inner table span.small{font-size:0.7em;}

@media(max-width:767px){
#unlimited .unlimited-inner table tr th,#unlimited .unlimited-inner table tr td{font-size:18px;}
}
@media(max-width:640px){
#unlimited .unlimited-inner table tr th,#unlimited .unlimited-inner table tr td{font-size:4vmin;}
}

.unlimited-inner h5{font-size:13px;margin:2em 0 1em 0;color:#df0012;}
.unlimited-inner ul{list-style:none;}
.unlimited-inner li{text-indent:-1em;padding-left:1em;font-size:13px;margin-bottom:0.5em;line-height:1.3em;color:#df0012;}

#unlimited h2.border-h2{
	border-bottom:1px solid #e25377;
	margin:2em 0 0.8em 0;
}
#unlimited h2.border-h2 + p{font-size:13px;line-height:1.5em;}


.unlimited-text-box{
	padding:1.3em 1em 1em 1em;
	background:#e8e8e8;
	margin-top:3em;
}

.unlimited-text-box h4{margin-bottom:1em;}
.unlimited-text-box h4,.unlimited-text-box ul li{
	color:#333333;
}
.unlimited-text-box ul li{
	font-size:14px;
	line-height:1.5em;
}

@media(max-width:640px){
	.unlimited-text-box{-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);}
	        .unlimited-text-box h4{font-size:3.2vmin;}
	.unlimited-text-box ul li{font-size:3vmin;text-align:justify;}
}






