/* CSS Document */

body * {
box-sizing:border-box;
}

img {
max-width:100%;
}

/*------------------------------------
--------センターナビゲーション--------
------------------------------------*/
#cennav{
max-width:100%;
background-image:url(/img/bg_cen.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding-bottom:15px;
margin: 0 auto;
margin-bottom:50px;
}
#cennav ul{
overflow:hidden;
}
#cennav li{
display:block;
float:left;
width:320px;
height:167px;
margin-left:10px;
}

#breadcrumb {
position:relative;
display:block;
width:100%;
padding: 10px 0;
font-size: 0.8rem;
}

#breadcrumb a {
color:#336666;
font-weight: bold;
}
#breadcrumb a:hover {
color:#FFA500;
}
/*-----------------------------------
-----------SlideShow-CSS-------------
-----------------------------------*/
#subhead {
position: relative;
}

#subhead h1 {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 3rem;
    line-height: 3;
}

#slideBox{
background-image:url(/img/bgd2.jpg);
background-position:left top;
background-repeat:repeat-x;
text-align:center;
}
#slides{
margin:auto;
width:1000px;
height:300px;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}
.slides_container {
width:1000px;
overflow:hidden;
position:relative;
display:none;
}
#contentsPicter{
width:1000px;
height:150px;
}
/*-----------------------------------
---------Anker Pankuzu CSS-----------
-----------------------------------*/
#pankuzu{
padding:20px 0 10px;
}
#pankuzu li{
color:#336666;
font-size:12px;
letter-spacing:1px;
display: inline;
content:"・・;
}
.middle_title{
margin-bottom:20px;
}
.ank_select{
overflow:hidden;
margin:1px 0 50px -1px;
}
.ank_select li{
float:left;
margin-left:1px;
}
.ank_select2{
overflow:hidden;
margin:1px 0 30px -1px;
}
.ank_select2 li{
float:left;
margin-left:1px;
height:88px;
}
/*-----------------------------------
---------CONTENTS-BOX-CSS------------
-----------------------------------*/

/*TOP*/
.Box_margin{
margin-left:100px;
}
.PointMark{
text-indent:1em;
margin-bottom:50px;
}
.PointMark li{
background-image:url(/img/ico.gif);
background-repeat:no-repeat;
background-position:1em;
padding-left:10px;
line-height:250%;
background-color: #F0F0E8;
}
.f_left{float:left;}
.f_right{float:right;}
.f_bold{font-weight:bold;}

/*-----------------------------------
---------h2以降の見出しCSS-----------
-----------------------------------*/
h2{
	font-size:2.9em;
	line-height:3;
	margin-bottom:10px;
}
.h2_under
{
	font-size:15px;
	letter-spacing:5px;
	}
#tate{width:80px;float:left;}


h3{

	}
/*-----------------------------------
			h3/トップページ
-----------------------------------*/
.h3_design1{
	font-size:2em;
	line-height: 1.5;
	color:#366;
	letter-spacing:0.1em;
	margin:50px 0;
	}
/*-----------------------------------
			h3/各ページ共通部分
-----------------------------------*/
.h3_design2{
	font-size:15px;
	font-weight:bold;
    padding:.3em .7em;
	margin-top:30px;   
	margin-bottom:20px;   
	}

/*-----------------------------------
		トップ更新情報
-----------------------------------*/
ul.update-scroll {
 list-style-type: none;
 width: 590px;
 height: 6em;
 overflow: auto;
 border: 1px solid #bbb;
 padding-left: 0.5em;
}
ul.update-scroll li {
 margin-top: 0.3em;
 font-size:14px;
}
ul.update-scroll a {
 text-decoration: none;
}

