/* CSS Document */
@charset "UTF-8";
/* CSS Document */


/*■■■■■■■■■■■■■■*/

/*
ヘッダーのみCSS
PCナビの一覧表示

ノーマルヘッダー

*/

/*■■■■■■■■■■■■■■*/

    header{
		position:relative;
    }
    header #fixed{
        z-index:1000;
        position:fixed;
		width:100%;
 -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
      -ms-transition: all 0.7s;
       -o-transition: all 0.7s;
          transition: all 0.7s;
		  
		  
/*
■ 背景色が最初から『有り』なら以下

※ navi1.jsなどの「js」は外す

・background 背景色
・box-shadow　ヘッダーに影を付ける*/

       /*background: rgba(255,255,255,0.94);*/
		/*box-shadow:0px 1px 3px 1px rgba(0,0,0,0.04);*/

		
/*
■ 背景色が最初から『無し』なら以下

※ navi1.jsなどの「js」を適用

・padding-top で動きを付ける
		*/
		padding-top:5px;
		
    }



	
	
	#logo a{
		display:block;
		line-height:0;
		overflow:hidden;
		margin:0;
		padding:0;
	}

	#logo #logo_img{
		width:94%;
		max-width:300px;
		height:auto;
		margin:5px 0 5px 6%;
		transition: all 0.4s ease;
	}

	#logo #logo_img.logo_small_js{
		/*スクロールした時のサイズ*/
		max-width:170px;
	}




/*※※※グローバルナビ※※※*/

#nav-content/*アコーディオン用*/ .toggle_nav_title,
#nav-content ul li {
    text-align: center;
	margin-left:1%;
}

#nav-content/*アコーディオン用*/ .toggle_nav_title,
#nav-content ul li a {
	font-size:16px;
	line-height:1.2em;
	color: #222;
	display:block;
	letter-spacing:2px;
	text-decoration:none;
	padding:5px 12px 3px 0;
  /*box-shadow: 1px 1px #ccc;*/
}

#nav-content/*アコーディオン用*/ .toggle_nav_title span,
#nav-content ul li a span {
	font-size:9px;
	color: #222;
    display: block;
	letter-spacing:2px;
	font-weight: normal;
  /*box-shadow: 1px 1px #ccc;*/
}
#nav-content ul li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*◇WEB予約を白枠で強調◇*/

#nav-content ul li.nav_waku a {
	padding:5px 12px 3px 12px;
	border:1px solid #64311d;
	margin-right:20px;
}
#nav-content ul li.nav_waku a:hover {
	color:#fff;
	border:1px solid #222;
	background:#222;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}
#nav-content ul li.nav_waku a:hover span{
	color:#fff;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}


/*◆PCで黒系背景　文字白◆

#nav-content ul li a {
	color: #fff;
}
#nav-content ul li a span {
	color: #fff;
}

*/
/*◆PCで黒系背景　WEB予約を白枠で強調◆
#nav-content ul li.nav_waku a {
	padding:5px 12px 3px 12px;
	border:1px solid #fff;
	margin-right:20px;
}
*/





/*■ナビ日本語主体スタイル■


使う時は以下ソースをコピペして
<ul>に .nav_li_jp クラス付与

                            <li class="nav_long"><a href="<?php bloginfo('url'); ?>/"> <span>ホーム</span>HOME</a></li>
                            <li><a href="<?php bloginfo('url'); ?>/beginner"><span>機能について</span>FUNCTION</a></li>
                            <li><a href="<?php bloginfo('url'); ?>/menu"><span>料金プラン</span>PRICE</a></li>
                            <li><a href="<?php bloginfo('url'); ?>/staff"><span>サポート</span>SUPPORT</a></li>
                            <li><a href="<?php bloginfo('url'); ?>/coupon"><span>よくある質問</span>FAQ</a></li>


#nav-content ul.nav_li_jp li a {
	font-size:8px;
	line-height:2.4em;
	display:block;
	letter-spacing:4px;
	text-decoration:none;
}
#nav-content ul.nav_li_jp li a span {
	font-size: 13px;
    display: block;
	letter-spacing:4px;
	font-weight: normal;
	text-shadow:none;
	font-family: "Noto Sans Japanese", san-serif;
}



*/



/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*ナビ内SNS*/
#nav-content ul li.nav_sns{
	display:none;
}




