@charset "utf-8";

.simulator3 .ttl_sp{
	display:none;
}

.simin ul li br{
	display:none;
}

.first_name{
	margin-left:1em;
}

.endday{
	display:none;
}

.50off_read{
	 margin:20px;
	 width:620px;
}

.gakusei_read{
	 margin:10px 70px;
	 width:620px;
}

.business_read{
	 margin:10px 70px;
	 width:620px;
}

.day_sp{
	display:none;
}


@media screen and (max-width:640px){

*{
	box-sizing:border-box!important;
}

body{
	width:100%;
	font-size: 16px!important;
}

#header_in {
	width:100%;
	height:auto;
}

#header_in h1{
	position:relative;
	top: 0;
	right: 0;
	text-align:center!important;
	font-size:12px;
}

#header_in h2{
	text-align:center!important;
}

#header_in h2 img{
}

.headerinfo {
	width:90%;
	position:relative;
	top: 0;
	right: 0;
	margin:10px auto;
	text-align:center;
}

.headerinfo ul li {
	float:none;
	width:100%;
}

.headerinfo ul li h3 {
	width:40%;
	margin-right:2%;
	padding: 0;
	display:block;
}

.headerinfo ul li img {
	width:58%;
	height:auto;
	top: 0;
}

.headerinfo ul li.clear {
	text-align:center;
}

.freedial1{
	width:58%!important;
	height:auto!important;
	background:none!important;
}

.freedial1 img{
	width:100%!important;
	height:auto!important;
}

.freedial3{
	width:100%!important;
	height:auto!important;
	background:none!important;
}

#google_translate_element{
	position:relative;
	right:0;
	margin-bottom:1%;
}


#gnavi{
	margin-bottom:2%;
	border-top: 0;
	z-index:999;
	display:block;
	overflow:hidden;
}

#gnavi ul{
	width:100%;
	height:auto;
	margin:0;
	background:none;
}

#gnavi ul li{
	width:100%!important;
	height:auto;
	background:#333;
	border-bottom:1px solid #999;
	display:block;
	text-align:center;
}

#gnavi ul li span{
	width:100%!important;
}

#gnavi ul li a{
	width:100%!important;
	height:auto!important;
	padding:4% 0;
	text-align:center;
	display:block;
}

#gnavi ul li a:hover{
	width:100%;
	padding:4% 0;
	background:#999;
	text-decoration:none;
}

#menu-gnavi{
    display: none;
}

#toggle{
	-webkit-background:linear-gradient(#23AC3A, #029B05);
	-moz-background:linear-gradient(#23AC3A, #029B05);
	background:linear-gradient(#23AC3A, #029B05);
    display: block;
    width: 100%;
	color:#FFF;
	text-align:center;
	border-top:5px solid #333;
}

#toggle a{
    display: block;
    /*position: relative;*/
    padding: 12px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
	font-weight:bold;
}

#toggle a img{
	margin-right:5px;
	vertical-align:middle!important;
}

#bnavi{
	font-size:80%;
}

#container{
	width:100%;
}

#main {
	float: none;
	width: 96%;
	margin:0 auto;
}

#side {
	float: none;
	width: 100%;	
}

#main img,
#side img{
	width:100%;
	height:auto;
}

h1.barsim {
	font-size: 1.1em;
	padding: 5px;
	height: 2.3em;
	background: url(/images/kaigai/k_bar1.gif) repeat-x;
	background-size:contain;
}

h1.barsim span {
	padding-left: 5px;
	border-left: solid 3px #FC5E00;
}

#sim .pl10{
	padding:0!important;
}

#sim ul li{
	width:100%!important;
	margin-bottom:2%;
}

.simulator1 {
	margin-bottom: 10px;
	width: 100%;
	float: none;
}

.simulator2 {
	margin-bottom: 10px;
	width: 100%;
	float: none;
}

.simulator3 {
	margin-bottom: 10px;
	clear: both;
	width: 100%;
}

.from label{
	width:30%;
	margin-bottom:2%;
	font-size:120%!important;
}
.from input{
	width:65%;
	margin-bottom:2%;
	font-size:120%!important;
}

.first_name{
	margin-left:0em;
}

.endday{
	display:block;
}

.simin {
	height:auto!important;
	padding: 10px 10px 2% 10px;
	border: solid 1px #ccc;
	border-top: none;
}

.simin ul li{
	margin-bottom:2px!important;
	padding-bottom:0!important;
	font-weight:normal!important;
}

.simulator3 h2{
	display:none;
}