/*-----------------------------------
			h3/セミオーダー
-----------------------------------*/	
.semi_fc{color:#989767;}
.semi_border{border-left:31px solid #989767;   border-bottom:1px solid #989767;}
.semi_siborder{padding-top:0.6em;	border-top:1px solid #989767;}
/*-----------------------------------
			h3/フルオーダー
-----------------------------------*/
.full_fc{color:#6F94C6;}
.full_border{border-left:31px solid #6F94C6;border-bottom:1px solid #6F94C6;}
.full_siborder{padding-top:0.6em;}
/*-----------------------------------
			h3/オーダー中敷き
-----------------------------------*/
.inso_fc{color:#C33;}
.inso_border{border-left:31px solid #C33;   border-bottom:1px solid #C33;}
.inso_siborder{padding-top:0.6em;}
.inso_width{width:547px;}

/*-----------------------------------
			h3/整形靴靴地加工
-----------------------------------*/
.orth_fc{color:#366;}
.orth_border{border-left:31px solid #366;   border-bottom:1px solid #366;}
.orth_siborder{padding-top:0.6em;}

/*-----------------------------------
			h3/整形靴靴地加工
-----------------------------------*/
.repa_fc{color:#930;}
.repa_border{border-left:31px solid #930;   border-bottom:1px solid #930;}
.repa_siborder{padding-top:0.6em;}

/*-----------------------------------
			h3/足のケアー
-----------------------------------*/	
.care_fc{color:#066;}
.care_border{border-left:31px solid #066;	border-bottom:1px solid #066;}
.care_siborder{padding-top:0.6em;}
/*-----------------------------------
			h3/足の計測
-----------------------------------*/	
.keis_fc{color:#51677E;}
.keis_border{border-left:31px solid #51677E;	border-bottom:1px solid #51677E;}
.keis_siborder{padding-top:0.6em;	border-top:1px solid #51677E;}
/*-----------------------------------
			h3/まきづめ
-----------------------------------*/	
.maki_fc{color:#366;}
.maki_border{border-left:31px solid #366;	border-bottom:1px solid #366;}
.maki_siborder{padding-top:0.6em;}

/*-----------------------------------
			h3/アクセス
-----------------------------------*/
.acce_fc{color:#C96C54;}
.acce_border{border-left:31px solid #C96C54;   border-bottom:1px solid #C96C54;}
.acce_siborder{padding-top:0.6em;	border-top:1px solid #C96C54;}
/*-----------------------------------

/*-----------------------------------
---------メイン内のサイドCSS-----------
-----------------------------------*/	
#main_side{
position:relative;
	width:100%;
	text-align:justify;
margin-top:100px;
	}	
.impact{
	font-size:30px;
	}
.myoutyou{
	float:right;
	font-size:15px;
	font-weight:bold;
	color:#333;
    text-align:right;
    padding-top:18px;
    margin:0;
	}
.sank{
	margin-left:95px;
	}
	
h4{
margin-bottom:10px;
}
#main p{
letter-spacing:1px;
line-height:170%;
margin-bottom:20px;
}
#pickupBox ul{
margin:10px 0 10px;
}
#shopBox1 ul{
overflow:hidden;
margin-left:-18px;
}
#shopBox1 li{
width:291px;
float:left;
margin-left:13px;
}
#mainBox,
#shopBox1, #shopBox2, #shopBox3, #shopBox4,
#studBox1, #studBox2, #studBox3, #studBox4,
#careBox1, #careBox2, #careBox3,
#acceBox1, #acceBox2,
#travBox1, #travBox2, #travBox3,
#formBox3
{
clear:both;
margin-bottom:70px;
background-repeat:repeat-y;
background-position:left top;
overflow:hidden;
border:0px solid #F00;
position:relative;
}
/*トップページ*/
/*#mainBox{	background-image:url(/img/tate1_bg.gif);}*/
/*商品案内*/
/*
#shopBox1{	background-image:url(/img/shop_tate2_bg.gif);}
#shopBox2{	background-image:url(/img/shop_tate3_bg.gif);}
#shopBox3{	background-image:url(/img/shop_tate4_bg.gif);}
#shopBox4{	background-image:url(/img/tate1_bg.gif);}
*/
/*工房紹介*/
/*
#studBox1{	background-image:url(/img/stud_tate5_bg.gif);}
#studBox2{	background-image:url(/img/stud_tate6_bg.gif);}
#studBox3{	background-image:url(/img/stud_tate7_bg.gif);}
#studBox4{	background-image:url(/img/stud_tate15_bg.gif);}
*/
/*足のケアー*/
/*
#careBox1{	background-image:url(/img/care_tate8_bg.gif);}
#careBox2{	background-image:url(/img/care_tate9_bg.gif);}
#careBox3{	background-image:url(/img/care_tate22_bg.gif);}
*/
/*店舗情報*/
/*
#acceBox1{	background-image:url(/img/acce_tate10_bg.gif);}
#acceBox2{	background-image:url(/img/acce_tate11_bg.gif);}
*/
/*足のトラブル*/
/*
#travBox1{	background-image:url(/img/trav_tate14_bg.gif);}
#travBox2{	background-image:url(/img/trav_tate15_bg.gif);}
#travBox3{	background-image:url(/img/trav_tate21_bg.gif);}
*/
/*お問い合わせ*/
/*
#formBox3{	background-image:url(/img/form_tate20_bg.gif);}
*/

/*-----------------------------------
---------トップページＩＮＤＥＸ-CSS--
-----------------------------------*/
.aistxt{display:inline-block;width:calc(100% - 270px);}
.aistxt p{margin-bottom:15px;}
.aistxt2{}
.aistxt3{width:600px; float:left; background-color:#F0F0E8;}
.aisimg{float:right;}
.aisimg img{margin-bottom:10px;}
.renozu{padding-top:20px;}
.txtpink{font-weight:bold; color:#e7427c;}
.pagetop{margin:40px 0 0; padding-bottom:15px; text-align:right;}
.m_bottom{margin-bottom:30px;}
#main p{
letter-spacing:1px;
line-height:180%;
margin-bottom:20px;
}

/*------------------------------------
Q＆A
-----------------------------------*/
.que{
background-image:url(/img/que.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
font-size:15px;
letter-spacing:1px;
line-height:32px;
color:#00F;
}
#main a.que{
text-decoration:underline;
}
#main a.que:hover{
text-decoration:none;
}
.ans{
background-image:url(/img/ans.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
font-size:12px;
letter-spacing:1px;
line-height:170%;
margin:5px 0 20px 0;
display:block;
}
/*------------------------------------
アコーディオンメニュー
-----------------------------------*/
#accodion{}
#accodion ul.acc a{
display: block;
color: #feffff;
}
#accodion ul.acc {
width:700px;
}
/*------------------------------------
変形と病理
-----------------------------------*/
#travBox1 h4{
color:#336666;
font-size:30px;
font-weight:bold;
line-height:100%;
}
#travBox1 span{
font-size:11px;
letter-spacing:0.5em;
}
#travBox1 .ui-tabs-nav{
padding-top:20px;
}
#travBox1 .ui-tabs-nav li{

}
#travBox1 .ui-tabs-nav ul{
margin-bottom:1em;
border-top:1px dotted #999;
}
#travBox1 .ui-tabs-nav li li{

}


/*------------------------------------
商品案内　コンテンツ
-----------------------------------*/
#featured2{
width:700px;
}
#featured2 .ui-tabs-panel{ 
width:700px;
overflow:hidden;
}
#featured2 ul.ui-tabs-nav{
overflow:hidden;
list-style:none;
padding:0px;
}
#featured2 li{
float:left;
border-bottom:1px solid #333;
}
#featured2 .ui-tabs-hide{
display:none;
}
#lineUP{
margin:100px 0;
text-align:center;
}
#lineUP ul li{
display:inline-block;
}

.m_bottom{margin-bottom:30px;}
.workstable{margin-top:15px; border-collapse:collapse; font-size:12px; line-height:1.7em;}
.workstable td{margin-top:10px; border-bottom:solid 1px #bebebe; border-top:solid 1px #bebebe; padding:2px 0;}

#stw_Box{
height:650px;
background-image:url(/img/shop/swalk_bg1r.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}

.contxt{
display: block;
position:relative;
width:100%;
}
.conimg{float:right;}
.conimg img{margin-bottom:10px;}

.contxt img {
display: block;
}

#products section {
display: block;
position:relative;
width:100%;
padding:50px 0;
box-sizing:border-box;
}

#products .contxt {
float:none;
display: inline-block;
width: calc(100% - 350px);
vertical-align:top;
padding-top:30px;
padding-left:10px;
padding-right:10px;
}
#products .conimg {
float:none;
display: inline-block;
width: 340px;
vertical-align:top;
box-sizing:border-box;
}
#products .conimg img{
max-width: 100%;
}