/*※※※ エントリー TEL ※※※*/
#nav-content ul li.nav_entry ,
#nav-content ul li.nav_tel ,
#nav-content ul li.nav_entry span,
#nav-content ul li.nav_tel span{
	text-shadow: none;
}
/*

#nav-content ul li.nav_entry a {
	margin-right: 10px;
	padding: 5px 12px 3px 12px;
	border:solid 1px #222;
}
#nav-content ul li.nav_entry a span {
	display: block;
}
#nav-content ul li.nav_entry a:hover, #nav-content ul li.nav_entry a:active {
	color: #888;
	border:solid 1px #888;
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

*/


/*■■■■ プルダウン ノーマル ■■■■*/
/*

以下がトリガー
gnavi__list
dropdown__wrap

*/


#nav-content ul li.gnavi__list {
	position: relative;
	padding-left:2%;
	margin-left:0;
}
#nav-content ul li.gnavi__list:hover .dropdown__wrap {
	transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}

#nav-content ul li.gnavi__list .dropdown__wrap {
	transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
	transform-origin: center top;/*変形を適応する基準をtopとする*/
	transition: all .2s;/*表示の変化を0.3秒に指定*/
	position: absolute;
	top:100%;
	left: -100%;
	width: 240px;
	padding: 5px 10px 5px 5px;
	background:#f7f7f7;
}
#nav-content ul li.gnavi__list .dropdown__wrap li.dropdown__list {
	width: 100%;
	padding: 0;
	display: block;
	transition: all .3s;
	position: relative;
	text-shadow: none;
}
#nav-content ul li.gnavi__list .dropdown__wrap li.dropdown__list a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222;
	text-decoration: none;
	position: relative;
	padding: 5px 0;
}

/*テキストのデザイン*/
#nav-content .dropdown__wrap_dl{
	padding:10px 10px 5px;
}
#nav-content .dropdown__wrap_dl a{
	position:relative;
	padding-left:25px;
	margin-bottom:10px;
}
#nav-content .dropdown__wrap_dl a:after {
	content: "";
	display: inline-block;
	width:5px;
	height:5px;
	border-bottom: solid 1px #222;
	border-right: solid 1px #222;
	position: absolute;
	top: 42%;
	left:5px;
	transform: rotate(-45deg);
}
#nav-content .dropdown__wrap_dl a span{
	font-size:12px;
	font-weight:bold;
	letter-spacing:3px;
}

/*PC画面で下矢印*/
.toggle_nav_title_pc:after {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-bottom: solid 1px #222;
	border-right: solid 1px #222;
	position: absolute;
	top: 40%;
	left:5%;
	transform: rotate(45deg);
}



/*■■■■ プルダウン 大きい ■■■■*/
/*

以下がトリガー　2の書き換えに注意
gnavi__list2
dropdown__wrap2

*/

#nav-content ul li.gnavi__list2 {
}

#nav-content ul li.gnavi__list2:hover .dropdown__wrap2 {
	transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}

#nav-content ul li.gnavi__list2 .dropdown__wrap2 {
	transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
	transform-origin: center top;/*変形を適応する基準をtopとする*/
	transition: all .2s;/*表示の変化を0.3秒に指定*/
	position: absolute;
	top:67px;
	left:0;
	right:3%;
	max-width:1000px;
	padding:10px;
	background: rgba(255,255,255,0.98);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 1px;
}
#nav-content ul li.gnavi__list2 .dropdown__wrap2.dropdown_size800 {
	position: absolute;
	top:67px;
	left:10%;
	right:3%;
	max-width:800px;
}
#nav-content ul li.gnavi__list2 .dropdown__wrap2.dropdown_size750 {
	position: absolute;
	top:67px;
	left:10%;
	right:3%;
	max-width:750px;
}


#nav-content ul li.gnavi__list2 .dropdown__wrap2 a,
#nav-content ul li.gnavi__list2 .dropdown__wrap2 a span{
	/* ナビのCSSスタイルをリセット */
	color:inherit;
	width:inherit;
	float:inherit;
	font-size:inherit;
	line-height:inherit;
	text-align:inherit;
	letter-spacing:inherit;
	text-shadow:inherit;
	padding:inherit;
	margin:inherit;
  	cursor: pointer;
	}



/*==== 960px～1160pxまで ====*/
@media only screen and (max-width:1160px) {


/*
■ナビが多い場合に小さくする*/

#logo #logo_img{
	margin:5px 0 5px 6%;
}

#nav-content ul li a {
	font-size:14px;
	letter-spacing:3px;
	padding:5px 6px 3px 0;
}
#nav-content ul li a span {
	font-size:8px;
}
#nav-content ul li.nav_waku a {
	padding:5px 6px 3px 6px;
	margin-right:5px;
}


}



