@charset "utf-8";

@media only screen and (max-width: 640px) {

/*============================
md-layout
============================*/
.md-area { min-width: inherit; }
.md-pad { width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; }
.md-inner { padding: 0; }
.md-sp-only { display: block; }

/*============================
utility
============================*/
.u-mb-xsmall { margin-bottom: 10px; }
.u-mb-small { margin-bottom: 10px; }
.u-mb-middle { margin-bottom: 20px; }
.u-mb-large { margin-bottom: 30px; }
.u-mb-xlarge { margin-bottom: 40px; }

/*============================
md-font
============================*/
.md-f-en { font-family: 'Roboto', sans-serif; font-weight: 700; }
.md-f-sub { font-family: 'Yellowtail', cursive; }
.md-c-red { color: #a01d48; }
.md-f-it { font-style: italic; }

/*============================
md-text
============================*/
.md-catch { font-size: 1rem; font-weight: bold; line-height: 1.5; }

/*============================
md-top-titleBox
============================*/
.md-top-titleBox { display: inline-block; }
.md-top-titleBox .subTitle { position: relative; padding-left: 15px; text-align: left; }
.md-top-titleBox .subTitle::before { position: absolute; top: 4px; left: 0; content: ""; background: url("../../imageFile/global/subTitle-deco.png")no-repeat center; background-size: contain; width: 16px; height: 14px; }
.md-top-titleBox .subTitle .md-f-sub { font-size: 1.333rem; }
.md-top-titleBox .subTitle .sub-jp { position: relative; padding-left: 20px; font-size: 0.8rem; font-weight: bold; }
.md-top-titleBox .subTitle .sub-jp::before { position: absolute; top: 7px; left: 3px; content: ""; background: #222; width: 10px; height: 1px; }
.md-top-titleBox .mainTitle { font-size: 2rem; letter-spacing: .05em; font-style: italic; }
.md-top-titleBox .mainTitle span {}

/*============================
md-subPageMain
============================*/
.md-subPageMain { height: 100px; }
.md-subPageMain .titleBox { height: 100px; box-sizing: border-box; padding-top: 35px; padding-left: 10px; background: url("../../imageFile/global/subPage-panel-deco.png")no-repeat left; background-size: contain; }
.md-subPageMain .titleBox .title.md-f-en { color: #fff; font-size: 1.6rem; font-style: italic; letter-spacing: .05em; }
.md-subPageMain .titleBox .subTitle { margin-top: 5px; font-size: 0.866rem; color: #fff; font-weight: bold; }

/*============================
md-subPage-titleBox
============================*/
.md-subPage-titleBox { padding-bottom: 10px; border-bottom: 1px solid #a01d48; }
.md-subPage-titleBox .subtitle { position: relative; padding-left: 11px; font-family: 'Yellowtail', cursive; color: #a01d48; font-size: 1rem; }
.md-subPage-titleBox .subtitle::before { position: absolute; content: ""; top: 0; left: 0; width: 14px; height: 14px; background: url("../../imageFile/global/title-ico-red.png")no-repeat center; background-size: contain; }
.md-subPage-titleBox .mainTitle { padding-top: 5px; font-size: 1.2rem; font-weight: bold; }

/*============================
md-subPage-miniTitleBox
============================*/
.md-subPage-miniTitleBox { position: relative; font-size: 1rem; font-weight: bold; padding-left: 15px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; line-height: 1.5; }
.md-subPage-miniTitleBox::before { position: absolute; content: ""; top: 0; left: 0; width: 5px; height: 18px; background: #a01d48; }

/*============================
md-btn
============================*/
.md-btn { width: 80%; margin: 0 auto; }
.md-btn a { position: relative; display: block; background: #222; width: 100%; box-sizing: border-box; padding: 15px 0; font-size: 0.866rem; text-align: center; color: #fff; }
.md-btn a::after { position: absolute; top: 38%; right: 16px; content: ""; background: url("../../imageFile/global/btn-ico.png")no-repeat center; background-size: contain; width: 16px; height: 12px; }
.md-btn a:hover { opacity: 1!important; background: #222; }
.md-btn a:hover::after { animation: none; }

/*============================
md-underBtn
============================*/
/* .md-underBtn::before { position: absolute; z-index: 1; bottom: 5px; right: 4px; content: ""; width: 14px; height: 9px; background: url("../../imageFile/global/btn-ico.png")no-repeat center; background-size: contain; } */
.md-underBtn:hover::before { animation: none; }
.md-underBtn::after { position: absolute; bottom: -30px; right: -30px; content: ""; width: 56px; height: 56px; background: #a01d48; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/*============================
md-news-btn
============================*/
.md-news-btn { width: 100%; margin: 0 auto; }
.md-news-btn a { position: relative; display: block; background: #f2f2f2; width: 100%; box-sizing: border-box; padding: 20px 0 20px 20px; text-align: left; color: #222; }
.md-news-btn a::after { position: absolute; top: 21px; right: 20px; content: ""; background: url("../../imageFile/global/news-btn-ico.png")no-repeat center; background-size: contain; width: 16px; height: 12px; }
.md-news-btn a:hover { opacity: 1!important; background: #f2f2f2!important; color: #222!important; transition: inherit; }
.md-news-btn a:hover::after { animation: none; background: url("../../imageFile/global/news-btn-ico.png")no-repeat center; background-size: contain; }

/*============================
md-bk-btn
============================*/
.md-bk-btn { text-align: center; width: 80%; margin: 0 auto; }
.md-bk-btn a { position: relative; display: block; width: 100%; padding: 20px 0 20px 10px; background: #f2f2f2; }
.md-bk-btn a::before { position: absolute; content: ""; top: 16px; left: 12%; background: url("../../imageFile/global/bk-ico.png")no-repeat center; background-size: contain; width: 20px; height: 20px; }

/*============================
clearFix
============================*/
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

/*============================
br
============================*/
.pc-only-br { display: none; }
.sp-br { display: block; }
.sp-only-br { display: block; }


}