#products .middle_title {
text-align:center;
}

/*------------------------------------
変形と病理 JQuery部分の飾りつけ
-----------------------------------*/
#featured{
width:600px;
}
#featured .ui-tabs-panel{ 
width:600px;
overflow:hidden;
}
#featured ul.ui-tabs-nav{
overflow:hidden; 
list-style:none;
padding:0px;
}
#featured li{
float:left;
width:150px;
height:40px;
background-image:url(/img/trouble/trav_btn1_bg.gif);
background-repeat:no-repeat;
}
#featured li a{
color:#fff;
display:block;
text-align:center;
line-height:40px;
}
#featured .ui-tabs-hide{
display:none;
}



/*------------------------------------
店舗案内　アクセス　テーブル関連飾りつけ
-----------------------------------*/
.acce_table{
width:350px;
color:#333333;
font-size:12px;
letter-spacing:2px;
line-height:20px;
border-collapse:collapse;
margin-bottom:30px;
}
.acce_table th{
border:1px solid #333333;
background-color:#efefef;
width:120px;
text-align:center;
}
.acce_table td{
padding-left:10px;
border:1px solid #333333;
}
#acceBox2 ul li a{
text-decoration:underline;
}
#acceBox2 iframe{
margin-bottom:20px;
}
#pics{
margin-bottom:10px;
}
#acceBox1 ul{
margin-right:-12px;
}
#acceBox1 ul li{
margin-right:12px;
margin-bottom:12px;
}
/*------------------------------------
javaScript関連 大きな画像の設定部 class="mOver_90"がフワッとするもののクラス名です
-----------------------------------*/
#b_shoe,#s_order,#f_order, #o_ein, #r_tune, #f_care, #k_soku,#f_trav{
width:600px;
height:400px;
background-repeat:no-repeat;
background-position:left top;
margin-bottom:20px;
/*float:left;*/
/*float:left;*/
}
/*ロールオーバーイメージ*/
/*商品案内*/
#b_shoe{	background-image:url(/img/shop/shop_hint1A.jpg);}/*「ブランドシューズ」		切り替え後イメージ「背景」*/
#s_order{	background-image:url(/img/shop/shop_hint1A.jpg);}/*「セミオーダシューズ」		切り替え後イメージ「背景」*/
#f_order{	background-image:url(/img/shop/shop_hint2A.jpg);}/*「フルオ－ダーシューズ」	切り替え後イメージ「背景」*/
/*工房紹介*/
#o_ein{		background-image:url(/img/order_shoes/stud_hint2A.jpg);}/*「オーダーアインラーゲン製作」		切り替え後イメージ「背景」*/
#r_tune{	background-image:url(/img/order_shoes/stud_hint3A.jpg);}/*「修理 調整」	切り替え後イメージ「背景」*/
/*足のケアー*/
#f_care{	background-image:url(/img/care/care_hint1A.jpg);}/*「フスフレーゲ製作」		切り替え後イメージ「背景」*/
#k_soku{	background-image:url(/img/care/care_hint2A.jpg);}/*「足の計測」	切り替え後イメージ「背景」*/
/*足のトラブル*/
#f_trav{	background-image:url(/img/trouble/trav_hint1A.jpg);}/*「変形と病理」		切り替え後イメージ「背景」*/
/*------------------------------------
Jquery SLIMBOX 関連CSS
-----------------------------------*/
/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/*------------------------------------
javaScript関連 肯定説明関連ぺージの飾りつけ
-----------------------------------*/
#column-left{
position: relative;
}
.float_menu{
position: absolute;
top:30px;
float: left;
}
.float_menu ul{
background-color:#336666;
}
.float_menu .li_title{
background-color:#333333;
}
.float_menu ul li a{
display:block;
width: 150px;
height: 30px;
border-bottom: 1px solid #fff;
line-height:30px;
padding:5px 10px;
color:#fff;
}
.content2{
margin-left: 200px;
	}