/*============PC=============*/
@media only screen and (min-width:961px) {


/*■■■ヘッダー（PC）■■■*/



/*■ヘッダー（PC）■*/

	header #head_wrap{
		max-width:1400px;
		margin:auto;
		/*padding:5px 0;*/
	}
	header #head_bottom_cont{
		position:relative;
		width:100%;
	}
	#logo{
    	float:left;
		width:30%;
	}

    #nav-drawer{
        float:right;
        width:68%;
		margin-top:15px;
		margin-bottom:10px;
    }
	
/*※※※グローバルナビ（PC）※※※*/
	
	
    /*アイコンのスペース*/
    #nav-open {
        display: none;
    }
    /*中身*/
    #nav-content {
        position: relative;
        width:98%;
		margin-right:2%;
		max-width:2000px;
        -webkit-transform: translateX(0%);
        transform: translateX(0%) ;
    }
    #nav-content ul {
		text-align:right;
        position: relative;
        width:100%;
     	letter-spacing: -.40em;
    }
    #nav-content ul li {
    	display:inline-block;
     	vertical-align:top;
     	letter-spacing:1px;
    }
    #nav-content .pc_nav_none,
    #nav-content ul li.pc_nav_none{
		display:none;
    }


/*■■■■ ナビアコーディオン

PCではプルダウンを表示できない
display:none; が直接付与されるため

.toggle_nav_txt{
	display:block;
}
 ■■■■*/


}




/*====== ipad・タブレット・スマホ共通=======*/
@media screen and (max-width: 960px) {

    #logo{
		float:left;
    }
	#logo #logo_img{
		max-width:200px;
		margin:5px 0 5px 6%;
	}
	
	

	#logo #logo_img.logo_small_js{
		/*スクロールした時のサイズ*/
		max-width:130px;
	}





/*■ヘッダー（タブレット・スマホ）■*/

	#head_top_cont{
        display:none;
    }
    #nav-content{
    	background: rgba(255,255,255,0.9);
    }
	
    #nav-content ul{
		padding-top:20px;
    }
    #nav-content ul li{
		margin:0;
    }
    #nav-content ul li.li_border{
        border-bottom:solid 1px #666;
    }
	
	
	
	#nav-content/*アコーディオン用*/ .toggle_nav_title,
    #nav-content ul li a{
        display: block;
        padding: 8px 0 10px;
        /*border-bottom:solid 1px #666;*/
		text-shadow:none;
        width: 50%;
        float: left;
    }

    #nav-content ul li a.a_border_none{
        border-bottom:none;
    }

#nav-content ul li a {
	font-size:16px;
}
#nav-content ul li a span {
	font-size:10px;
}
	
/*■WEB予約を枠で強調■*/
#nav-content ul li.nav_waku a {
	display:none;
}

	
	#nav-content/*アコーディオン用*/ .toggle_nav_title,
    #nav-content ul li.nav_long a{
		
		/*
		アコーディオンでは
		以下のクリア指定とフロートを無くさないと
		上手く動作しなくなる
		*/ 
	font-size:16px;
		clear:both;
		float:none;
        width: 100%;
    }
	
	



#nav-content ul li.nav_sns{
	display:block;
	width:100%;
	text-align: center;
    overflow:hidden;
    letter-spacing: -.40em;
/*	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
*/}
#nav-content ul li.nav_sns div{
    display:inline-block;
     vertical-align:top;
     letter-spacing:1px; /* 文字間を通常に戻す */
	 margin-left:2%;
	 margin-right:2%;
}
#nav-content ul li.nav_sns a{
	display:block;
	width:100%;
	margin:0;
	padding:10px 0 5px;
	border:none;
}
#nav-content ul li.nav_sns img.nav_icon_img{
	display:block;
	width:100%;
	max-width:20px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
}
#nav-content ul li.nav_sns p{
	display:block;
	font-size:8px;
	text-align:center;
	line-height:1.2em;
	letter-spacing:0;
}



#nav-drawer {
  position: relative;
}


/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 34px;
    height:30px;
    vertical-align: middle;
    float: right;
    padding:12px 10px 10px;
  cursor: pointer;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width:30px;/*長さ*/
  border-radius:2px;
  background: #222;
  display: block;
  content: '';
  cursor: pointer;
  box-shadow: 1px 1px #eee;
}
#nav-open span:before {
  bottom: -12px;
}
#nav-open span:after {
  bottom: -24px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;/*右に隠しておく*/
    z-index:999;/*最前面に*/
    width: 80%;/*右側に隙間を作る*/
    max-width:500px;/*最大幅*/
    height: 100%;
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(105%);
    transform: translateX(105%);/*右に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#nav-content ul{
    overflow: hidden;
}


#nav-content .sp_nav_none,
#nav-content ul li.sp_nav_none{
		display:none;
}



/*※※※ エントリー TEL 
（タブレット・スマホ）※※※*/

