@charset "UTF-8";

/* #Reset & Basics
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        word-break:break-all; }
    blockquote, q {
        quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none; }
    table {
        border-collapse: collapse;
        border-spacing: 0; }


/* #Base styles
================================================== */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
* { -webkit-text-size-adjust: none; }
html {
  overflow-y: scroll;
}
body {
  font-family: 'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  color: #444;
  line-height: 1.6em;
  font-size: 14px;
}
body:not(:target) {
  font-family: 'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro', "メイリオ", 'ＭＳ Ｐゴシック', sans-serif;
  color: #444;
  line-height: 1.6em;
  font-size: 14px;
}
h1, h2, h3 {
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 0.6em;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
p, ul, ol, pre, dl {
  margin-bottom: 0;
}
strong { font-weight: bold; }
pre, code {
  font-family: Monaco, monospace;
  font-size: 12px;
  background: #111;
  color: #F5F5F5;
}
p code {
  padding: 1px 3px;
}
pre {
  margin: 1em 0;
  padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
ul, ol { padding-left: 1.3em; list-style: none;}
blockquote {
    margin: 0;
    font: italic 18px Georgia, serif;
}
dt {
  font-weight: bold;
  font-size: 14px;
}
dd + dt {
  margin-top: 0.5em;
}
dd {
  margin-left: 1.0em;
}
button {
  -webkit-appearance: push-button;
}

.nwrp{white-space: nowrap;}


/* link
***************************************************************************/
a {
    color: #c00;
    text-decoration: none;
}
a:hover {
    color: #333;
    text-decoration: underline;
}
a:active {
    background: hsla( 0, 100%, 100%, 0.5 );
}
a img {
    border: none;
}
span.linkcolor {
    color: #69F;
}
span.name {
    color: #F93;
    font-size: 14px;
}
/* wide img
***************************************************************************/
.wide img, .wide img, .wide img {
    display:block;
    max-width: 580px;
    height: auto;
    max-height:250px;
}
@media only screen and (max-width:414px){
div#main article section.wide > .center > img{
  max-width: 100%;
}
}


.ie6 .wide img, .ie6 .wide img, .ie6 .wide img {
    width: 100%;
}


/* page top
***************************************************************************/
.pagetop {
    text-align: right;
}
.pagetop a {
}


/* Body
***************************************************************************/
body {
    width:expression(document.body.clientWidth > 1212? "1210px" : "auto");
    padding: 0;
    margin: 0 auto;
}
.ie body {
    min-width: 820px;
}
#body {
    padding: 0 8px;
    margin: 0 auto;
    max-width: 1210px;
}
#body.of {
    margin-top: 40px;
}
#body.sp {
    margin-top: 40px;
}
#body #topicpath {
    margin-top: 40px
}
#body #topicpath2 {
    margin-top: 40px
}

/* clearfix
***************************************************************************/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* loading
***************************************************************************/
.loading {
    margin: 15px;
    text-align:center;
}


/* for smartphone overwrite
***************************************************************************/


/* headbar
***************************************************************************/
#headbar {
    text-align: right;
    font-size: 11px;
    padding: 0 10px;
    margin: 10px auto;
}
#headbar img {
    vertical-align: middle;
}
#headbar .ex-nav {
    display: inline;
    line-height:0;
}
#headbar .ex-nav ul,
#headbar .ex-nav h3 {
    display: inline;
    margin: 0;
    padding: 0;
}
#headbar .ex-nav h3 {
    margin-left: 1em;
}
#headbar .ex-nav li {
    display: inline;
    margin: 0 0 0 0.5em;
    padding-left: 8px;
    /*background: url(/img/fppcs/head_bar_link.gif) no-repeat 0 center;*/
}
#headbar .ex-nav li:first-child {
}
#headbar .ex-nav a {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
}
#headbar .ex-nav a:hover {
    color: #c00;
    text-decoration: underline;
}
/* ↓ 2023/03/24 hタグの統一修正 @sc */
div.shopdata {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding-top: 5px;
  }
  div.shopdata h1 {
    position: initial;
    font-size: initial;
    font-weight: initial;
    line-height: initial;
    margin-bottom: initial;
  }
  div.shopdata h1 .shopname {
    font-weight: bold;
    font-size: 14px;
  }
  .sidebar div.logo {
    width: 100%;
    text-align: initial;
  }
  /* ↑ 2023/03/24 hタグの統一修正 @sc */
/* container
***************************************************************************/
#content {
    padding-top:40px;
}
div.logo {
    width: 100%;
    text-align: center;
}
div#topicpath2{
    max-width:980px;
    margin:0 auto;
}
#body div#topicpath2{
    max-width:1210px;
}
div#topicpath2 + div + div.logo{
    max-width:980px;
    margin:0 auto;
}
#body > div.logo {
    max-width: 100% !important;
}
.logo img{
    width: 100%;
    height: auto;
}
#container {
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#08000000,endColorstr=#08000000)";
    background: rgba(0,0,0,0.03);
    padding: 5px;
    margin:0 auto;
    margin-bottom: 20px;
    border-radius: 5px;
    clear: both;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