.w500{
height: 519px;
margin-bottom:30px;
padding-top:30px;
}

ul.PointMark.aistxt3 {
width:100%;
margin-bottom:100px;
}

#slide-sp {
display:none;
}

.pc_none {
display:none;
}

footer {
overflow:hidden;
}

#sp-menu,
#sp-menu-area {
display:none;
}

#go_top {position:fixed;bottom:210px;right:0.5em;overflow:hidden;display:block;width:4em;height:4em;line-height:4em;text-align:center;background:rgba(0,0,0,0.5);color:#fff;border-radius:100%;z-index:50;}


.step-area ul.d-flex{
border-top: 1px solid #989767;
}
.step-area ul.d-flex.b-blue {
border-top: 1px solid #6F94C6;
}
.step-area ul.b-red {
border-top: 1px solid #C33;
}
.step-area ul.d-flex.b-rep {
border-top: 1px solid #930;
}
.step-area ul.d-flex.b-ort {
border-top: 1px solid #366;
}
.step-area ul.d-flex.b-care {
border-top: 1px solid #066;
}
.step-area ul.d-flex.b-kei {
border-top: 1px solid #51677E;
}
.step-area ul.d-flex .semi_siborder {
border:0;
}
.step-area h3 {
background:#989767;
color:#fff;
font-size:2rem;
}
.step-area h3.bg-blue {
background:#6F94C6;
}
.step-area h3.bg-red {
background:#C33;
}
.step-area h3.bg-rep {
background:#930;
}
.step-area h3.bg-ort {
background:#366;
}
.step-area h3.bg-care {
background:#066;
}
.step-area h3.bg-kei {
background:#51677E;
}


