@charset "UTF-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Copyright (c) Best Bridge LLC. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Original source code and design structure.
Unauthorized reproduction prohibited.

閲覧・学習目的での参照は問題ありませんが、
本コードおよびデザイン構造の全部または一部を、
無断で複製・流用・再配布することを禁止します。

本コードは制作履歴・公開履歴・電子署名等により
権利保全を行っています。

本コード特有の
設計思想／構造設計／命名規則／記述順／レイアウト構成
には識別性があります。

一般的CSSとは異なる独自設計のため、
類似構造や類似記述は、
コード圧縮／難読化／改行変更／変数化後でも、
構造的特徴および設計パターンから
識別・照合可能です。

無断流用・模倣・構造複製が確認された場合、
利用停止要請・権利侵害通知・法的措置を含む
対応を行う場合があります。
*/

/*==============================================================
#header_sp
==============================================================*/
#header_sp{
display:none;
}

@media screen and (max-width:1200px){
#header_sp{
z-index:9000;
/*----*/
position:fixed;
top:0;
left:0;
/*----*/
display:block;
width:100%;
height:60px;
margin:0;
border:0;
padding:0;
background-color:#FFFBF4;
}	
}

/*==============================================================
#header_sp>div.logo_sp（ロゴ）
==============================================================*/
#header_sp>div.logo_sp{
position:fixed;
top:0;
left:0;
/*----*/
display:block;
width:180px;
height:auto;
margin:0;
border:0;
padding:0;
}

#header_sp>div.logo_sp>a{
position:relative;
/*--*/
display:block;
width:180px;
height:auto;
margin:0;
border:0;
padding:0;
}

#header_sp>div.logo_sp>a>img{
position:relative;
/*--*/
display:block;
width:180px;
height:auto;
margin:0;
border:0;
padding:0;
}

/*==============================================================
#header_sp>nav#open_header_sp（開かれる領域）
==============================================================*/
#header_sp>nav#open_header_sp{
position:fixed;
top:60px;
left:0;
/*----*/
display:none;
width:100%;
height:100%;
margin:0;
border:0;
padding:30px 5% 200px 5%;
background-color:#FFFBF4;
/*----*/
overflow-x:hidden;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}

/*--------------------------------------------
#header_sp>nav#open_header_sp>ul.nav_sp
--------------------------------------------*/
#header_sp>nav#open_header_sp>ul.nav_sp{
position:relative;
/*--*/
display:block;
width:100%;
max-width:500px;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
}

#header_sp>nav#open_header_sp>ul.nav_sp>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
}

#header_sp>nav#open_header_sp>ul.nav_sp>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:20px;
background-color:#C96;
/*--*/
text-align:left;
line-height:1;
font-size:1rem;
font-weight:bold;
color:#FFF;
}

/*--------------------------------------------
#header_sp>nav#open_header_sp>ul.nav_sp_info
--------------------------------------------*/
#header_sp>nav#open_header_sp>ul.nav_sp_info{
position:relative;
/*--*/
display:block;
width:100%;
max-width:500px;
height:auto;
margin:15px auto 20px auto;
border:0;
padding:0;
}

/*==li(1)ロゴ==*/
#header_sp>nav#open_header_sp>ul.nav_sp_info>li:nth-of-type(1){
position:relative;
/*--*/
display:block;
width:200px;
height:100px;
margin:0 auto;
border:0;
padding:0;
}

#header_sp>nav#open_header_sp>ul.nav_sp_info>li:nth-of-type(1)>a{
position:relative;
/*--*/
display:block;
width:200px;
height:100px;
margin:0;
border:0;
padding:0;
}

#header_sp>nav#open_header_sp>ul.nav_sp_info>li:nth-of-type(1)>a>img{
position:relative;
/*--*/
display:block;
width:200px;
height:100px;
margin:0;
border:0;
padding:0;
}

/*==li(2)標榜==*/
#header_sp>nav#open_header_sp>ul.nav_sp_info>li:nth-of-type(2){
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
/*--*/
text-align:center;
line-height:1.2;
font-size:0.8rem;
font-weight:bold;
color:#666;
}

/*==li(3)TEL==*/
#header_sp>nav#open_header_sp>ul.nav_sp_info>li:nth-of-type(3){
position:relative;
/*--*/
display:block;
width:240px;
height:50px;
margin:0 auto 10px auto;
border:0;
padding:0;
}

#header_sp>nav#open_header_sp>ul.nav_sp_info>li:nth-of-type(3)>a{
position:relative;
/*--*/
display:block;
width:240px;
height:50px;
margin:0;
border:0;
padding:0;
}

#header_sp>nav#open_header_sp>ul.nav_sp_info>li:nth-of-type(3)>a>img{
position:relative;
/*--*/
display:block;
width:240px;
height:50px;
margin:0;
border:0;
padding:0;
}

/*==============================================================
開閉ボタン（html側にheader_sp_support.js必須）
==============================================================*/
button#hamburger_button{
z-index:9001;
/*--*/
position:fixed;
top:0;
right:0;
/*--*/
display:block;
width:60px;
height:50px;
margin:0;
border:0;
padding:0;
background-color:transparent;
cursor:pointer;
}

button#hamburger_button>span.hamburger_img{
display:block;
width:60px;
height:50px;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
background-image:url(../img/header_sp_hamburger_open.jpg);
}

#header_sp.is-open #open_header_sp{
display:block;
}

#header_sp.is-open button#hamburger_button>span.hamburger_img{
background-image:url(../img/header_sp_hamburger_close.jpg);
}