/* box
***************************************************************************/
p.shopdata {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding-top: 5px;
    text-align: left;
}
p.shopdata .shopname {
    font-size: 14px;
    font-weight: bold;
}
/* フッターメニュー */
#gFooterNav{
    display:none;
    height:0;
    padding:0;
    margin:0;
}
/* 応募情報 */
#dataBlock .tableinfo .tableinfo_ul{
  padding-left:0;
  border-bottom:1px solid #E1D6C2;
}
#dataBlock .tableinfo .tableinfo_ul .tableinfo_li{
  border-top:1px solid #E1D6C2;
}
#dataBlock .tableinfo .tableinfo_ul .tableinfo_li dl{
  display:table;
  table-layout:fixed;
}
#dataBlock .tableinfo .tableinfo_ul .tableinfo_li dl dt{
  border:1px solid #fff;
  background-color:#ECE8DC;
  padding:4px 9px;
  display:table-cell;
/*
  width:8%;
*/
  width:110px;
  font-size:inherit;
}
#dataBlock .tableinfo .tableinfo_ul .tableinfo_li dl dd{
  padding:4px 9px;
  margin-left:0;
  display:table-cell;
/*
  width:30%;
*/
}
#dataBlock .tableinfo .tableinfo_ul .tableinfo_li dl dd ul.inquiryList{
  overflow:hidden;
}
#dataBlock .tableinfo .tableinfo_ul .tableinfo_li dl dd a{
  color:#6699FF;
}

#dataBlock .tableinfo .tableinfo_ul .tableinfo_li.treatment dd span{
  background: #FF6600;
    color:#FFF;
    border-radius:3px;
    padding:0px 3px 0px 3px;
    margin-right:5px;
    font-size:11px;
}
#dataBlock table{
  display:table;
}
#dataBlock table tr th div,
#dataBlock table tr td div{
  padding-left:9px;
  padding-right:9px;
}
#fixedMenu {
    display:none;
}

/* screens smaller than 820
***************************************************************************/
@media only screen and (min-width:541px) and (max-width:820px) {
#body {
    width: 610px;
}
#body.of {
    margin-top: 10px;
}
#body.sp {
    margin-top: 5px;
}
#body #topicpath {
    margin-top: 5px
}
#body #topicpath2 {
    margin-top: 5px
}
#headbar {
    font-size: 9px;
}
}
/* /screens smaller than 820 */

/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {
div.logo {
    width: 94%;
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
}
#body {
    padding: 0 5px;
}
#body.of {
    margin-top: 10px;
}
#body.sp {
    margin-top: 5px;
}
#body #topicpath {
    margin-top: 5px
}
#body #topicpath2 {
    margin-top: 5px
}
h1 {
  font-size: 22px;
}

h1 img{
    max-width: 100%;
}

h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
#headbar {
    text-align: center;
    padding: 0 6px;
    margin: 5px auto;
}
#headbar .ex-nav li {
    display: inline;
    margin: 0 0.4em;
}
#headbar .pamphlet {
    display:none;
}
#headbar {
    font-size: 9px;
}
#container {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border-radius: 8px 8px 8px 8px;
    clear: both;
    margin: 10px auto 20px;
    padding: 5px;
}
#container{
    width: auto !important;
    padding: 0 1.8%;
    background: none;
}
/* DX追加分
***************************************************************************/
/* 応募情報 */
#dataBlock table{
  display:block;
}
#dataBlock .tableinfo table th{
  border:none;
}
#dataBlock .tableinfo table tr th,
#dataBlock .tableinfo table tr td{
  width:100%;
  font-size:inherit;
  float:left;
}
/* 固定メニュー */
.wide img, .wide img, .wide img {
    display:block;
    max-width: 100%;
    height: auto;
}
}
/* /screens smaller than 540 */
/* ↓2019/03/14 */
#dataBlock .lcdata {
    margin: 30px 0px 0px 0px;
    border: 2px solid #ffe5f2;
    border-collapse: collapse;
    display: table;
}
#dataBlock .lcdata th {
    background-color: #ffe5f2;
    text-align: left;
    padding: 3px 13px 5px;
    font-size: inherit;
}
#dataBlock .lcdata td {
    padding: 7px 13px 5px;
}
#dataBlock .lcdata th i {
    position: relative;
    top: 2px;
    font-size: 20px;
    color: #d7231e;
}
#dataBlock .lcdata th span {
    margin-left: 10px;
    color: #b11856;
    font-weight: bold;
}
/* ↑2019/03/14 */
/* ↓お店トップ全国ムックフッターバナー*/
@media only screen and (max-width:540px) {
    .wrap-adm-mook {
        display: none;
    }
    .wrap-adm-mook-sp {
        display: block !important;
    }
        .floatBanner {
            display: inline-block;
        }
        .float-bnr.js-floatBnr {
            display: inline-block;
        }
}
/* ↑お店トップ全国ムックフッターバナー*/