#footer-bef {
overflow:none;
}

#footer-bef a {
font-size: 0.8rem;
padding: 3px 10px;
text-decoration:none;
color:#333;
}

footer #infooter a.link-shop,
footer #infooter a.link-blog {
display:block;
width:250px;
height:70px;
overflow:none;
}
footer #infooter a.link-shop {
background:url(/img/netshop.gif) no-repeat center;
background-size: 100% auto;
}
footer #infooter a.link-blog {
background:url(/img/index_sec5_img2.jpg) no-repeat top center;
background-size: 100% auto;
height:60px;
}
footer #infooter a.link-blog > div {
display:block;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
line-height:90px;
color:#fff;
font-weight:bold;
text-align:center;
}
footer #infooter a.link-blog:hover > div {
background:rgba(0,0,0,0.1);
}

footer #infooter a:hover {
text-decoration:none;
}

.trigger{display:none;}

header .sp-disp {
display:none;
}

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

.container {
max-width:100%;
}

#main {
width:100%;
}

#side {
display:none;
}

#header {
height:auto;
}

#navbar {
float:none;
margin:0;
margin-bottom: 50px;
}

#navbar ul {
display:block;
text-align:center;
}

#navbar li {
float:none;
display:inline-block;
}

main #cennav ul.over li{
display:inline-block;
width: 32%;
}

}

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

img {
max-width: 100%;
}

.contxt, #main_side {
float:none;
display: block;
width:100%;
}

#shopBox2, #studBox1, #studBox2, #studBox3, #studBox4,
#careBox1, #careBox2, #careBox3,
#travBox1, #travBox2, #travBox3,
#acceBox1, #acceBox2, #formBox3 {
background:none;
}

#cennav {
width:100%;
background-repeat: repeat;
margin:0;
}

#cennav li {
float:none;
text-align:center;
width: 100%;
height:auto;
margin:10px 0;
}

#slides{
width:100%;
height:300px;
}
.slides_container {
width:100%;
}
#contentsPicter{
width:100%;
}

#slides .pagination,
#slides-sp {
display:none;
}

#main, .aistxt, .aisimg, #infooter > ul, #footer2 {
float: none;
display: block;
width:100%;
}
.aisimg {
text-align: center;
}

#header, #footer {
height: auto;
}

#side, #tate, header > h1, #navbar, #header > .tel {
display:none;
}

.Box_margin {
margin: 0;
}

#mainBox {
background: none;
}

main h2 {
font-size: 1.8em;
}

main img {
max-width:100%;
height:auto;
}

#infooter>ul>li {
float: none;
display: inline-block;
width: 49%;
height: auto;
vertical-align: top;
}

