@charset "utf-8";
/* CSS Document */
body {
  -webkit-text-size-adjust: 100%;
   margin: 0px;
   padding: 0px;
   line-height: 100%;
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* 背景色透過 */
.backcolor_w {
    background-color: rgba(255,255,255,0.4);
}
.backcolor_b {
    background-color: rgba(0,0,0,0.35);
}

/* テキストサイズ（行間多め） */
.textVw{
  font-size: 3.97vw;
  line-height: 145%;
}
/* テキストサイズ（行間少な目） */
.textVw_2{
  font-size: 3.97vw;
  line-height: 120%;
}
/* テキストサイズ（空白用） */
p.textVw_sp{
  font-size: 1.0vw;
  line-height: 50%;
}

/* 白点線 */
p.line-w {
   border-bottom: 1px dotted #ffffff;
}

/* グレー点線 */
p.line-g {
   border-bottom: 1px dotted #505050;
}

/* 画像角丸 */
p.image_maru img {
    border-radius: 10px;
}

/* 画像サイズ */
/* アイコン用 */
.icon_10 img {
    width: 10%;
    height: auto;
}
.icon_20 img {
    width: 20%;
    height: auto;
}
.icon_30 img {
    width: 30%;
    height: auto;
}
.icon_40 img {
    width: 40%;
    height: auto;
}
.icon_50 img {
    width: 50%;
    height: auto;
}
.icon_60 img {
    width: 40%;
    height: auto;
}
.icon_gift img {
    width: 60%;
    height: auto;
}
.icon_70 img {
    width: 70%;
    height: auto;
}
.icon_80 img {
    width: 80%;
    height: auto;
}
.icon_90 img {
    width: 90%;
    height: auto;
}
/* backロゴ */
.icon_back img {
    width: 15%;
    height: auto;
}

/* ヘッダーロゴ */
.icon_logo img {
    width: 23%;
    height: auto;
}

/* TOPページ用ヘッダーロゴ */
.icon_logo_top img {
    width: 32.5%;
    height: auto;
}

/* ショップアイコン用 */
.icon_shop img {
    width: 25%;
    height: auto;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* ショップアイコン用（非角丸） */
.icon_shop2 img {
    width: 25%;
    height: auto;
}

/* バーナー用 */
.icon_banner img {
    width: 93%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* バーナー用2 */
.icon_banner_2 img {
    width: 100%;
    height: auto;
}

/* フッダー部ボタン */
.icon_banner_3 img {
    width: 80%;
    height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* RSSショップ名表示用 */
.icon_RSS_shop img {
    width: 90%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* タブボタン */
.tab_wrap{width:97%; margin:10px auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 0px;}
/*
.tab_area label{width:120px; margin:0 4px; display:inline-block; padding:10px 0; color:#999999; background:#dddddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; border-top-right-radius:5px; border-top-left-radius:5px;}
*/
.tab_area label{margin:0 1px; display:inline-block; padding:10px 0; color:#ffffff; background:#73a0c6; text-align:center; font-size:14px; cursor:pointer; transition:ease 0.2s opacity; border-top-right-radius:5px; border-top-left-radius:5px;}
.tab_area label:hover{opacity:1.0;}
.panel_area{background:#ffffff; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.tab_panel{width:100%; padding:15px 0; display:none;}
/* .tab_panel p{font-size:14px; letter-spacing:1px; text-align:left;} */
.tab_panel p{letter-spacing:1px; text-align:left;}

#tab1:checked ~ .tab_area .tab1_label{background:#092e72; color:#ffffff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#092e72; color:#ffffff;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#092e72; color:#ffffff;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#092e72; color:#ffffff;}
#tab4:checked ~ .panel_area #panel4{display:block;}

/* グーグルマップ */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* iframe用 */
.iframe-wrap {
position: relative;
padding-bottom: 30.0%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}