@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* --------------------------------------------------

reset

-------------------------------------------------- */

v\:line, v\:rect, v\:fill, v\:image, v\:stroke{ behavior: url(base_legacy.css#default#VML); }

/*--------------------------------------------
  HTML5 Reset ::style.css
  -------------------------
  We have learned much from/been inspired by/taken code where offered from:
  Eric Meyer:http://ericmeyer.com
  HTML5 Doctor:http://html5doctor.com
  and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/

/* Let's default this puppy out
--------------------------------*/
.mdHeader html, .mdHeader div, .mdHeader span, .mdHeader object, .mdHeader iframe, .mdHeader h1, .mdHeader h2, .mdHeader h3, .mdHeader h4, .mdHeader h5, .mdHeader h6, .mdHeader p,
.mdHeader blockquote, .mdHeader pre, .mdHeader abbr, .mdHeader address, .mdHeader cite, .mdHeader code, .mdHeader del, .mdHeader dfn, .mdHeader em, .mdHeader img, .mdHeader ins, .mdHeader kbd,
.mdHeader q, .mdHeader samp, .mdHeader small, .mdHeader strong, .mdHeader sub, .mdHeader sup, .mdHeader var, .mdHeader b, .mdHeader i, .mdHeader dl, .mdHeader dt, .mdHeader dd, .mdHeader ol, .mdHeader ul, .mdHeader li,
.mdHeader fieldset, .mdHeader form, .mdHeader label, .mdHeader legend, .mdHeader table, .mdHeader caption, .mdHeader tbody, .mdHeader tfoot, .mdHeader thead, .mdHeader tr, .mdHeader th, .mdHeader td,
.mdHeader article, .mdHeader aside, .mdHeader figure, .mdHeader, .mdHeader hgroup, .mdHeader menu, .mdHeader nav, .mdHeader section, .mdHeader time, .mdHeader mark, .mdHeader audio, .mdHeader video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
.mdFooter html, .mdFooter div, .mdFooter span, .mdFooter object, .mdFooter iframe, .mdFooter h1, .mdFooter h2, .mdFooter h3, .mdFooter h4, .mdFooter h5, .mdFooter h6, .mdFooter p,
.mdFooter blockquote, .mdFooter pre, .mdFooter abbr, .mdFooter address, .mdFooter cite, .mdFooter code, .mdFooter del, .mdFooter dfn, .mdFooter em, .mdFooter img, .mdFooter ins, .mdFooter kbd,
.mdFooter q, .mdFooter samp, .mdFooter small, .mdFooter strong, .mdFooter sub, .mdFooter sup, .mdFooter var, .mdFooter b, .mdFooter i, .mdFooter dl, .mdFooter dt, .mdFooter dd, .mdFooter ol, .mdFooter ul, .mdFooter li,
.mdFooter fieldset, .mdFooter form, .mdFooter label, .mdFooter legend, .mdFooter table, .mdFooter caption, .mdFooter tbody, .mdFooter tfoot, .mdFooter thead, .mdFooter tr, .mdFooter th, .mdFooter td,
.mdFooter article, .mdFooter aside, .mdFooter figure, .mdFooter, .mdFooter hgroup, .mdFooter menu, .mdFooter nav, .mdFooter section, .mdFooter time, .mdFooter mark, .mdFooter audio, .mdFooter video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
.mdHeader article, .mdHeader aside, .mdHeader figure, .mdHeader, .mdHeader hgroup, .mdHeader nav, .mdHeader section{display:block;}
.mdFooter article, .mdFooter aside, .mdFooter figure, .mdFooter, .mdFooter hgroup, .mdFooter nav, .mdFooter section{display:block;}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */

.mdHeader ul,
.mdFooter ul{
  width: 100%;
  height: auto;
  list-style:none;
}
.mdHeader blockquote, .mdHeader q,
.mdFooter blockquote, .mdFooter q{quotes:none;}
.mdHeader blockquote:before,
.mdFooter blockquote:before,
.mdHeader blockquote:after,
.mdFooter blockquote:after,
.mdHeader q:before,
.mdFooter q:before,
.mdHeader q:after,
.mdFooter q:after{content:''; content:none;}
.mdHeader a,
.mdFooter a{margin:0; padding:0;  vertical-align:baseline; background:transparent;}
.mdHeader del,
.mdFooter del{text-decoration:line-through;}
.mdHeader abbr[title], .mdHeader dfn[title],
.mdFooter abbr[title], .mdFooter dfn[title]{border-bottom:1px dotted #000; cursor:help;}
.mdHeader table,
.mdFooter table{border-collapse:collapse; border-spacing:0;}
.mdHeader th,
.mdFooter th{font-weight:bold; vertical-align:top;}
.mdHeader td,
.mdFooter td{font-weight:normal; vertical-align:top;}
.mdHeader hr,
.mdFooter hr{display:block; height:1px; border:0; border-top:1px solid #999; margin:1em 0; padding:0;}
.mdHeader input, .mdHeader select,
.mdFooter input, .mdFooter select{vertical-align:top;}
.mdHeader pre,
.mdFooter pre{
  white-space:pre; /* CSS2 */
  white-space:pre-wrap; /* CSS 2.1 */
  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap:break-word; /* IE */
}
.mdHeader input[type="radio"],
.mdFooter input[type="radio"]{vertical-align:middle;}
.mdHeader input[type="checkbox"],
.mdFooter input[type="checkbox"]{vertical-align:middle; *vertical-align:baseline;}
.mdHeader select, .mdHeader input, .mdHeader textarea,
.mdFooter select, .mdFooter input, .mdFooter textarea{font:99% sans-serif;}
.mdHeader table,
.mdFooter table{font:100%;}
.mdHeader a:hover, .mdHeader a:active,
.mdFooter a:hover, .mdFooter a:active{outline:none;}
.mdHeader strong, .mdHeader th,
.mdFooter strong, .mdFooter th{font-weight:bold;}
.mdHeader td, .mdHeader td img,
.mdFooter td, .mdFooter td img{vertical-align:top;}
.mdHeader sub, .mdHeader sup,
.mdFooter sub, .mdFooter sup{line-height:0; position:relative;}
.mdHeader sup,
.mdFooter sup{top:0;}
.mdHeader sub,
.mdFooter sub{bottom:-0.25em;}
.mdHeader pre, .mdHeader code, .mdHeader kbd, .mdHeader samp,
.mdFooter pre, .mdFooter code, .mdFooter kbd, .mdFooter samp{font-family:monospace, sans-serif;}
.mdHeader .clickable,
.mdHeader label,
.mdHeader input[type=button],
.mdHeader input[type=submit],
.mdHeader button,
.mdFooter .clickable,
.mdFooter label,
.mdFooter input[type=button],
.mdFooter input[type=submit],
.mdFooter button{cursor:pointer;}
.mdHeader button, .mdHeader input, .mdHeader select, .mdHeader textarea,
.mdFooter button, .mdFooter input, .mdFooter select, .mdFooter textarea{margin:0;}
.mdHeader button,
.mdFooter button{width:auto; overflow:visible;}
.mdHeader h1,.mdHeader h2,.mdHeader h3,.mdHeader h4,.mdHeader h5,.mdHeader h6,
.mdFooter h1,.mdFooter h2,.mdFooter h3,.mdFooter h4,.mdFooter h5,.mdFooter h6{font-weight:normal;}
.mdHeader img,
.mdFooter img{vertical-align:bottom;}

/* --------------------------------------------------

Base Setting

-------------------------------------------------- */

html {
  font-size:62.5%;
}

.mdHeader, .mdHeader *, .mdHeader *:before, .mdHeader *:after,
.mdFooter, .mdFooter *, .mdFooter *:before, .mdFooter *:after{
	box-sizing: border-box;
}
.mdHeader,
.mdFooter{
  font-size: 14px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.875;
  color: #222222;
  width: 100%;
  min-width: 1000px;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  text-align: left;
}
@media screen and (max-width:767px) {
  .mdHeader,
  .mdFooter{
    font-size: 12px;
    min-width: 320px;
    line-height: 1.83;
    letter-spacing: 0.12em;
  }
}
.mdHeader h1, .mdHeader h2, .mdHeader h3, .mdHeader h4, .mdHeader h5, .mdHeader h6,
.mdFooter h1, .mdFooter h2, .mdFooter h3, .mdFooter h4, .mdFooter h5, .mdFooter h6 {
  font-size: 100%;
  font-weight: normal;
}
.mdHeader ol, .mdHeader ul,
.mdFooter ol, .mdFooter ul {
  list-style: none;
}
.mdHeader table,
.mdFooter table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
.mdHeader caption, .mdHeader th, .mdHeader td,
.mdFooter caption, .mdFooter th, .mdFooter td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
.mdHeader fieldset,
.mdFooter fieldset {
  border: none;
}
.mdHeader input, .mdHeader textarea, .mdHeader select, .mdHeader label,
.mdFooter input, .mdFooter textarea, .mdFooter select, .mdFooter label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  vertical-align: middle;
}
.mdHeader select,
.mdFooter select{
  box-sizing: border-box;
  background-color: white;
  cursor: default;
}
.mdHeader input[type="submit"],
.mdFooter input[type="submit"] {
  -webkit-appearance: none;
}
.mdHeader label, .mdHeader button,
.mdFooter label, .mdFooter button {
  cursor: pointer;
}
.mdHeader textarea,
.mdFooter textarea {
  overflow: auto;
  box-sizing: border-box;
}
.mdHeader, .mdHeader hgroup, .mdHeader article, .mdHeader section, .mdHeader nav, .mdHeader aside, .mdHeader figure,
.mdFooter, .mdFooter hgroup, .mdFooter article, .mdFooter section, .mdFooter nav, .mdFooter aside, .mdFooter figure {
  display: block;
}
.mdHeader img,
.mdFooter img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
.mdHeader em, .mdHeader strong,
.mdFooter em, .mdFooter strong {
  font-weight: bold;
  font-style: normal;
}
.mdHeader mark,
.mdFooter mark {
  font-weight: bold;
}
.mdHeader object,
.mdFooter object {
  vertical-align: middle;
  outline: none;
}
.mdHeader blockquote, .mdHeader q,
.mdFooter blockquote, .mdFooter q {
  quotes: none;
}
.mdHeader q:before, .mdHeader q:after,
.mdFooter q:before, .mdFooter q:after {
  content: '';
}
.mdHeader code,
.mdFooter code {
  font-family: monospace;
}
.mdHeader sup,
.mdFooter sup {
	font-size: 70%;
  vertical-align:super;
}
.mdHeader sub,
.mdFooter sub {
  font-size: 70%;
  vertical-align: bottom;
  position: relative;
  bottom: 1.1em;
}
.mdHeader ins,
.mdFooter ins {
  text-decoration: none;
}
.mdHeader del,
.mdFooter del {
  text-decoration: line-through;
}
.mdHeader abbr, .mdHeader acronym,
.mdFooter abbr, .mdFooter acronym {
  border: none;
  font-variant: normal;
}
.mdHeader abbr[title], .mdHeader dfn[title],
.mdFooter abbr[title], .mdFooter dfn[title] {
  border-bottom: 1px dotted #333;
  cursor: help;
}
.mdHeader address, .mdHeader caption, .mdHeader cite, .mdHeader code, .mdHeader dfn, .mdHeader var,
.mdFooter address, .mdFooter caption, .mdFooter cite, .mdFooter code, .mdFooter dfn, .mdFooter var {
  font-weight: normal;
  font-style: normal;
}
.mdHeader hr,
.mdFooter hr {
  display: none;
}
.mdHeader pre,
.mdFooter pre {
  font-family: monospace;
}

.mdHeader a,
.mdFooter a {
  color: #551900;
  vertical-align: baseline;
  text-decoration: none;
  transition: all .2s;
}
@media print, screen and (min-width:768px){
  .mdHeader a:hover,
  .mdFooter a:hover {
    opacity: 0.7;
    text-decoration: none;
    transition: .2s ease-in-out;
  }
}
.mdHeader a[nohref],
.mdFooter a[nohref]{
  cursor:pointer;
}

.mdHeader .clear:after,.mdHeader .section-inner:after,
.mdFooter .clear:after,.mdFooter .section-inner:after{display:table;content:"";clear:both;}
.mdHeader .clear,.mdHeader .section-inner,
.mdFooter .clear,.mdFooter .section-inner{zoom:1;}
.mdHeader .clearfix:after,
.mdFooter .clearfix:after {content:""; display:block; clear:both;}

@media screen and (max-width:767px) {
  .mdHeader img,
  .mdFooter img {
    max-width: 100%;
    height: auto;
  }
  .mdHeader sub,
  .mdFooter sub {
    bottom: .85em;
  }
}

/* --------------------------------------------------

body

-------------------------------------------------- */
@media print, screen and (min-width:768px){
  body {
    position: relative;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  body {
    padding-top: 85px;
  }
}
@media screen and (max-width:767px) {
  body {
    position: relative;
    padding-top: 75px;
  }
}

/* --------------------------------------------------

mdHeader

-------------------------------------------------- */
.mdHeader{
  width: 100%;
  letter-spacing: 0;
}
.mdHeader .mdHeader_wrap{
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 6px solid #551900;
  z-index: 30;
}
.mdHeader .mdHeader_inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.mdHeader .mdHeader_nav_block{
  display: flex;
  align-items: center;
}
.mdHeader .mdHeader_logo img{
  width: 146px;
}
.mdHeader .mdHeader_menu_block{
  display: flex;
  align-items: center;
  margin-left: auto;
}
.mdHeader .mdHeader_menu_block .mdHeader_menu > ul{
  display: flex;
}
.mdHeader .mdHeader_menu_block .mdHeader_menu li a{
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}
.mdHeader .mdHeader_menu_block .mdHeader_menu li a .icon_wrap span{
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.mdHeader .mdHeader_menu_block .mdHeader_menu li a .icon_wrap img{
  width: 100%;
}
@media print, screen and (min-width:768px){
  .mdHeader .mdHeader_wrap{
    height: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .mdHeader:not(.is-pin) .mdHeader_wrap{
    min-width: 1000px;
  }
  .mdHeader .mdHeader_inner{
    padding-left: 40px;
    padding-right: 25px;
  }
  .mdHeader .mdHeader_inner a{
    transition: none;
  }
  .mdHeader .mdHeader_inner a:hover{
    transition: .2s ease-in-out;
  }
  .mdHeader .mdHeader_logo{
    margin-top: -4px;
  }
  .mdHeader .mdHeader_gNav{
    margin-left: 30px;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list > ul{
    display: flex;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li{
    position: relative;
    padding: 0 20px;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li a{
    position: relative;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li a .icon{
    display: block;
    width: 28px;
    height: 28px;
    margin-left: auto;
    margin-right: auto;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li a .txt{
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    /* white-space: nowrap; */
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li.is-active a{
    color: #E7372F;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li a .icon .actImg,
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li.is-active a .icon img{
    display: none;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li.is-active a .icon .actImg{
    display: block;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 100%;
    margin: auto;
    background: url(../images/h_border.png) repeat-y right top;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li:last-child::after{
    content: none;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu_link > ul{
    display: flex;
    align-items: center;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu_link li{
    display: flex;
    line-height: 1.5;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu_link li + li{
    margin-left: 2em;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu_link li a{
    font-size: 13px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu{
    margin-left: 30px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li{
    width: 57px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li + li{
    margin-left: 14px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li .icon{
    width: 30px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li a .icon_wrap .txt{
    margin-top: 4px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu .mdHeader_menu_delivery a .icon_wrap .txt{ margin-top: 8px;}
  .mdHeader .mdHeader_menu_btn{
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  .mdHeader .mdHeader_wrap{
    border-width: 5px;
  }
  .mdHeader .mdHeader_inner{
    padding-left: 25px;
    padding-right: 20px;
  }
  .mdHeader:not(.is-pin)  .mdHeader_logo img{
    width: 8.6vw;
    min-width: 105px;
  }
  .mdHeader .mdHeader_gNav{
    margin-left: 1.56vw;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li{
    padding: 0 1.04vw;
  }
  .mdHeader:not(.is-pin) .mdHeader_gNav .mdHeader_gNav_list li a .icon{
    width: 2vw;
    min-width: 23px;
    height: 2vw;
    min-height: 23px;
  }
  .mdHeader .mdHeader_gNav .mdHeader_gNav_list li a .txt{
    font-size: 12px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu_link li + li{
    margin-left: 1.5em;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu_link li a{
    font-size: 11px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li{
    width: 2.4vw;
    min-width: 40px;
  }
  .mdHeader:not(.is-pin) .mdHeader_menu_block .mdHeader_menu li{
    min-width: 63px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li .icon{
    width: 2.85vw;
    min-width: 28px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li a .icon_wrap .txt{
    margin-top: 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .mdHeader .mdHeader_wrap{
    height: 95px;
    border-width: 4px;
  }
}
@media screen and (max-width:767px) {
  .mdHeader .mdHeader_wrap{
    position: fixed;
    height: 70px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-width: 3px;
    z-index: 31;
  }
  .mdHeader .mdHeader_inner{
    padding-left: 25px;
    padding-right: 25px;
  }
  .mdHeader .mdHeader_gNav,
  .mdHeader .mdHeader_menu_block .mdHeader_menu_link{
    display: none;
  }
  .mdHeader .mdHeader_logo img{
    width: 92px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li{
    width: 36.5px;
    margin-left: 10px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li .icon{
    width: 25px;
  }
  .mdHeader .mdHeader_menu_block .mdHeader_menu li a .icon_wrap .txt{
    margin-top: 5px;
  }
  .mdHeader .mdHeader_menu_btn{
    margin-left: 15px;
  }
  .mdHeader .mdHeader_menu_btn p{
    display: flex;
    align-items: center;
  }
  .mdHeader .mdHeader_menu_btn a{
    display: block;
    position: relative;
  }
  .mdHeader .mdHeader_menu_btn span{
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    text-align: left;
    white-space: nowrap;
  }
  .mdHeader .mdHeader_menu_btn a:after,
  .mdHeader .mdHeader_menu_btn span:before,
  .mdHeader .mdHeader_menu_btn span:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 20px;
    height: 2px;
    margin: auto;
    background: #481C08;
  }
  .mdHeader .mdHeader_menu_btn span:after{
    top: auto;
  }
  .mdHeader .mdHeader_menu_btn span:before{
    bottom: auto;
  }
}

/* is-pin */
.mdHeader.is-pin .mdHeader_wrap{
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #EEEEEE;
  box-shadow: 0 0 1px rgba(238, 238, 238, 1);
}
@media print, screen and (min-width:768px){
  .mdHeader.is-pin .mdHeader_wrap{
    position: fixed;
    top: 0;
    left: 0;
    height: 80px;
    animation: slideMdHeader 0.3s forwards;
  }
  .mdHeader.is-pin .mdHeader_logo img{
    width: 105px;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li{
    display: flex;
    justify-content: center;
    width: auto;
    min-height: 36px;
    padding: 0;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 11px;
    padding-right: 11px;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li::after{
    height: 32px;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li a .icon{
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li a .txt{
    margin-top: 0;
    white-space: nowrap;
  }
  .mdHeader.is-pin .mdHeader_menu_block .mdHeader_menu li .icon{
    width: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li a .txt{
    font-size: 1vw;
  }
  .mdHeader.is-pin .mdHeader_menu_block .mdHeader_menu{
    margin-left: 2.1vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .mdHeader.is-pin .mdHeader_logo img{
    width: 80px;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li::after{
    height: 100%;
    width: 1px;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li a{
    padding-left: 11px;
    padding-right: 11px;
  }
  .mdHeader.is-pin .mdHeader_gNav .mdHeader_gNav_list li a .icon{
    width: 18px;
    height: 18px;
    margin-right: 6px;
  }
  .mdHeader.is-pin .mdHeader_menu_block .mdHeader_menu_link li a{
    font-size: 10px;
  }
  .mdHeader.is-pin .mdHeader_menu_block .mdHeader_menu_link li + li{
    margin-left: 1.2vw;
  }
}
@keyframes slideMdHeader{
  from {
    transform: translateY(-100%);
    opacity: 0;
    }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* --------------------------------------------------

mdNav_sp

-------------------------------------------------- */
.mdNav_sp{
  opacity: 1;
  visibility: hidden;

  transition: opacity .3s, visibility .3s;
}
.mdNav_sp.op{
  opacity: 1;
  visibility: visible;
}

.mdNav_sp .mdNav_sp_close{
  width: 30px;
  height: 30px;
  position: fixed;
  top: 27px;
  right: 20px;
  z-index: 103;
  opacity: 0;
  visibility: hidden;

  transition: opacity .3s, visibility .3s;
}
.mdNav_sp.op .mdNav_sp_close{
  opacity: 1;
  visibility: visible;
}
.mdNav_sp .mdNav_sp_close a{
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, .7);
  border-radius: 10px;
  display: block;
}
.mdNav_sp .mdNav_sp_close a:before,
.mdNav_sp .mdNav_sp_close a:after{
  content: "";
  display: block;
  width: 66.667%;
  height: 2px;
  margin-top: 3px;
  margin-left: -10px;
  background-color: #481C08;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.mdNav_sp .mdNav_sp_close a:before{
  top: 6px;
  -webkit-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg);
}
.mdNav_sp .mdNav_sp_close a:after{
  top: 16px;
  -webkit-transform: translateY(-5px) rotate(45deg);
  transform: translateY(-5px) rotate(45deg);
}
.mdNav_sp .mdNav_sp_close a span{
  display: none;
}

.mdNav_sp .mdNav_sp_block{
  width: 93.333%;
  max-height: calc(100% - 20px);
  background-color: #fff;
  border-radius: 25px 0 0 25px;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, .08);
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 102;

  transition: left .3s;
}
.mdNav_sp.op .mdNav_sp_block{
  left: 6.667%;
}

.mdNav_sp .mdNav_sp_inner{
  padding: 16px 25px 35px;
  width: 100%;
}

.mdNav_sp .mdNav_sp_logo{
  width: 105px;
  margin-right: auto;
  margin-left: auto;
}

.mdNav_sp .mdNav_sp_menu{
  margin-top: 32px;
}
.mdNav_sp .mdNav_sp_menu ul{
  display: flex;
  justify-content: space-between;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.mdNav_sp .mdNav_sp_menu ul li{
  width: 20.833%;
  max-width: 100px;
}
.mdNav_sp .mdNav_sp_menu ul li a{
  display: block;
}
.mdNav_sp .mdNav_sp_menu ul li a .icon_wrap span{
  display: block;
}
.mdNav_sp .mdNav_sp_menu ul li a .icon_wrap span img{
  width: 100%;
}
.mdNav_sp .mdNav_sp_menu ul li a .icon_wrap .icon{
  width: 62.5%;
  margin: 0 auto;
}
.mdNav_sp .mdNav_sp_menu ul li a .icon_wrap .txt{
  margin-top: 5px;
}

.mdNav_sp .mdNav_sp_list{
  margin-top: 30px;
}
.mdNav_sp .mdNav_sp_list > ul{}
.mdNav_sp .mdNav_sp_list > ul > li{
  margin-top: 15px;
  background-color: #F6F6F6;
  border-radius: 10px;
}
.mdNav_sp .mdNav_sp_list > ul > li:first-child{
  margin-top: 0;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl{
  padding: 5px;
  display: flex;
  justify-content: space-between;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl a{
  width: calc(100% - 60px);
  padding: 9px 10px 11px 40px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.42;
  position: relative;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl a:before{
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 10px;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_menu .mdNav_sp_list_ttl a:before{
  background-image: url(../images/h_icon_donut.png);
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_enjoy .mdNav_sp_list_ttl a:before{
  background-image: url(../images/h_icon_enjoy.png);
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_about .mdNav_sp_list_ttl a:before{
  background-image: url(../images/h_icon_heart.png);
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl .mdNav_sp_list_trg{
  width: 40px;
  cursor: pointer;
  position: relative;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl .mdNav_sp_list_trg:before,
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl .mdNav_sp_list_trg:after{
  content: "";
  display: block;
  background-color: #551900;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl .mdNav_sp_list_trg:before{
  width: 12px;
  height: 2px;
  margin-top: -1px;
  margin-left: -6px;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_ttl .mdNav_sp_list_trg:after{
  width: 2px;
  height: 12px;
  margin-top: -6px;
  margin-left: -1px;
}
.mdNav_sp .mdNav_sp_list .op .mdNav_sp_list_ttl .mdNav_sp_list_trg:after{
  display: none;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_cnt{
  display: none;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_cnt .mdNav_sp_list_links{
  padding: 0 15px 15px;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_cnt ul{
  padding-top: 13px;
  border-top: 1px solid #551900;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_cnt ul li{
  width: 47.7%;
  margin-top: 1.3em;
  font-size: 11px;
  line-height: 1.42;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_cnt ul li:nth-of-type(-n+2){
  margin-top: 0.3em;
}
.mdNav_sp .mdNav_sp_list .mdNav_sp_list_cnt ul li a{
  display: block;
}

.mdNav_sp .mdNav_sp_btn_list{
  margin-top: 30px;
}
.mdNav_sp .mdNav_sp_btn_list > div{
  margin-top: 15px;
}
.mdNav_sp .mdNav_sp_btn_list > ul{
  display: flex;
  justify-content: space-between;
}
.mdNav_sp .mdNav_sp_btn_list > ul li{
  width: 48.333%;
  margin-top: 15px;
  display: flex;
}
.mdNav_sp .mdNav_sp_btn_list .mdNav_sp_btn{
  width: 100%;
}
.mdNav_sp .mdNav_sp_btn_list .mdNav_sp_btn a{
  height: 100%;
  padding: 13px 25px 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 23px;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, .06);
  font-size: 11px;
  font-weight: bold;
  line-height: 1.42;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mdNav_sp .mdNav_sp_btn_list .mdNav_sp_btn a:after{
  content: "";
  display: block;
  width: 6px;
  height: 100%;
  background: url(../images/arw_brown_r.png) center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: 18px;
}

.mdNav_sp .mdNav_sp_sns{
  width: 70%;
  margin: 30px auto 0;
}
.mdNav_sp .mdNav_sp_sns ul{
  display: flex;
  justify-content: space-between;
}
.mdNav_sp .mdNav_sp_sns ul li{
  width: 14.285%;
}
.mdNav_sp .mdNav_sp_sns ul li a{
  display: block;
}

.mdNav_sp .mdNav_sp_cover{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .06);
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
}

@media print, screen and (min-width:768px){
  .mdNav_sp{
    display: none;
  }
}

@media screen and (max-width: 320px){
  .mdNav_sp .mdNav_sp_btn_list .mdNav_sp_btn a{
    padding-left: 18px;
    padding-right: 18px;
  }
  .mdNav_sp .mdNav_sp_btn_list .mdNav_sp_btn a:after{
    right: 10px;
  }
}

/* --------------------------------------------------

mdFooter

-------------------------------------------------- */
.mdFooter{
  position: relative;
}
.mdFooter .mdFooter_main{
  background: url(../images/f_bg_main.png) repeat top left #E6DFC7;
  padding-left: 25px;
  padding-right: 25px;
}
.mdFooter .mdFooter_main_inner{
  max-width: 1000px;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
.mdFooter .mdFooter_sns > ul{
  display: flex;
  justify-content: center;
}
.mdFooter .mdFooter_sns .mdFooter_sns_item:first-child{
  margin-left: 0;
}
.mdFooter .mdFooter_bnr > ul{
  display: flex;
  flex-wrap: wrap;
}
.mdFooter .mdFooter_bnr .mdFooter_bnr_item{
  width: 22.5%;
  margin-top: 20px;
  margin-right: 3.3333%;
  text-align: center;
}
.mdFooter .mdFooter_bnr .mdFooter_bnr_item .bnr{
  border-radius: 6px;
  overflow: hidden;
}
.mdFooter .mdFooter_bnr .mdFooter_bnr_item .txt{
  color: #222;
}
.mdFooter .mdFooter_bnr .mdFooter_bnr_item .txtlink_blank .txt{
  position: relative;
}
.mdFooter .mdFooter_bnr .mdFooter_bnr_item .txtlink_blank .txt::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 10px;
	margin-left: 5px;
	background: url(../images/icon_blank_gray.png) no-repeat center;
	background-size: 100% auto;
}
.mdFooter .mdFooter_btn_list .mdFooter_btn{
  display: flex;
  width: 100%;
}
.mdFooter .mdFooter_btn a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  padding: 15px 40px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50px;
  text-align: center;
}
.mdFooter .mdFooter_btn a::after{
  content: '';
  display: block;
  width: 8px;
	height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  background: url(../images/arw_brown_r.png) no-repeat center;
  background-size: 100%;
}
.mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_headline{
  border-bottom: 1px solid #551900;
}
.mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_headline a{
  display: flex;
  padding-bottom: 1em;
  color: #551900;
  font-weight: bold;
  line-height: 1.5;
}
.mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_links li{
  margin-top: 1.3em;
  line-height: 1.42;
}

.mdFooter .mdFooter_info{
  background: url(../images/f_bg_info.png) repeat top left #551900;
  padding-left: 25px;
  padding-right: 25px;
}
.mdFooter .mdFooter_info_inner{
  max-width: 1000px;
  margin: auto;
}
.mdFooter .mdFooter_btn_icon_list a::before{
  content: '';
  display: block;
	height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto;
}
.mdFooter .mdFooter_btn_icon_list ._guidance a::before{
  width: 24px;
  background: url(../images/icon_card.png) no-repeat left center;
  background-size: 100%;
}
.mdFooter .mdFooter_btn_icon_list ._present a::before{
  width: 24px;
  background: url(../images/icon_present.png) no-repeat left center;
  background-size: 100%;
}
.mdFooter .mdFooter_btn_icon_list .mdFooter_btn{
  display: flex;
  width: 100%;
}
.mdFooter .mdFooter_info_list > ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.mdFooter .mdFooter_info_list li{
  margin-top: 0.5em;
  line-height: 1.3;
  letter-spacing: 0;
}
.mdFooter .mdFooter_info_list a{
  color: #fff;
  font-size: 11px;
}
.mdFooter .mdFooter_info_list a.txtlink_blank::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 10px;
	margin-left: 5px;
	background: url(../images/f_icon_blank_white.png) no-repeat center;
	background-size: 100% auto;
}
.mdFooter .copyright{
  margin-top: 20px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
}

@media print, screen and (min-width:768px){
  .mdFooter{
    margin-top: 100px;
  }
  .mdFooter .mdFooter_sns .mdFooter_sns_item{
    width: 40px;
    margin-left: 35px;
  }
  .mdFooter .mdFooter_bnr{
    margin-top: 40px;
  }
  .mdFooter .mdFooter_bnr > ul{
    justify-content: center;
    margin-top: 2em;
  }
  .mdFooter .mdFooter_bnr > ul:first-child{
    margin-top: 0;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item{
    margin: 20px 10px 0 10px;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item a:hover .bnr,
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item a:hover .txt{
    opacity: 0.7;
    transition: .2s ease-in-out;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item .txt{
    margin-top: 0.5em;
    font-size: 11px;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item:nth-child(-n+3){
    margin-top: 0;
  }
  .mdFooter .mdFooter_btn_list{
    margin-top: 40px;
  }
  .mdFooter .mdFooter_btn_list > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mdFooter .mdFooter_btn_list > ul > li{
    display: flex;
    width: 31.6%;
    margin-top: 40px;
    margin-right: 2.5%;
  }
  .mdFooter .mdFooter_btn_list > ul > li:nth-child(3n){
    margin-right: 0;
  }
  .mdFooter .mdFooter_btn_list > ul > li:nth-child(-n+3){
    margin-top: 0;
  }
  .mdFooter .mdFooter_menu{
    margin-top: 35px;
  }
  .mdFooter .mdFooter_menu > ul{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box{
    width: 88%;
    padding-right: 4%;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box:last-child{
    padding-right: 0;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_headline{
    margin-bottom: 1.3em;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_headline a{
    padding-left: 10px;
    padding-right: 10px;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_links{
    padding: 0 10px;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_links li{
    font-size: 11px;
  }
  
  .mdFooter .mdFooter_info_inner{
    padding-top: 40px;
    padding-bottom: 35px;
  }
  .mdFooter .mdFooter_btn_icon_list > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mdFooter .mdFooter_btn_icon_list > ul > li{
    display: flex;
    width: 48%;
    margin-top: 40px;
    margin-right: 4%;
  }
  .mdFooter .mdFooter_btn_icon_list > ul > li:nth-child(2n){
    margin-right: 0;
  }
  .mdFooter .mdFooter_btn_icon_list > ul > li:nth-child(-n+2){
    margin-top: 0;
  }
  .mdFooter .mdFooter_info_list{
    margin-top: 28px;
  }
  .mdFooter .mdFooter_info_list li{
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width:767px) {
  .mdFooter{
    margin-top: 60px;
  }
  .mdFooter .mdFooter_main{
    background-size: 175px 182px;
  }
  .mdFooter .mdFooter_main_inner{
    padding-top: 35px;
    padding-bottom: 28px;
  }
  .mdFooter .mdFooter_sns .mdFooter_sns_item{
    width: 30px;
    margin-left: 15px;
  }
  .mdFooter .mdFooter_bnr{
    margin-top: 30px;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item{
    width: 47.7%;
    margin-top: 25px;
    margin-right: 4.6%;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item .bnr{
    border-radius: 5px;
    overflow: hidden;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item .txt{
    margin-top: 0.6em;
    font-size: 9px;
  }
  .mdFooter .mdFooter_bnr .mdFooter_bnr_item:nth-child(2n){
    margin-right: 0;
  }
  .mdFooter .mdFooter_bnr > ul:first-child .mdFooter_bnr_item:nth-child(-n+2){
    margin-top: 0;
  }
  .mdFooter .mdFooter_btn_list{
    margin-top: 28px;
  }
  .mdFooter .mdFooter_btn_list > ul{
    display: flex;
    flex-wrap: wrap;
  }
  .mdFooter .mdFooter_btn_list > ul > li{
    display: flex;
    width: 47.7%;
    margin-top: 15px;
    margin-right: 4.6%;
  }
  .mdFooter .mdFooter_btn_list > ul > li:nth-child(2n){
    margin-right: 0;
  }
  .mdFooter .mdFooter_btn_list > ul > li:nth-child(-n+2){
    margin-top: 0;
  }
  .mdFooter .mdFooter_btn a,
  .mdFooter .mdFooter_btn_icon a{
    padding: 13px 25px;
    font-size: 12px;
  }
  .mdFooter .mdFooter_btn a::after,
  .mdFooter .mdFooter_btn_icon a::after{
    width: 6px;
    right: 18px;
  }
  .mdFooter .mdFooter_btn_icon._guidance a::before{
    width: 15px;
  }
  .mdFooter .mdFooter_btn_icon._present a::before{
    width: 15px;
  }
  .mdFooter .mdFooter_menu{
    margin-top: 28px;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box{
    margin-top: 30px;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box:first-child{
    margin-top: 0;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_links > ul{
    display: flex;
    flex-wrap: wrap;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_links li{
    width: 47.7%;
    margin-right: 4.6%;
    font-size: 11px;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_links li:nth-child(2n){
    margin-right: 0;
  }
  .mdFooter .mdFooter_menu .mdFooter_menu_box .mdFooter_menu_headline{
    margin-bottom: 0.3em;
  }
  
  .mdFooter .mdFooter_info{
    background-size: 175px 182px;
  }
  .mdFooter .mdFooter_info_inner{
    padding-top: 30px;
    padding-bottom: 28px;
  }
  .mdFooter .mdFooter_btn_icon_list > ul > li{
    margin-top: 20px;
  }
  .mdFooter .mdFooter_btn_icon_list > ul > li:first-child{
    margin-top: 0;
  }
  .mdFooter .mdFooter_btn_icon_list a::before{
    left: 20px;
  }
  .mdFooter .mdFooter_btn_icon_list ._guidance a::before,
  .mdFooter .mdFooter_btn_icon_list ._present a::before{
    width: 15px;
  }
  .mdFooter .mdFooter_info_list{
    margin-top: 15px;
  }
  .mdFooter .mdFooter_info_list > ul{
    margin-left: -10px;
    margin-right: -10px;
  }
  .mdFooter .mdFooter_info_list li{
    display: inline-block;
    margin-top: 1em;
    margin-left: 10px;
    margin-right: 10px;
  }
  .mdFooter .mdFooter_info_list a{
    font-size: 10px;
  }
  .mdFooter .copyright{
    margin-top: 25px;
    font-size: 10px;
  }
}
@media screen and (max-width: 320px){
	.mdFooter .mdFooter_btn_list .mdFooter_btn a{
		padding: 13px 20px 13px 10px;
	}
  .mdFooter .mdFooter_btn_list .mdFooter_btn a::after{
    right: 10px;
  }
}


/* --------------------------------------------------

page_top

-------------------------------------------------- */
.mdFooter #page_top{
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px;
  opacity: 0.9;
  z-index: 9;
}
.mdFooter #page_top a{
  display: block;
  position: relative;
  height: 100%;
  text-align: left;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.mdFooter #page_top a::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: url(../images/pagetop.png) no-repeat center;
  background-size: 100% auto;
}

@media screen and (max-width:767px) {
  .mdFooter #page_top{
    right: 10px;
    width: 50px;
    height: 50px;
  }
  .mdFooter #page_top.fixed{
    position: fixed;
    top: auto;
    bottom: 10px;
  }
}

/* --------------------------------------------------

mdFooter common

-------------------------------------------------- */
@media print, screen and (min-width: 768px){
	.mdHeader .sp_only,
	.mdFooter .sp_only{
		display: none !important;
	}
}
@media screen and (max-width: 767px){
	.mdHeader .pc_only,
	.mdFooter .pc_only{
		display: none !important;
	}
}

/* --------------------------------------------------

print

-------------------------------------------------- */
@media print {
  .mdHeader .mdHeader_gNav,
  .mdHeader .mdHeader_menu_block,
  .mdHeader .mdHeader_menu_btn{
    display: none !important;
  }
}







/* --------------------------------------------------

220203追記　SP非対応ページ ms-noset

-------------------------------------------------- */
html.ms-noset, html.ms-noset body, html.ms-noset .all {
 min-width: inherit;
 height: auto;
}
html.ms-noset .all .main {
 width: auto;
}
html.ms-noset .all .center{
 float: none;
 margin: 0 auto;
}
html.ms-noset #Tab {
 overflow-x: auto;
}
html.ms-noset #mdFooter #page_top {
 display: none;
}
html.ms-noset .mdHeader .mdHeader_wrap{
  position: relative;
}
html.ms-noset body{
  padding-top: 0;
}