.simulator3 .ttl_sp{
	display:block!important;
}

.optitle{
	width:100%!important;
	display:block!important;
	font-size:120%!important;
}

.simin ul li br{
	display:block!important;
}

.price {
	width: 95%;
	float: none;
}

input.reservelink {
    height: 50px;
    margin: 10px 0;
    text-indent: -9999em;
    width: 100%!important;
	background-position:center;
}

.p_day{
	display:none;
}

.pricelist ul li {
	padding:0;
	text-align: center;
	height: auto!important;
}

.p_plan1,
.p_plan2,
.p_plan3{
	width:100%!important;
}

.p_plan1{
	margin-bottom:40px;
}

.p_plan1 .p_title{
	overflow:hidden;
	
}

.p_plan1 .p_title img{
	margin-top:-11%;
}

.day_sp{
	/*margin-right:1em;*/
	display:block;
	text-align:center;
	background:#CCC;
}

.p_plan1 .bottom,
.p_plan2 .bottom,
.p_plan3 .bottom{
	height:auto!important;
}

.point{
	position:relative!important;
	width: 100%!important;
	height: auto!important;
	left: 0!important;
	bottom: 0!important;
	margin-top:2%;
	z-index: 20;
}

ul.pricelink li.link1 {
	width: 100%;
	float: none;
	margin-bottom:2%;
}

ul.pricelink li.link2 {
	width: 100%;
	float: none;
}

.row4{
	height:auto!important;
	padding:0!important;
}

.benefit ul li {
	padding: 0;
	width: 100%!important;
	height: auto;
	float: none;
	position: relative;
}

.benefit1,
.benefit2,
.benefit3,
.benefit4{
	width: 100%;
	margin-bottom:2%;
	border-right: 0!important;
	border-bottom: solid 1px #ccc;
}

.benefit1 img,
.benefit2 img,
.benefit3 img,
.benefit4 img{
	display:none;
}

.benefit ul li h2{
	margin-bottom:2%;
}

.benefit ul li h2 span {
	display:inline;
	margin:0 2% 0 0;
	padding:0 2%;
	color: #fff;
	text-align: center;
	width: 100px;
	background: #f00;
}

#side{
	float:none;
	width:96%;
	margin:0 auto;
}

#side .yoyaku div {
	margin: 0 auto 2% auto;
	padding: 2%;
	width: 92%;
}

#footer_in {
	margin:0 auto;
	padding: 2% 0;
	width: 96%;
}

.footerinfo {
	float: none;
}

.footerinfo h1 {
	margin-bottom: 2%;
	text-align:center;
}

.footerinfo h1 img{
	width:100%;
	height:auto;
}

.footerinfo ul li {
	text-align: center;
	width: 96%;
	margin:0 auto 2% auto;
	padding:0 1%;
	float: left;
}

.footerinfo ul li h2{
	font-size:16px;
}

.footerinfo ul li a {
	width: 98%;
}

#fnavi{
	clear:both;
}

#fnavi ul {
	width: 100%;
	float: none;
	border:0;
}

p.copy {
	text-align:center;
}

p.copy small {
	width: 100%;
}

#visual{
	display:none;
}

h1.bar1 {
	margin-bottom: 2%;
	height: auto;
	background-position:bottom;
}

h1.bar1 span {
	padding-left: 0;
	border-left: 0;
}


/*system
----------------------------------*/
h2.bar3 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 10px;
	border-bottom: dashed 1px #ccc;
}

h2.bar3 span {
	color: #f00;
}

.optionlist,
.systemlist{
	width:100%!important;
}

.optionlist td,
.systemlist td{
	width:100%!important;
}

.systemlist th{
	display:none!important;
}

.systemlist td{
	text-align:center;
}

.systemlist td p{
	text-align:center!important;
}

.optionname{
	color: #FEE100;
	padding: 5px 10px;
	background: url(/images/th_oplist.gif) repeat-x #291F1D!important;
	font-weight:bold;
	text-align:center;
}

.nodisp{
	display:none!important;
}


/*services
----------------------------------*/
.entry table th,
.entry table td{
	width:100%;
	display:block;
}

.entry img{
	margin:2% 0;
}

#gallery-1 .gallery-item {
	float: none!important;
	width: 100%!important;
	margin-top: 10px;
	text-align: center;
}
			
.entry .optionlist{
	width:94%;
}

.entry .optionlist th{
	display:none!important;
}

.entry .optionlist td{
	text-align:center;
}

.entry .optionlist td p{
	text-align:center!important;
}