#footer2 {
text-align: center;
}
#footer2 p {
display: block;
width: 100%;
}
#footer2 img {
display: inline-block;
}

#shopBox1 li {
float:none;
width:100%;
height:auto;
text-align:center;
}

#rap_contents {
width:100% !important;
height:auto;
}
#rap_contents .reptxt {
position:relative;
display:block;
float:none;
width:100%;
height:auto;
margin:30px 0;
}
#rap_contents .reptxt .repcon {
width:calc(100% - 110px);
}
#rap_contents .reptxt .stable table {
width:100%;
}

#formBox3 table,
#formBox3 table tbody,
#formBox3 table tr,
#formBox3 table th,
#formBox3 table td {
position:relative;
display:block;
width:100%;
height:auto;
}

#formBox3 table tr {
padding: 5px;
}

.W350 {
max-width:100%;
}

header #headtel {
display:none;
}

#slides .slides_container {
height: 300px;
}

br.pc_none {
display: inline-block;
}

#infooter.container {
padding: 10px;
box-sizing:border-box;
overflow:hidden;
}

ul.PointMark {
margin-bottom:0;
}

ul.PointMark li {
background-image:none;
padding: 5px !important;
text-indent:0;
font-size:0.95rem;
}

h3.h3_design1 {
font-size: 1.8em;
}

main #cennav ul.over {
text-align:center;
}
main #cennav ul.over li,
main div.aisimg > img {
display:inline-block;
width: 32%;
}

main div.aisimg > br {
display:none;
}

.sp-none {
display:none;
}

.trigger,.trigger span{display: inline-block;    transition: all .3s;    box-sizing: border-box;}
.trigger {
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  background:#162d27;
  cursor: pointer;
  text-align:center;
z-index: 100;
}

.trigger span:nth-of-type(1) ,.trigger span:nth-of-type(3)  {
position: absolute;
    width: 2em;
	left:50%;
	transform:translateX(-50%);
    height: 2px;
	color:#fff;
}
.trigger span:nth-of-type(1) {    top: 25%;}
.trigger span:nth-of-type(2) {    top: 50%;  padding:1em 0;background:none;color:#fff;}
.trigger span:nth-of-type(3) {    bottom: 25%;}

footer,
#footer-bef,
footer address {
display:none;
}

footer #infooter a.link-shop,
footer #infooter a.link-blog {
width:100%;
}

header a.navbar-brand {
margin:0 auto !important;
}

header nav .sp-none {
position:fixed;
display:none;
top:0;
left:0;
width:100%;
height:100vh;
z-index:9999;
overflow:hidden;
background: url(/img/logo2.png) no-repeat center 0.6em #2e554a;
background-size:150px;
padding:0 10px;
padding-top:70px;
box-sizing:border-box;
}

header .menu-info.sp-disp {
display:block;
background:#fff;
}
header .menu-info.sp-disp a {
display:block;
color:#fff;
background:#2e554a;
text-align:center;
width:100%;
line-height:3rem;
box-sizing:border-box;
}

ul#bootscore-navbar {
padding:10px;
}

ul#bootscore-navbar > li,
ul#bootscore-navbar > li > ul.dropdown-menu > li {
padding:5px;
}

ul#bootscore-navbar > li > a,
ul#bootscore-navbar > li > ul.dropdown-menu > li > a {
color:#fff;
border: 1px solid rgba(255,266,255,0.8);
padding:10px;
}
ul#bootscore-navbar > li > ul.dropdown-menu > li > a {
font-size:1rem;
}

ul#bootscore-navbar > li > ul.dropdown-menu {
background:inherit;
}

#close-btn {
position:fixed;
display:block;
bottom:0;
left:0;
background:#000;
color:#fff;
width:100%;
cursor:pointer;
}

}

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

main #cennav ul.over li,
main div.aisimg > img {
display:block;
width: 100%;
}
#subhead h1 {
font-size: 2rem;
line-height:2;
}

body.home ul.PointMark.aistxt2 {
width: 100%;
float:none;
}

body.home h2 {
padding-top:50px;
}

br.sp-none {
display:block;
width:100%;
}

.step-area h3 {
font-size:1.4rem;
}

}

main #cennav {
display: none;
}