#nav-content ul li.nav_hpb1 a,
#nav-content ul li.nav_hpb2 a,

#nav-content ul li.nav_line a,
#nav-content ul li.nav_tel a,
#nav-content ul li.nav_entry a{
	width: 96%;
	margin: 6px 2% 0;
	padding: 7px 0;
}

/*TEL*/

#nav-content ul li.nav_tel a {
	font-size:16px;
	color: #444;
	border:solid 1px #666;
	padding:18px 0 13px;
	margin: 6px 2% 10px;
}

/*WEB予約*/
#nav-content ul li.nav_entry a {
	color: #fff;
	background: #5b9c76;
	border:none;
	margin-right: 2%;
}
#nav-content ul li.nav_entry a span {
	color: #fff;
	font-size:14px;
	display: inline;
	letter-spacing:3px;
	font-weight:bold;
	padding: 0 1%;
}

/*LINE*/
#nav-content ul li.nav_line a{
	color: #fff;
	background: #01c300;
	border:none;
	margin-right: 2%;
}
#nav-content ul li.nav_line a span{
	color: #fff;
	font-size:13px;
	display: inline;
	letter-spacing:3px;
	font-weight:bold;
	padding: 0 1%;
}


/*LINE 画像ホットペッパー*/


#nav-content ul li.nav_hpb1 a{
	background:#b05074;/*赤*/
	padding:0;
	margin: 6px 2% 10px;
}

#nav-content ul li.nav_hpb2 a{
	background:#75116d;/*紫*/
	padding:0;
	margin: 6px 2% 10px;
}




/*※※※ 複数店舗
アイコン エントリー TEL 
（タブレット・スマホ）
*/






#nav-content table.nav_icon_many{
	width:100%;
}
#nav-content table.nav_icon_many th{
	width:24%;
}
#nav-content table.nav_icon_many td:nth-child(0n+1){
	width:43%;
}
#nav-content table.nav_icon_many td:nth-child(0n+2){
	width:33%;
}





#nav-content .nav_icon_many_web,
#nav-content .nav_icon_many_tel{
	text-align:center;
	letter-spacing:1px;
}
#nav-content ul li.nav_long a.nav_icon_many_web ,
#nav-content ul li.nav_long a.nav_icon_many_tel {
	display:block;
	width:86%;
	clear:both;
	font-size:12px;
	line-height:1.5em;
    padding:5px 0 5px 10px;
    margin:11px auto;
    border-radius:20px;
	border:solid 1px #666;
}
#nav-content ul li.nav_long a.nav_icon_many_tel{
	background:url(images/all/icon_f_tel.png) 6px 5px no-repeat;
	background-size:18px;
}
#nav-content ul li.nav_long a.nav_icon_many_web{
	background:url(images/all/icon_smaho_w.png) 6px 5px no-repeat;
	background-size:18px;
}









/*※※※ 複数店舗
エントリー TEL 
（タブレット・スマホ）
                            <li class="pc_nav_none nav_long clear_both li_border nav_many">
                                <div class="box03none">
                                    <div class="left">
                                        <p class="text_center pt30 color_w"><span class="txt14 txt_le6"><a class="a_border_none" href="<?php bloginfo('url'); ?>/xxxxxxxxx">池尻店</span></a></p>
                                    </div>
                                    <div class="right">
                                        <?php if( get_field('info_tel') ) { ?>
                                        <div class="nav_many_tel"><a href="tel:<?php the_field('info_tel'); ?>">Tel
                                            <?php the_field('info_tel'); ?>
                                            </a></div>
                                        <?php } ?>
                                        <?php if( get_field('info_web01') ) { ?>
                                        <div class="nav_many_entry"><a href="<?php the_field('info_web01'); ?>" target="_blank">WEB予約</a></div>
                                        <?php } ?>
                                    </div>
                                </div>
                            </li>
                            <li class="pc_nav_none nav_long clear_both li_border nav_many">
                                <div class="box03none">
                                    <div class="left">
                                        <p class="text_center pt30 color_w"><span class="txt14 txt_le6"><a class="a_border_none" href="<?php bloginfo('url'); ?>/xxxxxxxxx">リノ店</span></a></p>
                                    </div>
                                    <div class="right">
                                        <?php if( get_field('info_tel') ) { ?>
                                        <div class="nav_many_tel"><a href="tel:<?php the_field('info_tel'); ?>">Tel
                                            <?php the_field('info_tel'); ?>
                                            </a></div>
                                        <?php } ?>
                                        <?php if( get_field('info_web01') ) { ?>
                                        <div class="nav_many_entry"><a href="<?php the_field('info_web01'); ?>" target="_blank">WEB予約</a></div>
                                        <?php } ?>
                                    </div>
                                </div>
                            </li>



#nav-content ul li.nav_many{
	padding:5px;
}

#nav-content ul li.nav_many .nav_many_tel a,
#nav-content ul li.nav_many .nav_many_entry a{
	width: 94%;
	margin: 6px 2% 0;
	padding: 8px 0;
}
#nav-content ul li.nav_many .nav_many_tel a {
	font-size:13px;
	color: #fff;
	letter-spacing:2px;
	margin-bottom: 5px;
	border:solid 1px #666;
	font-family: "Noto Sans Japanese", san-serif;
    border-radius:30px;
}
#nav-content ul li.nav_many .nav_many_entry a {
	font-size:13px;
	color: #222;
	background: #fff;
	border:none;
	font-weight:normal;
	margin-bottom: 5px;
	font-family: "Noto Sans Japanese", san-serif;
    border-radius:30px;
}







※※※*/














