@charset "utf-8";

/*
======== table of content. ===============
summary:共通設定
==========================================
*/

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}


/* ================================================================================
bese
================================================================================= */
html {
  font-size:62.5%;
}
body {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size:2rem;
  line-height:1.6;
  color:#231815;
  width:100%;
  font-weight:500;
  -webkit-text-size-adjust:100%;
  -webkit-text-size-adjust:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
hr {
  display:none;
}
a {
  text-decoration:none;
  color:#231815;
  outline:none;
}
a:hover {
  color:#666;
}
a[href^="tel:"] {
  cursor:default;
}
a[href^="tel:"]:hover {
  color:#231815;
}
strong {
  font-weight:bold;
}
ol, ul {
  list-style: none;
}
img {
  height:auto;
  max-width:100%;
  vertical-align:bottom;
}
a img {
  -webkit-backface-visibility:hidden;
}
:focus {
  outline:none;
}
#wrapper {
  position:relative;
  margin:0 auto;
}


/* ================================================================================
header
================================================================================= */
#header {
  min-width:1300px;
  padding:20px 0;
  background:#00578f;
}
#header .inner {
  position:relative;
  width:1300px;
  margin:0 auto;
  color:#fff;
  text-align:center;
}
#header_ttl img {
  width:1246px;
  margin-bottom:10px;
}
#header_txt_sub img {
  width:985px;
}
#header .icon li {
  position:absolute;
}
#header .icon_sapotoyo {
  top:12px;
  left:33px;
  width:227px;
}
#header .icon_safety {
  top:20px;
  right:40px;
  width:86px;
}


/* ================================================================================
main
================================================================================= */
#main {
  min-width:1300px;
}
.bg_color {
  padding:100px 0;
  background:#bbdcf4;
}


/* ================================================================================
mv
================================================================================= */
#mv {
  width:1220px;
  margin:0 auto 60px;
  background:#bbdcf4;
}
#mv .photo + .photo {
  margin-top:45px;
}
#mv .txt_supp {
  margin-top:10px;
  text-align:right;
}


/* ================================================================================
corner_header
================================================================================= */
.corner_header {
  width:1220px;
  margin:0 auto;
  padding:10px 5px 20px;
  background:#880025;
  border-radius:10px;
  color:#fff;
  text-align:center;
}
.corner_header .ttl {
  font-size:5.6rem;
  line-height:1.4;
}
.corner_header .txt_sub {
  font-size:3.5rem;
  line-height:1.2;
  vertical-align:middle;
}
.corner_header .txt_sub span {
  display:inline-block;
  margin-right:15px;
  padding:5px 20px;
  background:#fff;
  color:#004ea2;
  font-size:3.2rem;
  font-weight:bold;
}
.corner_header .txt_sub em {
  display:inline-block;
  position:relative;
  top:.1em;
  font-weight:bold;
  font-style:normal;
  font-family:'Open Sans','Noto Sans JP',sans-serif;
  font-size:5rem;
}
.corner_header_supp {
  margin:10px 0 40px;
  text-align:center;
}


/* ================================================================================
pagenav
================================================================================= */
.pagenav {
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  margin:0 auto 80px;
}
.pagenav li {
  width:209px;
  margin-left:4px;
}
.pagenav li + li {
  margin-left:-4px;
}
.pagenav a:hover {
  opacity:.7;
}


/* ================================================================================
conditions
================================================================================= */
.conditions {
  position:relative;
  width:1220px;
  margin:0 auto;
  padding:60px 20px 30px;
  background:#f4f4f0;
  border:1px solid #880025;
}
.conditions dt {
  position:absolute;
  top:-1.1em;
  left:0;
  right:0;
  margin:0 auto;
  text-align:center;
}
.conditions dt span {
  display:inline-block;
  width:260px;
  padding-left:.1em;
  background:#880025;
  color:#fff;
  line-height:1.4;
  font-size:3.3rem;
  text-align:center;
  font-weight:bold;
  border-radius:5px;
  letter-spacing:.1em;
}
.conditions dd {
  font-size:2.2rem;
  font-weight:bold;
}
.conditions li + li {
  margin-top:.6em;
}


/* ================================================================================
area_contents
================================================================================= */
#area_contents {
  width:1220px;
  margin:0 auto;
  padding:70px 0 35px;
}
.sec_area {
  margin-top:70px;
}
.sec_area .ttl {
  position:relative;
  margin-bottom:20px;
  line-height:1.2;
}
.sec_area .ttl:before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:5px;
  width:100%;
  height:30px;
  background:#880025;
  z-index:-1;
}
.sec_area .ttl span {
  display:inline-block;
  margin-left:30px;
  padding:0 15px;
  background:#fff;
}
.sec_area .ttl span img {
  width:228px;
}
.sec_area .shelf {
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid #880025;
}


/* ================================================================================
period
================================================================================= */
.sec_area .period_shelf {
  position:relative;
  width:165px;
  margin-right:30px;
  padding-right:35px;
  font-size:6rem;
  font-weight:bold;
  text-align:right;
  line-height:1;
  font-family:'Open Sans','Noto Sans JP',sans-serif;
}
.sec_area .period_shelf + .period_shelf {
  padding-top:.4em;
}
.sec_area .period_shelf .month {
  position:absolute;
  top:0;
  left:0;
}
.sec_area .period_shelf .week {
  position:absolute;
  bottom:.2em;
  right:0;
  font-size:2.9rem;
}
.sec_area .period_shelf .day {
  position:relative;
}
.sec_area .period_shelf .co_blue {
  color:#004ea2;
}
.sec_area .period_shelf .co_red {
  color:#e60012;
}
.sec_area .period_shelf + .period_shelf .day:before {
  content:"";
  display:inline-block;
  position:absolute;
  top:-6px;
  left:0;
  right:0;
  height:12px;
  width:12px;
  margin:0 auto;
  background:#231815;
  border-radius:100%;
}


/* ================================================================================
shops
================================================================================= */
.sec_area .shop_detail {
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  line-height:1.4;
}
.sec_area .shop_name {
  width:275px;
  margin-right:25px;
}
.sec_area .tel {
  width:475px;
  font-size:6.4rem;
  font-family:'Open Sans','Noto Sans JP',sans-serif;
  font-weight:bold;
}
.sec_area .tel:before {
  content:"";
  display:inline-block;
  position:relative;
  top:-7px;
  width:44px;
  height:33px;
  margin-right:5px;
  background:url(../img/icon_tel.png) no-repeat;
  background-size:44px 33px;
}
.sec_area .add {
  font-size:1.9rem;
  line-height:1.2;
}


/* ================================================================================
footer
================================================================================= */
#footer {
  width:1220px;
  margin:0 auto;
  padding-bottom:100px;
  text-align:right;
}