/*
THEME NAME: 273 webservices 2020
THEME URI: https://273ws.info
DESCRIPTION: 273 webservices renewal on 2020
VERSION: 1.0
AUTHOR: 273 web services, llc
AUTHOR URI: https://273ws.info
*/

/*booking system*/
.page {
	color:#000;
}
.page a,.page a:hover,.page a:visited{
	color:#00f;
}
.booking-form-people-number-row{
	display:none;
}
/*reset*/
* {margin: 0;padding: 0;box-sizing: border-box;}
a {text-decoration : none}
ul, ol {list-style : none}
img {max-width: 100%;vertical-align : middle;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 1em;}

/*common class*/

small2 {font-size: 0.8rem !important;}
.small {font-size: 0.9rem !important;}
.large12 {font-size: 1.2rem !important;}
.large13 {font-size: 1.3rem !important;}
.large15 {font-size: 1.5rem !important;}
.large2 {font-size: 2rem !important;}
.large25 {font-size: 2.5rem !important;}
.large3 {font-size: 3rem !important;}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
.fl {float: left;}
.fr {float: right;}
.mb12 {margin-bottom:12px !important;}
.mb25 {margin-bottom:25px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}
.w100p{max-width:100%;}

.bold {font-weight: bold;}
.bk{color:#000;}

.cf:after {
    content:" ";
    display:block;
    clear:both;
}
.pc_show{display:block;}
.sp_show{display:none;}

.mplus{font-family: 'M PLUS 1p', sans-serif;}

html {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size : 12px;
line-height : 1.8;
letter-spacing: 0.1em;
color: #fff;
background: #fff;
}

section{
max-width:960px;
margin:0px auto;
padding:0px 25px 100px 25px;
box-sizing: border-box;
}
a{
color:#fff;
}
a:hover{
color:#fff;
text-decoration:underline;
}
a:visited{
color:#ddd;
}

h2{
font-size: 1.5rem;
text-align:center;
padding-bottom:20px;
background: url("images/line.png") repeat-x center bottom;
margin-bottom: 50px;
letter-spacing:0.2em;
font-family: 'M PLUS 1p', sans-serif;
font-weight:300;
}
h1, h3, h4{
/*font-family: 'A-OTF UD新ゴ Pro M','UD Shin Go Medium', sans-serif;*/
font-family: 'M PLUS 1p', sans-serif;
font-weight:500;
}
p{

}
#bg{
/*background:linear-gradient(180deg, #004098 0%, #2b95c7 50%, #009868 96%, #fff 100%);*/
	background:linear-gradient(180deg, #004098 0%, #2b95c7 50%, #009868 100%);

}

#top{
width:100%;
padding-top:100px;
text-align:center;
}
#top .copy{
font-size:2.0em;
letter-spacing: 0.2em;
margin-bottom:100px;
}
#services{

}
.left{
float:left;
width:320px;
display:table;
}
.left div{
display: table-cell;
vertical-align: middle;
}
.right{
margin-left:320px;
}
#about dt, #history dt{
float:left;
width:270px;
text-align: right;
margin-bottom:1em;
}
#about dd, #history dd{
margin-left:320px;
margin-bottom:1em;
}
#products h3{
font-size: 1.5rem;
border-bottom:1px dotted #ddd;
}
#products ul{
width:30%;
margin:0px 1.6%;
float:left;
}
#products li{
margin-bottom:1em;
font-size: 1.2rem;
}
#contact{
max-width:960px;
margin:0px auto;
padding:0px 25px;
box-sizing: border-box;
}
/*#contact h2{
color:#000;
background: url("images/line_bk.png") repeat-x center bottom;
}*/
#contact ul{
padding:50px 0px;
text-align:center;
}
#contact li{
display:inline-block;
margin:0px 12px;
width:90px;

}
#contact a{
color:#fff;
font-size:1.5rem;
}
#video{
height:540px;
box-sizing: border-box;
}

#form{
font-size:1.3rem;
display:none;
}
#form dt{
float:left;
width:270px;
text-align: right;
margin-bottom:25px;
}
#form dd{
margin-left:320px;
margin-bottom:25px;
}
input[type='text'],input[type='email'],input[type='tel'],textarea{
max-width:320px;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #ccc;
box-sizing: border-box; 
}
span.wpcf7-list-item{
display: block !important;
margin: 0 !important;
}
input[type='submit']{
padding: 10px 40px;
border-radius: 5px;
border: 1px solid #ccc;
box-sizing: border-box; 
}
footer{
text-align: center;
padding-bottom:25px;
}
@media screen and (max-width : 480px) {
.pc_show{display:none;}
.sp_show{display:block;}
section{
padding:0px 20px 50px 20px;
box-sizing: border-box;
}
#top{
padding-top:50px;
}
#top .copy{
font-size:1.5em;
letter-spacing: 0.1em;
margin-bottom:50px;
}

.left{
float:none;
width:100%;
margin-bottom:25px;
}
.left1, .left2, .left3, .left4{
height:auto !important;
}
.right{
margin-left:0px;
}
#about dt, #history dt{
float:left;
width:5em;
text-align: left;
margin-bottom:25px;
}
#about dd, #history dd{
margin-left:6em;
margin-bottom:25px;
}
#products ul{
width:100%;
margin:0px 0px 50px 0px;
float:none;
text-align:left;
}
#contact{
padding:0px;
}
#contact h2{
margin-left:20px;
margin-right:20px;
}
	#form dt{
float:none;
width:100%;
text-align: left;
margin-bottom:0px;
}
#form dd{
margin-left:0px;
}
}