/*■■■■ プルダウン（タブレット・スマホ） ■■■■*/

#nav-content ul li.gnavi__list {
	width: auto;
}


#nav-content ul li.gnavi__list2 .dropdown__wrap2.dropdown_size750,
#nav-content ul li.gnavi__list2 .dropdown__wrap2.dropdown_size800,
#nav-content ul li.gnavi__list2 .dropdown__wrap2 ,
#nav-content ul li.gnavi__list .dropdown__wrap {
	transform: scaleY(1);/*中身を表示*/
	overflow:hidden;
	transform-origin: none;/*変形を適応する基準をtopとする*/
	transition: none;/*表示の変化を0.3秒に指定*/
	position: relative;
	top:auto;
	left:auto;
	right:auto;
	width:100%;
	padding:0;
	background:none;
	box-shadow:none;
}


.dropdown__wrap_dl{
	padding:0;
}


#nav-content .toggle_nav_title span,
#nav-content .dropdown__wrap_dl a {
	text-shadow:none;
}


/*■■■■ ナビアコーディオン （タブレット・スマホ） ■■■■*/

.toggle_nav_title {
	position: relative;
	cursor: pointer;
	transition: 2s ease;
}
.toggle_nav_title:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-bottom: solid 2px #222;
	border-right: solid 2px #222;
	position: absolute;
	top: 35%;
	left:30%;
	transform: rotate(45deg);
}
.toggle_nav_title.selected:after {
	transform: rotate(-135deg);
}

.toggle_nav_txt{
	display: none;
}




/*■

プルダウン ノーマル および
ナビアコーディオン
テキストのデザイン

■*/

/**/
#nav-content .dropdown__wrap_dl{
	padding:10px;
	overflow:hidden;
	/*border-bottom: solid 1px #666;*/
}
#nav-content .dropdown__wrap_dl a{
	text-align:center;
	position:relative;
	font-size:13px;
	letter-spacing:6px;
	padding-left:0;
	border-bottom:0;
	margin:0 0 5px;
}

#nav-content .dropdown__wrap_dl a:after {
	content: "";
	display: inline-block;
	width:5px;
	height:5px;
	border-bottom: solid 1px #222;
	border-right: solid 1px #222;
	position: absolute;
	top: 45%;
	left:10%;
	transform: rotate(-45deg);
}




/*---- ハンバーガーメニュー黒背景は以下で調整
以下を外せば白背景----

	
#nav-content {
	background:rgba(0,0,0,0.8);
}
#nav-content ul li {
	text-shadow: none;
}
#nav-content ul li a {
	font-size:14px;
	color: #fff;
}
#nav-content ul li a span {
	font-size:10px;
	color: #fff;
	text-shadow: none;
}
#nav-close {
	background: #fff;
}
#nav-input:checked ~ #nav-close {
	display: block;
	opacity: .5;
}


#nav-content .toggle_nav_title,
#nav-content .toggle_nav_title span,
#nav-content .toggle_nav_txt p,
#nav-content .toggle_nav_txt a{
	color: #fff;
}



#nav-content ul .dropdown__wrap_dl a:after {
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
}

*/


}



/*======タブレット・スマホ共通=======*/
@media screen and (max-width: 767px) {




}



/*============スマホ=============*/
@media screen and (max-width: 480px) {



	#logo #logo_img{
	}

	#logo #logo_img.logo_small_js{
		/*スクロールした時のサイズ*/
	}


}