.cam1{
	width:100%!important;
}

.cam1 img{
	width:100%!important;
	height:auto!important;
}

.cam1 .pl30,
.cam1 .pl20{
	padding:0!important;
}

.cam1 p{
	width:100%!important;
}

.pone{
    width: 100%!important;
}

.pone img{
	width:100%!important;
	height:auto!important;
}

#petp{
	width:100%!important;
}

#petp img{
	width:100%!important;
	height:auto!important;
}

#petp .pl40,
#petp .pl30,
#petp .pl20,
#petp .pl15{
	padding:0!important;
}

#petp p,
#petp h1{
	width:100%!important;
}

#petp dl,
#petp dt,
#petp dd{
	width:100%!important;
	margin:0!important;
}

.50off_read{
	 margin:0;
	 width:100%;
}

.gakusei_read{
	 margin:0;
	 width:100%;
}

.business_read{
	 margin:0;
	 width:100%;
}



/*reserves
----------------------------------*/		
.formdata th{
	background:#EEE;
}

.formdata th,
.formdata td{
	width:auto!important;
	height:auto!important;
	border-right:0!important;
	display:block;
}

.formdata td input,
.formdata td textarea,
.formdata td select{
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
    behavior: url(PIE.htc);
}

.formdata td input,
.formdata td select{
	width:94%;
	padding:2%!important;
}

.formdata td .radio li{
	width:100%;
	display:block!important;
}

.formdata td .radio input{
	width:auto!important;
}

.formdata td .icon_sp{
	width:16px!important;
	height:16px!important;
	margin-left:1%;
	vertical-align:middle;
	/*display:none;*/
}

.wpcf7-form .icon_sp2{
	width:16px!important;
	height:16px!important;
	margin-left:1%;
	vertical-align:middle;
	/*display:none;*/
}

.jToolTip_q{
	padding-top:4%;
}

#jToolTip{
	position:relative!important;
	top:0!important;
	left:0!important;
	float:none!important;
	width:100%!important;
	display:block!important;
}

#jToolTip img{
	width:100%!important;
	height:auto!important;
}

#jToolTip table{
	width:100%!important;
}

.detail table{
	width:100%!important;
}

.detail table th,
.detail table td{
	display:table-cell!important;
}

.txt_c{
	position:relative!important;
	width:100%!important;
	height:auto!important;
	margin:0 0 4% 0!important;
	padding:0!important;
}

.submit input{
	width:100%!important;
	height:auto!important;
	padding:4%!important;
}


/*company
----------------------------------*/
.optionlist th,
.optionlist td{
	width:94%;
	height:auto!important;
	display:block;
}


/*FAQ
----------------------------------*/
h2.bar2 {
    background: url("/images/icon_q.jpg") no-repeat scroll 5px 5px #333;
    border-bottom: 3px solid #fc5e00;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    height: auto!important;
    margin-bottom: 10px;
    padding: 5px 0 0 30px;
    position: relative;
}

.dsfaq_quest{
	position:relative;
	height:auto;
	display:block;
}


/*access
----------------------------------*/
.tarminalmap{
	width:100%!important;
	height:auto!important;
	margin-left:0!important;
	padding-left:0!important;
}


/*contact
----------------------------------*/
.formdata th,
.formdata td{
	width:100%!important;
	height:auto!important;
	border-right:0!important;
	display:block;
}

table.formdata td input.w100,
table.formdata td textarea {
    width: 100%!important;
}

.style {
    width: 100%!important;
}

.wpcf7-text{
	width:100%!important;
}

.wpcf7-form input,
.wpcf7-form textarea{
	width:90%!important;
	padding:2% 0;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
    behavior: url(PIE.htc);
}


.pcheck input{
	width:auto!important;
	margin-right:2%;
}

.policycheck{
	clear:both;
	padding:0 0 2% 0!important;
	text-align:center;
}

.txt_c{
	position:absolute;
	width:90%;
	height:20%;
	text-align:center;
}

.wpcf7-submit{
	width:80%!important;
	padding:20px;
	margin:0 auto!important;
}

.wpcf7-form{
	padding-bottom:80px;
}


/*sitemap
----------------------------------*/
.sitemap{
	width:98%;
	margin:0 auto;
}

.sitemap dl {
    display: block;
    float: none;
    margin: 0 0 4% 0;
    width: 100%;	
}

.sitemap dl dt,
.sitemap dl dd{
	margin-bottom:2%;
	font-size:16px!important;
}

a {
    outline: medium none;
    text-decoration: none;
}


}