/*
Theme Name: Shotoku
*/

@charset "UTF-8";

* {margin:0;padding:0;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {margin: 0;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
abbr{}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;max-width:100%;height: auto;}
svg:not(:root) {overflow: hidden;}

.btn a{display:block;border:1px solid #666;text-align:center;padding:5px;background-color:#eee;border-radius:6px;font-weight:bold}

figure {margin: 0;}

fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; }
button,input,select,textarea {font-family: inherit; font-size: 100%; margin: 0; }
button,input {line-height: normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; }
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto; vertical-align: top; }
table {border-collapse: collapse;border-spacing: 0;margin-bottom:1em}
td,th{vertical-align:top;text-align:left}
.note{font-size:85%}

/* font */
html{color:#000;background:#FFF} body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 12px;line-height:1.5;font-weight:normal;font-style:normal;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

.container{width:100%;text-align:center;margin:0px auto 30px;overflow:hidden;}


.header {}


.header h1{text-indent:-999px;position:absolute;}
.header h1 a{display:block;width:160px;height:100px;}
.header .gnav{font-size:85%;text-align:right;float:right;margin-top:3px;margin-right:10px}
.header .gnav li{display:inline;margin-left:10px}
.header .gnav a{text-decoration:none;color:#bbb}
.header .gnav a:hover{color:#fff}
.header .mail_free{position:absolute;top:65px;right:5px;}
.header .mail_free a{display:block;width:124px;height:50px;text-indent:-9999px}

.header .social_media{position:absolute;top:66px;right:0px}

.footer{border-top:1px solid #900;padding:20px 0px;text-align:center;background-color:#000;border-bottom:10px solid #830000}
.footer shoplink_ul{padding:10px 0px;background-color:#fff}
.footer shoplink_ li a{height:34px;width:137px;background-image:url("imgs/foot_shop.gif");background-repeat:no-repeat;background-position:left -34px ;text-indent:-9999px;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.footer shoplink_ li.ft_usa a{background-position:left  top }
.footer shoplink_ li.ft_buell a{background-position: -137px top}
.footer shoplink_ li.ft_leotani a{background-position: -274px top}
.footer shoplink_ li.ft_leona a{background-position: -411px top}
.footer shoplink_ li.ft_usedbike a{background-position: -548px top}
.footer shoplink_ li.ft_dream a{background-position: -685px top}
.footer shoplink_ li.ft_kawasaki a{background-position: -822px top}
.footer .ft_shop_list{margin-bottom:10px;overflow:hidden}


.footer address{font-size:85%;text-align:right;margin:auto;color:#fff}
.footer .ft_menu ul{text-align:left;margin:auto;background-color:#000}
.footer .ft_menu li{display:inline-block}
.footer a{color:#fff;margin-right:1em;float:none;text-decoration:none}
.f_sitemap{display:flex;flex-wrap:wrap;max-width: 1200px;margin:10px auto}
.f_sitemap .f_sm_box{width:20%;text-align:left;padding:0px 1em 1.5em 0px;box-sizing: border-box;}
.f_sitemap  h3{color:#aaa;font-weight:bold;font-size:0.9rem;margin-bottom:0.5em}
.f_sitemap ul ul li{margin-left:1em}
.f_sitemap ul ul li a:before{content:"- ";}

.main{clear:left;overflow:hidden;margin-bottom:40px;position:relative;text-align:left;}
.main p{margin-bottom:1em}
.main h2{font-size:138.5%;font-weight:bold;margin-bottom:1em;line-height:30px;border-bottom:3px solid #800;}
.main h3{font-size:123.1%;font-weight:bold;color:#fff;margin-bottom:1em;background-color:#333;padding:3px 5px 0px}
.main h4{font-size:116%;font-weight:bold;margin-bottom:1em;border-bottom:1px solid #666;color:#333}
.main h5{font-size:108%;font-weight:bold;color:#666;margin-bottom:1em;border-bottom:2px dotted #666;}
.main h6{font-size:100%;font-weight:bold;color:#000;margin-bottom:1em;}
.main a{text-decoration:none;color:#900;}
.main ol,.main ul,.main dl{margin-bottom:1em}
.main .page_cont ul,.main .page_cont ol{margin-left:2em}
.main .page_cont ul{list-style-type:disc;}
.main .page_cont ol{list-style-type:decimal;}
.main .page_cont  td,.main .page_cont  th{border:1px solid #aaa;padding:2px 3px}
.main .page_cont  th{white-space:nowrap}

.main em{font-weight:bold}
.main .page_cont{margin-bottom:40px}
.main a:hover{text-decoration:underline;color:#f00;}
.main .box{clear:both;margin-bottom:25px;overflow:hidden}

.main .box td,.main .box th{border:1px solid #ccc;padding:3px 10px}
.main .box th{background-color:#f1f1f1}

.main a.dl_exel{background:url("imgs/dl_exel.png") no-repeat left center;padding-left:20px}


.home .easingslider-container {margin-bottom:20px}
.home .page_hd h2 {display:none}
.home .main .box h3{font-weight:bold;border-style:none}
.home .main .top_annai h4{background-color:#aaa;padding:3px 5px;margin-bottom:3px}

.home .main .top_annai p{line-height:1.4}
.home .main .top_annai {font-size:93%;}
.home .main .top_annai h4 a{color:#fff;}
.home .main .top_annai h4 a:hover{color:#000;text-decoration:none}
.blog_1.home .calendar h3,.blog_1.home .news h3{margin-bottom:0.5em}

.blog_1.home #leotani_shopinfo{display:flex;flex-wrap:wrap;justify-content:space-between;}
.blog_1.home #leotani_shopinfo .top_annai{border:1px solid #ddd;width:49%;margin-bottom:10px;padding:10px;box-sizing: border-box;}
.blog_1.home #leotani_shopinfo .top_annai img{float:left;margin-right:10px}
.blog_1.home #leotani_shopinfo h4{background-color:transparent;border-style:none}
.blog_1.home #leotani_shopinfo h4 a{color:#000;}

.home .box.calendar .box{margin-bottom:10px}
.home .box.calendar .topnewsitems{margin:0px 10px 10px}
.home .box.calendar .topnewsdate{float:left}
.home .box.calendar .newsitem{margin-bottom:5px}
.home .box.calendar .topnewsdate{font-size:93%;color:#444;width:120px}
.home .box.calendar .topnewsitems a{text-decoration:none;color:#000;}
.home .box.calendar .topnewsitems a:hover{color:#900}


/*fbタイムライン*/
.home .box.news{border:1px solid #aaa;width:49%;float:right;clear:none;padding:3px;background-color: #fff;}


.home .top_bnr{display:flex;justify-content:space-between;flex-wrap:wrap}
.home .top_bnr a{float:left;line-height:1px;width:33%;margin-bottom:3px}

.home .top_mkbnr{overflow:hidden;margin-bottom:30px}
.home .top_mkbnr img{float:left;width:25%;height:auto}
.home .top_mkbnr h3{margin-bottom:2px}

.home .main .top_continfo_box{display:flex;flex-wrap:wrap;justify-content:space-between}
.home .main .top_continfo_box .top_annai {width:24.5%;}

.box.group div{width:50%;float:left;}
.box.group p{margin:100px 20px 0px 110px;line-height:1.5em}



.nav{width:100%;}
.nav ul{height:37px;}
.nav ul.parentmenu {height: 30px;border-radius: 0px 0px 10px 10px ;display:flex;}
.nav ul li.menu-item {background-color:#830000;flex-grow:1;flex-shrink: 1;height:41px;
   position: relative; /*z-indexの指定や子要素の基準とするために指定*/
   z-index: 100; /*ドロップダウンしたメニューが隠れないように*/

}
.nav ul li.menu-item a{ display: block;text-decoration: none;color: #fff;}
.nav ul li.menu-item.lnk-home{text-indent:-999px;}
.nav ul li.menu-item .sub-menu a{height:auto;line-height:1.1em;cursor:pointer;}
.nav ul li.lnk-home + .menu-item{padding-left:1px}
.nav ul li ul.sub-menu#menu-for-business-mainmenu{right:0px;left:auto}
/*マウスオーバー時等にメニューの色を変更*/
.nav ul li.menu-item a:hover, 
.nav ul li.current-menu-item a,     /*現在表示されているページのメニュー*/
.nav ul li.current-menu-parent a,  /*現在表示されているページの親のメニュー*/
.nav ul li.current-post-ancestor a {
  color: #000;    background-color:#ddd
}
 
.nav ul li ul.sub-menu {white-space:nowrap;min-width:100%;
  display: none;  /*サブメニューは最初は非表示にしておく*/
  position: absolute;  /*絶対配置にしておかないとうまくいかない*/
  top: 41px;border-left:none;
  left: 0px;
  border-top: 1px solid #ccc;  /*ボーダートップを指定*/
}
.nav ul li:hover>ul.sub-menu {
  display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
.nav ul li ul.sub-menu li{background-color:#ddd;height: auto;
  float: none;  /*サブメニューはフロートさせないので解除*/
  padding: 0;  /*親メニューのパディングを解除*/
  width:100%;
}
.nav ul li ul.sub-menu li a {  
  border: 1px solid #ccc;  /*ボーダーの指定*/
  border-top: none;  /*ボーダートップは重なって太くなるので解除。一番上は ul 要素に指定*/
  padding: 10px;font-size:100%;
  background-color: #FFF;
  color: #666;width:auto;
  text-align: left;
}
.nav ul li ul.sub-menu li ul.sub-menu {
  top: 0;
  left: 100%;
}
.nav ul li ul.sub-menu li.menu-item-has-children > a::after {
  content: "▶︎";
  float: right;
}

/*サブページリンク*/
.subsite-header{margin-bottom:30px;max-width:1200px;margin:auto auto 20px;position:relative;text-align:left}
.subsite-header ul.menu{padding:1px;height:40px}
.subsite-header ul.menu a{display:block;padding:10px;text-decoration:none;}
.subsite-header ul.menu a:hover{color:#000}
.subsite-header ul.menu li{display:inline-block;text-align:center;float:left}


.page_cont ul{list-style-type: disc;}




/*page-sitemap + error404*/
.error404 .page_cont ul,.page-sitemap ul,.search404{margin-left:2em;margin-bottom:0px;list-style-type:disc}
.error404 .page_cont  ul a{margin-bottom:0.5em;line-height:26px}
.error404 .page_cont .sm_menu,.page-sitemap .sm_menu,.search404{float:left;width:40%;margin-left:50px;margin-bottom:30px;list-style-type:square}
.search404 input#searchsubmit{padding:2px 10px}
.search404 .screen-reader-text{display:none}

/*sitemap */
.main.page-sitemap .page_cont ul{list-style-type:none}
.page-sitemap a{color:#000;line-height:1.1}
.page-sitemap li{margin-bottom:1em}
.page-sitemap .child_site{margin-bottom:2em}
.page-sitemap .child_site>li{display:block}
.page-sitemap .child_site>li>a{font-weight:bold;border-bottom:1px solid #000;display:block;margin-bottom:0.8em;line-height:1.5em}
.page-sitemap .child_site li li{display:inline-block;margin-right:2em}
.page-sitemap .child_site li li:before{content:'▶︎'}

.page-sitemap .global_menu,.page-sitemap ul.sitemap{margin-bottom:2em}


/*post*/
.blog_1 .type-post h3.post_ttl{clear:both}
.type-post h3.post_ttl a{color:#fff}
.type-post h3.post_ttl span{font-size:77%;font-weight:normal;margin-right:1em;}


/*new-information*/
.blog_1 .page-new-information h4 span{font-weight:normal;font-size:83%;margin-right:1em}
.blog_1 .page-new-information .post_thm{float:left;margin-right:10px}
.blog_1 .page-new-information .news_list{clear:left;min-height:90px}
.blog_1 .page-new-information .news_list


/*wpcf7*/
.wpcf7 table{margin-bottom:20px}
.wpcf7 th{padding:6px 10px 0px 35px;border-bottom:1px dotted #ccc}
.wpcf7 td{padding:6px 10px 0px}
.wpcf7 input,.wpcf7 select{margin:auto 5px}
.wpcf7 input,.wpcf7 textarea{border:1px solid #ccc}
.wpcf7 .req th,p.req{background:url("imgs/form_req.gif") no-repeat left 3px;padding-left:35px}
.wpcf7 .mssg th{border-bottom-style:none}
.wpcf7 .mssg textarea{width:100%}
.wpcf7 .address td{line-height:26px}
.wpcf7 .submit td{text-align:center;padding:20px}
.wpcf7 .submit input{padding:5px 30px;background-color:#666;color:#fff;margin:20px}
.wpcf7 .submit input:hover{background-color:#ccc;color:#000}

/*my calendar*/
.my-calendar-table .日 .mc-date{background-color:#fdd}
.my-calendar-table .土 .mc-date{background-color:#dff}
.mc-main .weekend{background-color:#fff}

/*facebook*/
.page-facebook .box{width:500px;clear:none;border-left:1px solid #000}
.page-facebook .box li{list-style-type:none;margin-bottom:0.6em}

/*leorakusai*/
.page-leorakusai .shop_info{float:left;}
.page-leorakusai h3{clear:left}
.page-leorakusai img.shop_main_image{float:none}

.page-leorakusai .rakusai_fb{float:right;}
.page-leorakusai .shop_info,.page-leorakusai .rakusai_fb{width:49%}

.page-shops .shop_fb{float:right;max-width: 500px;}
.page-shops .shop_info,.page-shops .shop_fb{width:49%;}
.page-shops .shop_info{float:left}


/*各店舗ページ*/
.shop_tel{font-size:146.5%;font-weight:bold}
/*shopstaff(各店舗)*/
.shop_staffs {display:flex;flex-wrap:wrap}
.shop_staffs .shop_staff.staff_manager{width:100%;text-align:left}
.shop_staffs .shop_staff.staff_manager img{float:left;width:300px}
.shop_staffs .shop_staff{margin-bottom:5px;overflow:hidden;text-align:center}
.shop_staffs .shop_staff img{width:200px;margin-right:10px}
.shop_staffs .shop_staff .staffname{font-weight:bold;font-size:108%}
img.shop_main_image{float:left;width:300px;margin-right:10px}
.image_tennai {display:flex;flex-wrap: wrap;justify-content: space-between;}
.image_tennai img,.image_tennai .tennai_img{width:32%;height:auto;margin-right:1%;margin-bottom:1%}
.image_tennai .tennai_img img{width:100%}
.shop_map iframe{width:100%}

/*contact*/
.page-contact .page_cont td{border-style:none;padding:5px}
.page_cont  .wpcf7 input{margin:0px}
.page-contact .page_cont .submit{text-align:center}
.page-contact .page_cont .submit input{border-radius:6px}


/*tax-free*/
.page-tax-free .photo3 img{width:33%}
.page-tax-free .photo3{display: flex;justify-content: space-between;margin-bottom:1em}
.page-tax-free .photo2 img{width:49%}
.page-tax-free .photo2{display: flex;justify-content: space-between;margin-bottom:1em;clear:right}
.page-tax-free .tax-free-top{margin-bottom: 2em;}
.page-tax-free .tax-free-top .tax-free-shopphoto{float:right;margin-bottom:1em;max-width:50%;margin-left:10px}
.page-tax-free .tax-free-cpy{border:1px solid #900;padding:1em 1em 0;overflow: hidden;font-size:20px;border-radius: 10px;}


/*snsリンク
.sns_lnk a.snslnk_fb など
*/
.sns_lnk a{display:block}
.sns_lnk a::before{content:'';display:inline-block;width:32px;height:32px;background-size: contain;margin-right:.5rem}
.sns_lnk a.snslnk_x::before{background-image: url('/wp-content/uploads/snslogo/x.png');}
.sns_lnk a.snslnk_fb::before{background-image: url('/wp-content/uploads/snslogo/fb.jpg');}
.sns_lnk a.snslnk_insta::before{background-image: url('/wp-content/uploads/snslogo/insta.png');}
.sns_lnk a{line-height: 40px;  font-size: 1rem;}



/*WP native*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;margin-right:10px
}

.alignright {
   float: right;margin-left:10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



   /*--- PC ---*/
@media screen and (min-width: 960px) {


body{text-align:center;background:url("imgs/bg_body.gif") repeat-x top left}
body.home.blog_1{background-image:url("imgs/bg_body_home.gif")}
.header{background:#fff url("imgs/head.png") no-repeat left top;height:163px;position:relative}
.header,.main,.footer ul{max-width:1200px;margin:auto}
.header h2{font-size:85%;position:absolute;top:4px;left:10px;color:#fff}
.header .nav{top:111px;position:absolute;;z-index:100}
.header .gnav .menuswich{display:none;}


.nav ul li.menu-item.lnk-home{flex-basis: 48px;margin-right:8px;flex-grow:0;background-color:transparent}
.nav ul li.menu-item a{height: 40px;text-align:center;line-height:40px;font-size:116%;}
.nav ul li.menu-item.lnk-home a:hover, 
.nav ul li.current-menu-item.lnk-home a{background:transparent url("imgs/menu-item-home-hover.png") left top no-repeat}

.nav ul li.menu-item.menu-item-has-children.last-menu-item{border-right:none}
.nav ul li.menu-item.menu-item-has-children{border-right:1px solid #aaa}


.home .box.calendar{width:49%;float:left;border:1px solid #aaa;padding:3px;background-color: #fff;}
.home .top_bnr iframe{float:left;margin-right:2px;width:478px;height:269px}




.page-sitemap .global_menu,.page-sitemap ul.sitemap{width:40%;float:left;padding:10px;}

.footer li a{display:block;}
.footer li a:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.footer address{max-width:1200px;}
.footer .ft_menu ul{max-width:1200px;}

}


.yt{width: 100%;aspect-ratio: 16 / 9;}
.yt iframe {
  width: 100%;
  height: 100%;
}


/*--- PC以下 ---*/
@media screen and (max-width: 1199px) {
.main{padding: 0px 5px;}
.f_sitemap{margin:10px}
}
   /*--- tablet ---*/
   
@media screen and (max-width: 959px) {
img{max-width:100%;height:auto}


.header{background:#000 url("imgs/sp_head_ttl.png") no-repeat left top;height:90px;margin-bottom:10px}


.header h1 a{height:44px;width:140px}
.header h2 {display:none}
.header .nav{position:absolute;top:44px;height:90px;}
.header .nav ul.parentmenu{height:44px;padding-right:50px}

.header .gnav{position:absolute;top:44px;right:0px;margin:0px;;z-index:50;width:100%}
.header .gnav .menuswich{position:absolute;right:0px;width:44px;background:url("imgs/menuswich.png") no-repeat center top;;}
.header .gnav.swichon{}
.header .gnav.swichon .menuswich{background-position:center -50px}
.header .gnav .menuswich a{display:flex;align-items: flex-end;justify-content: center;width:44px;height:44px;color:#fff;}

.header .gnav ul#menu-headmenu2{display:none}
.header .gnav.swichon ul#menu-headmenu2{display:block;position:relative;top:44px;width:100%;background-color:#ddd}
.header .gnav li{margin:0px}
.header .gnav li a{display:block;text-align:center;line-height:44px;margin:0px;font-size:118%;color:#000;border-bottom:1px solid #666}
.header .gnav li a:active{background-color:#fff}

.header .social_media{top:2px}


.nav ul li.menu-item{width:16%;height:44px;position:static}
.nav ul li.menu-item a{padding:0px 2px;height:44px;display:flex;align-items: center;justify-content: center;border-right:1px solid #000}
.nav ul li.menu-item.menu-item-has-children{font-size:.62rem;background-color:#600;line-height:1.1;}
.nav ul li.menu-item.menu-item-has-children ul.sub-menu li a{font-size:106%}
.nav ul.sub-menu li.menu-item{height:auto;}
.nav ul li.menu-item.lnk-home{display:none}
.nav ul li ul.sub-menu{top:44px;width:100vw}
.nav ul li ul.sub-menu li ul.sub-menu{display:block;top: 0px;
  left: 0;
position: relative;}
.nav ul li ul.sub-menu li ul.sub-menu a{background-color: #eee;}
.nav ul li ul.sub-menu li.menu-item-has-children > a::after{content: "▼";}

.nav ul li ul.sub-menu li a{padding:15px 0px}

.f_sitemap .f_sm_box{width:25%}

 
 /*home*/
 .home .easingslider-container{margin-bottom:2px}
.home .top_mkbnr{margin-bottom:5px}
.home .box.calendar,.home .box.news{width:100%;padding:0;border-style:none}
.home .box.news .topnewsitems{margin:0px;}
.home .box.news .newsitem{display:flex;width:auto}
.home .box.news .topnewsdate{flex-basis:100px;justify-content:center}
.home .top_bnr iframe{max-width:100%;}


.home .main .top_annai{clear:left;}
.home .main .top_continfo_box .top_annai {width:33%;}
.home .main .top_continfo_box .top_annai img{width:100%}

.blog_1.home .top_bnr a{width:50%}

.blog_1.home #leotani_shopinfo .top_annai img{width:50%}


.main .box{margin-bottom:5px}
.main .box h3{font-weight:normal;font-size:100%;}
.main h3{margin-bottom:2px}

.footer li a{display:block;}
.footer .ft_shop_list li{display:inline-block;width:137px}
.footer li a:active{filter: grayscale(0%);-webkit-filter: grayscale(0%);}



.subsite-header{width:100%;margin-bottom:10px}
.subsite-header .menu{}


.page-tax-free .tax-free-top .tax-free-shopphoto{max-width:30%;}



}

   /*--- 767px以下 ---*/
@media screen and (max-width: 767px) {
.shop_staffs{justify-content:space-between}
.shop_staffs .shop_staff{width:32%;float:none}
.home .main .top_continfo_box .top_annai {width:49%;}

.blog_1.home #leotani_shopinfo .top_annai{width:33%}
.blog_1.home #leotani_shopinfo .top_annai img{float:none ;width:100%}

.f_sitemap .f_sm_box{width:50%}
.page-leorakusai .shop_info,.page-leorakusai .rakusai_fb{width:100%}

.page-tax-free .tax-free-top .tax-free-shopphoto{float: none;max-width:100%;text-align:center;margin-left: 0;}


}


   /*--- 480px以下 ---*/
@media screen and (max-width: 479px) {
  
.blog_1.home #leotani_shopinfo .top_annai{width:100%}
.blog_1.home #leotani_shopinfo .top_annai img{float:left ;width:50%}

.shop_staffs .shop_staff.staff_manager img{width:50%}

}

/*--- 380px以下 ---*/
@media screen and (max-width: 379px) {
.blog_1.home .top_bnr a{width:100%}
.home .main .top_continfo_box .top_annai {width:100%;}
.blog_1.home #leotani_shopinfo .top_annai img{float:none;width:100%}

.shop_staffs .shop_staff.staff_manager img{width:100%}

.page-contact .page_cont table{width:96%}
.page-contact .page_cont td{display:block;}
.page-contact .page_cont input,.page-contact .page_cont textarea{width:100%}
}



/* #google calender
================================================== */
.gc_wrapper {
  max-width: 800px; 
  min-width: 300px; 
  margin: 2.0833% auto;
}
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
@media (max-width: 600px) {
    .big-container {
        display: none;
    }
    .small-container {
       padding-bottom: 200%;   /* 高さ */
    }
}
@media (min-width: 600px) {
    .small-container {
        display: none;
    }
}