@charset "UTF-8";
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* extend
-------------------------*/
header .hdrPopup .submitBtn input, #sideLogin .submitBtn input, #sideCampaign .submitBtn input, .mypageSection .btnLi .inputBtn input, .mypageSection .agreeBtn input, .mypageFull .btnLi input, .shippingCourse .btnLi .advBtn input, .shippingCourse .btnLi .tetsuzukiBtn input, #resetPassword .btn input, .doukonItems2 .btn input,
.doukonItems .btn input, .btnHitohako input[type="submit"], .btnHitohako2 input[type="submit"], #popup .changeBtn input, #popup .changeKakuteiBtn input, #popup .addAddressBtn input, #popup .addAddressOrderBtn input, #onPop2 .btnLi .inputBtn input, .btnLi .inputBtn, .agreeBtn2, .kuchikomiForm .post, #members .inputBtn input {
  text-indent: -9999px;
  overflow: hidden;
}

#contents, #sideCampaign, #ranking .wrap, footer .container, .productSummary, .productSummary .info .name, .productSummary .info .feature, .productSummary .medals, .productList.teikiCourse td.course dl, #productTab, .itemSection .kuchikomi article header, .itemSection .kuchikomi article .rate, .itemSection .tabekata, .itemSection .useStep, .itemList .articles, .purposeNav, .purpose .description, #mypageTabSection, .mypageSection .tabContainer, .mypageSection .cf, .mypageSection .inputTable01 th, .mypageSection .inputTable01 .cardInfo2, .mypageSection .inputTable03 th, .mypageSection .inputTable02 th, .mypageSection .inputTable02 td, .mypageSection .btnLi, .mypageSection .itmTable th, .mypageSection .itmTable td, .mypageFull .btnLi, #resetPassword, #resetPassword dl, #loginBox, #loginBox .member dl, #loginBox .reminder dl, .mypageNav ul, .useCampaign .articles, .purposeNav3, .purposeNav4, .purposeNav5, .doukonItems2 table .name,
.doukonItems table .name, .doukonItems2 table .name .type dl,
.doukonItems table .name .type dl, .doukonItems2 .btn2,
.doukonItems .btn2, .doukonItems.teiki .cycle ul, .campaign, .campaign .cart, .mypageSection.hitohako .hitohakoBox .wrap .inner, .teikiKaiyaku .teikiKaiyakuBox .center ul, .orderList #orderListTab, #popup .deliveryItem, #onPop2 .inputTable01 th, #onPop2 .inputTable01 .cardInfo2, #onPop2 .btnLi, #newsContent .heading, .contactForm dl, .btnLi, .aboutSSL, .kuchikomiArticles .sub, .kuchikomiArticles .response dl, .kuchikomiArticles .response ul.stamp, .kuchikomiIndex, .kuchikomiIndex .onayami ul, .kuchikomiIndex .nendai ul, .kuchikomiForm .item8, .kuchikomiItems, .itemSection .kuchikomi .response dl, .itemSection .kuchikomi .response ul.stamp, .sitemapSec ul, .companyInner, .guideSec .guideIntro, .guideIntroBox, .guideCnt01 .guideFlow, .faqNav ul, .faqSec .articles, .topSection, .topSection01 .voiceLi, .centerSection, .centerSection .navLi, .topSection02 .linkLi li, .topSection04 .careLi, #home-pickup .careLi, #topNews .articleLi li, .faqHead, .faqBottomSection, .cf {
  overflow: hidden;
  *zoom: 1;
}

.mypageSection .ttl .notice {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**/
body {
  position: relative;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  color: #5F5850;
  background: #fff;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*common
------------------*/
a {
  color: #5f5850;
  text-decoration: underline;
}

.wrap {
  display: block;
}

.wrap790 {
  width: 790px;
  padding: 20px;
}

header .hdrPopup, #sideCart .head, #sideLogin, #sideLogout, #ranking .rankingLi, #deliveryItm .container, #underConstruction .container, .campaignList .tag, .popHead01, #popup .box01, #mailAuthentication .box01, .topSection01 .leftSection, .topNotice, #topNews, .faqHead .tag {
  behavior: url("/MEDIP/PIE.htc");
}

/*header
------------------*/
#goSp {
  width: 1000px;
  margin: 0 auto;
  display: none;
}

@media screen and (max-width: 640px) {
  #goSp {
    display: block;
  }
}
@-moz-keyframes anime1 {
  0% {
    top: -14px;
    right: -10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
  20% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  40% {
    top: -10px;
    right: -8px;
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
  60% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  80% {
    top: -8px;
    right: -6px;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  100% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
@-webkit-keyframes anime1 {
  0% {
    top: -14px;
    right: -10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
  20% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  40% {
    top: -10px;
    right: -8px;
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
  60% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  80% {
    top: -8px;
    right: -6px;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  100% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
@-o-keyframes anime1 {
  0% {
    top: -14px;
    right: -10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
  20% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  40% {
    top: -10px;
    right: -8px;
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
  60% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  80% {
    top: -8px;
    right: -6px;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  100% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
@-ms-keyframes anime1 {
  0% {
    top: -14px;
    right: -10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
  20% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  40% {
    top: -10px;
    right: -8px;
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
  60% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  80% {
    top: -8px;
    right: -6px;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  100% {
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
#breadcrumb {
  width: 100%;
  padding: 75px 50px 0;
  margin: 0 auto;
  font-size: 13px;
  color: #808080;
}
#breadcrumb ol {
  width: 100%;
  max-width: 1200px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  text-decoration: none;
}
#breadcrumb ol li {
  float: left;
  padding-right: 5px;
}
#breadcrumb ol li + li::before {
  content: ' > ';
}
#breadcrumb ol li a {
  color: #808080;
  text-decoration: none;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  padding: 0px 50px;
  border-bottom: 1px solid #b6b3ad;
  background-color: #ffffff;
}
#header .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#header .brand {
  float: left;
  margin-top: 10px;
}
#header .brand img {
  width: 200px;
  height: 37.13px;
}
#header .menu {
  display: block;
  float: right;
  border: 0;
  text-align: center;
  position: relative;
}
#header .menu-item {
  display: inline-block;
}
#header .menu-item:hover .menu-name:after {
  width: 28px;
  opacity: 1;
}
#header .menu-item:hover .submenu-products {
  height: 280px;
  opacity: 1;
}
#header .menu-item:hover .submenu-welcome {
  height: 305px;
  opacity: 1;
}
#header .menu-item:hover .submenu-welcome-login {
  height: 285px;
  opacity: 1;
}
#header .menu-item:hover .submenu-sitemap {
  height: 305px;
  opacity: 1;
}
#header .menu-name {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  letter-spacing: 1px;
  line-height: 1.2;
  max-height: 59.5px;
}
#header .menu-name a {
  text-decoration: none;
}
#header .menu-icon {
  width: 54px;
  display: inline-block;
  position: relative;
  padding: 21px 10px 7px;
  max-height: 60px;
}
#header .menu-icon:hover {
  opacity: 0.7;
}
#header .menu-name:after, #header .menu-icon:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 0px;
  height: 3px;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #356944;
  -webkit-transition: 0.34s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: 0.34s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.34s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#header .products-link {
  font-size: 15px;
  font-weight: bold;
  padding: 37px 5px 5px;
}
#header .welcome-link {
  text-align: left;
  font-weight: bold;
  padding: 21px 5px 6px;
}
#header .welcome-link .user_name {
  display: block;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
#header .submenu {
  position: absolute;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background: #E3E0DE;
  text-align: left;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.36s ease-out;
  -moz-transition: 0.36s ease-out;
  transition: 0.36s ease-out;
}
#header .submenu-products {
  width: 295px;
  top: 60px;
  left: 15%;
}
#header .submenu-welcome {
  width: 295px;
  top: 60px;
  left: 47%;
}
#header .submenu-welcome-login {
  width: 295px;
  top: 60px;
  left: 47%;
}
#header #submenu-products-list {
  width: 80%;
  margin: 0 auto;
}
#header #submenu-welcome-list {
  width: 92%;
  margin: 0 auto;
}
#header #submenu-welcome-list .border {
  width: 100%;
  height: 10px;
  border-top: dotted 3px #fff;
  padding: 0;
}
#header #submenu-welcome-list input[type="text"], #header #submenu-welcome-list input[type="password"] {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 2px 0 6px;
  margin: 0;
  width: 200px;
}
#header #submenu-welcome-list input[type="text"].placeholder, #header #submenu-welcome-list input[type="password"].placeholder {
  color: #9a9a9a;
}
#header #submenu-welcome-list .submenu-button {
  width: 210px;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: #ebcd6e;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 2px 2px;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#header #submenu-welcome-list .submenu-button:hover {
  opacity: 0.7;
}
#header #submenu-products-list dl, #header #submenu-welcome-list dl, #header #submenu-sitemap-list dl {
  padding: 30px;
}
#header #submenu-products-list dt, #header #submenu-welcome-list dt, #header #submenu-sitemap-list dt {
  color: #423D37;
  font-size: 15px;
  padding: 0 0 20px 0;
}
#header #submenu-products-list dd:nth-child(n+1):nth-last-child(n+2),
#header #submenu-welcome-list dd:nth-child(n+1):nth-last-child(n+2),
#header #submenu-sitemap-list dd:nth-child(n+1):nth-last-child(n+2) {
  font-size: 13px;
  padding: 0 0 15px 0;
}
#header #submenu-welcome-list form, #header #submenu-welcome-list dl, #header #submenu-sitemap-list dl {
  display: inline-block;
  vertical-align: top;
}
#header #submenu-welcome-list form, #header #submenu-welcome-list dl:last-of-type {
  width: 272px;
}
#header #cartTotalNumber {
  position: absolute;
  top: 15px;
  right: 30px;
  width: 21px;
  height: 21px;
  -moz-border-radius: 42px;
  -webkit-border-radius: 42px;
  border-radius: 42px;
  background-color: #e60039;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 21px;
  color: #fff;
}
#header #submenu-sitemap-list dl:nth-child(odd) {
  width: 250px;
}
#header #submenu-sitemap-list .border {
  height: 245px;
  display: inline-block;
  border-right: dotted 3px #fff;
  padding: 0;
  margin-top: 30px;
}
#header .submenu-sitemap {
  width: 775px;
  top: 60px;
  left: -21%;
}
#header dd.new:after {
  content: "NEW";
  font-size: 12px;
  font-weight: bold;
  color: #e50039;
}

header #headerBtn {
  position: absolute;
  top: 34px;
  left: 360px;
  z-index: 90;
}
header #headerBtn h2 {
  margin-bottom: 8px;
  font-weight: bold;
  line-height: 20px;
}
header #headerBtn > ul {
  *zoom: 1;
}
header #headerBtn > ul:before, header #headerBtn > ul:after {
  content: " ";
  display: table;
}
header #headerBtn > ul:after {
  clear: both;
}
header #headerBtn > ul > li {
  position: relative;
  float: left;
  margin-right: 10px;
}
header #headerBtn .hdrCart {
  position: relative;
  display: block;
}
header #headerBtn .hdrCart span {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 32px;
  height: 32px;
  border-radius: 42px;
  background-color: #ff0003;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  color: #fff;
  -moz-animation: anime1 1s linear 0 1 alternate;
  -webkit-animation: anime1 1s linear 0 1 alternate;
  -o-animation: anime1 1s linear 0 1 alternate;
  -ms-animation: anime1 1s linear 0 1 alternate;
}
header .hdrPopup {
  display: none;
  position: absolute;
  top: 50px;
  left: -40px;
  width: 232px;
  z-index: 100;
  padding: 3px;
  border: 1px solid #e3e1dc;
  background: #fff;
}
header .hdrPopup:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 114px;
  width: 12px;
  height: 7px;
  background: url(../img/img_hdr_arrow.png) no-repeat left top;
}
header .hdrPopup .inner {
  padding: 11px;
  background-color: #f0f0f0;
  border-bottom: 1px dotted #979993;
}
header .hdrPopup .inner:last-child {
  border-bottom: 0;
}
header .hdrPopup .name {
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: bold;
  color: #3c3c3c;
  line-height: 1.5;
  color: #533d34;
}
header .hdrPopup .notice {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.5;
}
header .hdrPopup input::-webkit-input-placeholder {
  color: #9a9a9a;
}
header .hdrPopup input:-moz-placeholder {
  color: #9a9a9a;
}
header .hdrPopup input[type="text"],
header .hdrPopup input[type="password"] {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 2px 0 6px;
  margin: 0;
  width: 200px;
}
header .hdrPopup input[type="text"].placeholder,
header .hdrPopup input[type="password"].placeholder {
  color: #9a9a9a;
}
header .hdrPopup .input {
  margin-bottom: 10px;
}
header .hdrPopup .submitBtn input {
  border: none;
  display: block;
  width: 210px;
  height: 30px;
  background: url("../img/btn_hdr_login_02.png") no-repeat;
  cursor: pointer;
}
header .hdrPopup .linkLi li {
  display: block;
  float: none;
  font-size: 13px;
  margin-bottom: 4px;
  padding: 2px 0 2px 9px;
  background: url(../img/list_01.png) no-repeat left 0.5em;
  line-height: 1.3;
}
header .hdrPopup .linkLi li a {
  color: #16756c;
}

/*page title
------------------*/
#main_page_title {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #e3e0de;
  font-size: 20px;
  color: #5F5850;
  line-height: 1;
}

.main_page_subtitle {
  padding: 15px 20px;
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
  color: #633a34;
  line-height: 1;
  background: #e3e0de;
}

#sub_page_title {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 20px;
  padding: 20px;
  background: #847365;
  color: #fff;
  line-height: 1;
}

.sub_page_subtitle {
  padding: 15px 20px;
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
  color: #633a34;
  line-height: 1;
  background: #e3e0de;
}

/*contents
------------------*/
#contents {
  width: 1000px;
  margin: 60px auto 0;
}

.contents_overwrite {
  margin: 0 auto !important;
}

/*main
------------------*/
#main {
  float: left;
  width: 790px;
  padding-bottom: 145px;
}
#main.home {
  width: 800px;
}
.member #main {
  width: 780px;
  float: right;
}

.mainHead {
  margin-bottom: 40px;
}

.mainHead2 {
  margin: 20px 0 30px;
}

.loading {
  min-height: 100px;
  background: #fff url(../img/loading.gif) no-repeat center center;
  background-size: 28px auto;
}

/*.errorBox
------------------*/
.errorBox {
  margin: 100px 0;
  line-height: 1.6;
}
.errorBox h2 {
  margin-bottom: 80px;
  font-size: 24px;
  text-align: center;
}
.errorBox p {
  text-align: center;
}

.guidance_link_button {
  margin: 0 auto 20px;
  width: 300px;
  height: 50px;
}
.guidance_link_button a, .guidance_link_button button, .guidance_link_button input {
  height: 50px;
  line-height: 50px;
}

.guidance_link_full_wide_button {
  margin: 0 auto 20px;
  width: 100%;
  height: 60px;
}
.guidance_link_full_wide_button a, .guidance_link_full_wide_button button, .guidance_link_full_wide_button input {
  height: 60px;
  line-height: 60px;
}

.guidance_link_wide_button {
  margin: 0 auto 20px;
  width: 90%;
  height: 60px;
}
.guidance_link_wide_button a, .guidance_link_wide_button button, .guidance_link_wide_button input {
  height: 60px;
  line-height: 60px;
}

.guidance_link_button a, .guidance_link_button button, .guidance_link_button input,
.guidance_link_full_wide_button a, .guidance_link_full_wide_button button, .guidance_link_full_wide_button input,
.guidance_link_wide_button a, .guidance_link_wide_button button, .guidance_link_wide_button input {
  width: 100%;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ebcd6e;
  color: #333 !important;
  font-size: 17px;
  font-weight: normal;
  -moz-box-shadow: rgba(0, 0, 0, 0.29) 0px 2px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.29) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 2px 2px;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none !important;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#recommendApp {
  position: relative;
  width: 1000px;
  margin: 50px auto;
  padding: 40px 60px;
  box-sizing: border-box;
  background: #ebebeb;
  text-align: center;
}
#recommendApp h2 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin-bottom: 20px;
}
#recommendApp p {
  text-align: left;
  margin: 0 auto 20px;
  width: 750px;
  line-height: 2;
}
#recommendApp li {
  display: inline-block;
  line-height: 2.2;
  vertical-align: top;
}
#recommendApp .icon {
  margin-right: 50px;
}
#recommendApp .icon img {
  width: 120px;
  height: 120px;
}
#recommendApp .ios, #recommendApp .android {
  margin-right: 10px;
}
#recommendApp .ios img, #recommendApp .android img {
  height: 40px;
  width: auto;
}
#recommendApp .ios_qr, #recommendApp .android_qr {
  margin-right: 20px;
}
#recommendApp .ios_qr img, #recommendApp .android_qr img {
  height: 120px;
  width: 120px;
}

/* style for adding header-banner : PC */
#header.headerBnr {
  height: 133px;
  width: 100%;
  padding: 0;
}

#header.headerBnr .inner {
  height: 61px;
  padding: 0 50px;
}

/* ヘッダバナー用スタイル */
#header.headerBnr .teiki-bnr {
  background: url("../img/bnr-teiki/top_bnr_bg.jpg") center center no-repeat;
  background-size: cover;
  display: block;
}

#header.headerBnr .teiki-bnr img {
  width: 1007px;
  margin: 0 auto;
  display: block;
}

/* 以下調整 */
/* 商品詳細等、headerの後にscriptと#contentsがある場合の高さ調整 */
#header.headerBnr ~ #contents {
  margin: 133px auto 0;
}

/* 商品一覧等、headerの後にパンくずリスト#breadcrumbがある場合の高さ調整 */
#header.headerBnr + #breadcrumb {
  padding: 143px 50px 0;
}

/* headerBnrクラスがheader要素に付与されていない場合は非表示 */
.teiki-bnr {
  display: none;
}

/*side
------------------*/
#side {
  float: right;
  padding: 13px 11px 144px 0;
  width: 178px;
  overflow: hidden;
}
.member #side {
  width: 199px;
  float: left;
  padding: 0;
}
.home #side {
  padding: 13px 11px 0 0;
}
#side .link {
  text-align: right;
}
#side .link a {
  font-size: 12px;
  color: #3c3c3c;
}
#side .link.guide a {
  padding: 2px 0 2px 9px;
  background: url(../img/list_01.png) no-repeat left center;
}
#side .link.question a {
  padding: 2px 0 2px 20px;
  background: url(../img/icn_question_01.png) no-repeat left center;
}
#side .link.logout a {
  padding: 2px 0 2px 9px;
  background: url(../img/list_01.png) no-repeat left center;
}
#side .mark {
  text-align: center;
}
#side .submitBtn input {
  border: none;
  display: block;
  width: 176px;
  height: 100px;
  background: url(../img/mypage_toppage.png) no-repeat;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

#sideCart {
  margin-bottom: 17px;
}
#sideCart .head {
  width: 178px;
  padding: 13px 0 17px;
  background: #89817e;
  text-align: center;
  border-radius: 3px 3px 0 0;
}

/*sideLogin*/
#sideLogin {
  margin-bottom: 18px;
  padding: 23px 11px 16px;
  border-radius: 0 0 3px 3px;
  background: #dbf5f2;
}
#sideLogin .name {
  width: 156px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #3c3c3c;
  line-height: 1.5;
}
#sideLogin .name .txt {
  margin: 3px 10px 0 0;
  vertical-align: top;
}
#sideLogin .notice {
  width: 156px;
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 1.5;
}
#sideLogin input::-webkit-input-placeholder {
  color: #9a9a9a;
}
#sideLogin input:-moz-placeholder {
  color: #9a9a9a;
}
#sideLogin input[type="text"],
#sideLogin input[type="password"] {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 2px 0 6px;
  margin: 0;
  width: 146px;
}
#sideLogin input[type="text"].placeholder,
#sideLogin input[type="password"].placeholder {
  color: #9a9a9a;
}
#sideLogin .input {
  margin-bottom: 10px;
}
#sideLogin .submitBtn {
  margin-bottom: 7px;
}
#sideLogin .submitBtn input {
  border: none;
  display: block;
  width: 156px;
  height: 30px;
  background: url("../img/btn_login_01.png") no-repeat;
  cursor: pointer;
}
#sideLogin .pw {
  font-size: 12px;
  margin-top: 10px;
  padding: 2px 0 2px 9px;
  background: url(../img/list_01.png) no-repeat left 0.5em;
  line-height: 1.3;
}
#sideLogin .pw a {
  color: #3c3c3c;
}

/*sidelogout*/
#sideLogout {
  margin-bottom: 18px;
  padding: 23px 10px 16px;
  border-radius: 0 0 3px 3px;
  background: #dbf5f2;
}
#sideLogout .name {
  width: 156px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #3c3c3c;
}
#sideLogout .name .txt {
  margin-right: 10px;
  vertical-align: top;
}
#sideLogout .mypageBtn {
  margin-bottom: 15px;
}

/*biginner*/
#biginner {
  margin-bottom: 27px;
}
#biginner .bnr {
  margin-bottom: 10px;
}

/*sideCampaign*/
#sideCampaign {
  margin-bottom: 14px;
}
#sideCampaign .notice {
  width: 156px;
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 1.8;
}
#sideCampaign input[type="text"] {
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 28px;
  font-size: 10px;
  line-height: 28px;
  padding: 0 2px 0 6px;
  margin: 0;
  width: 115px;
}
#sideCampaign input[type="text"].placeholder {
  color: #9a9a9a;
}
#sideCampaign .submitBtn {
  float: right;
  width: 47px;
}
#sideCampaign .submitBtn input {
  border: none;
  display: block;
  width: 47px;
  height: 30px;
  background: url("../img/side/btn_enter_01.png") no-repeat;
  cursor: pointer;
}

/*regular*/
#regular {
  margin-bottom: 12px;
}

/*ranking*/
#ranking {
  margin-bottom: 15px;
}
#ranking .head {
  height: 33px;
}
#ranking .rankingLi {
  border: 1px solid #d5d2cc;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
#ranking li {
  border-bottom: 1px dotted #d5d2cc;
  overflow: hidden;
  width: 176px;
}
#ranking li .thum {
  width: 18px;
  overflow: hidden;
  text-align: center;
}
#ranking li .thum img {
  margin-left: -32px;
  width: auto;
  height: 58px;
}
#ranking li.first {
  background: url(../img/icn_ranking_01.png) no-repeat left top;
}
#ranking li.second {
  background: url(../img/icn_ranking_02.png) no-repeat left top;
}
#ranking li.third {
  border-bottom: none;
  background: url(../img/icn_ranking_03.png) no-repeat left top;
}
#ranking .wrap {
  padding: 20px 5px 15px;
  text-decoration: none;
}
#ranking .thum {
  float: left;
  margin-left: 13px;
  padding-top: 13px;
}
#ranking .type {
  margin: 0 0 0 50px;
  font-size: 12px;
  color: #323232;
  line-height: 16px;
}
#ranking .itmName {
  width: 105px;
  margin: 0 0 4px 50px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}
#ranking .price {
  margin: 0 0 4px 50px;
  font-size: 12px;
  color: #323232;
}

#sideRnFlows {
  margin-bottom: 15px;
}
#sideRnFlows a {
  position: relative;
  display: block;
  width: 178px;
  height: 261px;
  background: url(../img/side/bnr_rn.png) no-repeat;
  background-size: contain;
  font-size: 14px;
  line-height: 18px;
  text-decoration: underline;
}
#sideRnFlows span {
  position: absolute;
  bottom: 14px;
  right: 10px;
  left: 16px;
  padding-left: 11px;
  text-decoration: underline;
}

.sideBnr {
  position: relative;
  margin-bottom: 15px;
}
.sideBnr a {
  display: block;
}

#side-mypage a {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 13px;
  padding: 9px 12px;
  font-size: 16px;
  line-height: 20px;
}

/*footer
------------------*/
footer {
  padding-bottom: 50px;
  background: #f9f9f5;
}
footer .container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0 0;
}
footer .back {
  height: 55px;
  background: #89817e;
  line-height: 55px;
}
footer .back .container {
  padding: 0;
}
footer .footSitemap {
  clear: both;
}
footer .footLogo {
  margin-bottom: 25px;
}
footer .linkLi {
  float: left;
  font-size: 12px;
  color: #61514b;
  width: 25%;
}
footer .linkLi li {
  line-height: 20px;
}
footer .linkLi a {
  color: #61514b;
}
footer .footBnr {
  clear: both;
  padding-top: 25px;
}
footer .footBnr ul {
  text-align: right;
}
footer .footBnr ul li {
  display: inline-block;
  margin: 0 0 0 20px;
}
footer .footerAttention {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 20px auto 70px;
  text-align: center;
}
footer .footerAttention .snsLink, footer .footerAttention .appLink {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
footer .footerAttention p {
  margin-bottom: 10px;
}
footer .footerAttention .snsLink {
  margin-right: 50px;
}
footer .footerAttention .snsLink ul {
  display: flex;
  display: -webkit-box;
}
footer .footerAttention .snsLink li {
  display: block;
  width: 60px;
  text-align: center;
  line-height: 1.4;
}
footer .footerAttention .snsLink li a {
  color: #605951;
}
footer .footerAttention .snsLink li img {
  width: 40px;
  height: auto;
  margin: 0 auto;
}
footer .footerAttention .appLink {
  margin-left: 50px;
}
footer .footerAttention .appLink .icon_appli {
  height: 68px;
  margin-right: 20px;
  width: 68px;
}
footer .footerAttention .appLink div div {
  display: -webkit-box;
  display: flex;
}
footer .footerAttention .appLink a:first-child {
  margin-right: 20px;
}
footer .footerAttention .appLink a {
  height: 42px;
  width: 135px;
}

.footer-switch-sp {
  padding: 20px 10px 10px;
  max-width: 1000px;
  margin: 0 auto;
}

#copyright {
  text-align: center;
  padding: 20px 0;
}

.product #main {
  padding-top: 30px;
}

.productSummary {
  padding-bottom: 30px;
}
.productSummary .img {
  width: 385px;
  float: left;
  text-align: center;
}
.productSummary .img.ppuv {
  margin-left: -20px;
  width: 405px;
}
.productSummary .img.cwa {
  width: 351px;
}
.productSummary .img.uvc {
  width: 351px;
}
.productSummary .img.crae {
  width: 351px;
}
.productSummary .img.mpg {
  width: 351px;
}
.productSummary .img.mpgdx {
  width: 351px;
}
.productSummary .img.towel {
  width: 351px;
}
.productSummary .img.htg {
  width: 351px;
  margin-top: 50px;
}
.productSummary .img.teiki {
  position: relative;
  padding-top: 40px;
}
.productSummary .img.teiki:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 33px;
  background: url(../img/icn_teiki.png) no-repeat left top;
}
.productSummary .info {
  width: 405px;
  float: right;
}
.productSummary .info .catch {
  margin-top: 25px;
  font-weight: bold;
  font-size: 17px;
  color: #2f8f86;
  margin-bottom: 10px;
  line-height: 1.4;
}
.productSummary .info .name {
  border-bottom: 1px dotted #5F5850;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
.productSummary .info .name h2 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3;
}
.productSummary .info .name h2.sbc {
  padding-left: 100px;
}
.productSummary .info .name h2.ncc {
  padding-left: 40px;
}
.productSummary .info .name h2.sbf, .productSummary .info .name h2.ppuv {
  padding-top: 10px;
  clear: both;
  line-height: 1.2;
}
.productSummary .info .name h2 small {
  font-size: 18px;
}
.productSummary .info .name h2 span {
  display: block;
  font-size: 16px;
  margin: 4px 0 4px 20px;
}
.productSummary .info .tag {
  margin-top: 3px;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  padding: 6px 6px;
  float: left;
  margin-right: 10px;
  background: #2f8f86;
  behavior: url("/MEDIP/PIE.htc");
}
.productSummary .info .tag.jerry {
  background: #ee9106;
}
.productSummary .info .tag.pink {
  background: #df5085;
}
.productSummary .info .feature {
  padding: 22px 0 22px 0;
}
.productSummary .info .feature li {
  height: 42px;
  width: 90px;
  margin: 0 4px 4px 0;
  border: 1px solid #78cfc7;
  font-size: 13px;
  line-height: 1.2;
  font-weight: bold;
  color: #2f8f86;
  float: left;
  position: relative;
  border-radius: 3px;
  behavior: url("/MEDIP/PIE.htc");
}
.productSummary .info .feature li.large {
  width: 110px;
}
.productSummary .info .feature li span {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
}
.productSummary .info .feature li span.line2 {
  margin-top: -1em;
}
.productSummary .info .feature li span.small {
  font-size: 11px;
}
.productSummary .info .feature li span.txtL {
  text-align: left;
  margin-left: 5px;
}
.productSummary .info .feature li span small {
  font-size: 11px;
}
.productSummary .info .description {
  font-size: 16px;
  line-height: 1.875;
}
.productSummary .info .description small {
  font-size: 12px;
}
.productSummary .info .notice {
  font-size: 12px;
  color: #2e8e85;
  line-height: 1.92;
  padding-left: 1em;
}
.productSummary .info .notice p {
  text-indent: -1em;
}
.productSummary .medals li {
  float: left;
  margin-right: 10px;
}

.productList {
  width: 100%;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 30px;
}
.productList td {
  padding: 20px 0;
  font-size: 17px;
  line-height: 1.41;
  font-weight: bold;
  border-bottom: 1px solid #d2d2d2;
}
.productList td.thumb {
  width: 140px;
  text-align: center;
}
.productList td.name {
  width: 225px;
}
.productList td.name small {
  font-size: 14px;
}
.productList td.name .attention {
  padding: 5px 10px 0 0;
  font-size: 13px;
  font-weight: normal;
}
.productList td.price {
  color: #5F5850;
  font-size: 14px;
}
.productList td.btn {
  width: 188px;
}
.productList td.soldout {
  width: 188px;
}
.productList td.soldout .soldout-head {
  margin-bottom: 6px;
  color: #f00;
}
.productList td.soldout .soldout-txt {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  font-weight: normal;
}
.productList td.soldout .soldout-txt a {
  text-decoration: underline;
}
.productList td a {
  color: #5F5850;
  text-decoration: none;
}
.productList td a:hover {
  text-decoration: underline;
}
.productList td a.teiki {
  display: block;
  margin: 10px 0 0;
  color: #2e8e85;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
}
.productList.teikiCourse td.name, .productList.teikiCourse td.price {
  border-bottom: 0;
}
.productList.teikiCourse td.course {
  padding: 0 0 20px 0;
}
.productList.teikiCourse td.course dl dt, .productList.teikiCourse td.course dl dd {
  vertical-align: middle;
}
.productList.teikiCourse td.course dl dt {
  margin-right: 20px;
  padding: 20px 0 6px 0;
  border-top: 1px solid #d2d2d2;
}
.productList.teikiCourse td.course dl dd {
  display: table-cell;
  min-width: 140px;
  padding-right: 5px;
  vertical-align: top;
  line-height: 1.5;
}
.productList.teikiCourse td.course dl dd.red {
  color: #fd2e0c;
}
.productList.teikiCourse td.course dl dd span {
  font-size: 12px;
  font-weight: normal;
}
@-webkit-keyframes modify {
  0% {
    padding-top: 70px;
    margin-top: -70px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}
@keyframes modify {
  0% {
    padding-top: 70px;
    margin-top: -70px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}
.productList #skin-care:target,
.productList #reset-care:target,
.productList #make-care:target,
.productList #hair-care:target,
.productList #inner-care:target,
.productList #life-amenity:target,
.productList #limited:target {
  -webkit-animation: modify 0.1s;
  animation: modify 0.1s;
}

h3.teikiCourse {
  padding: 10px;
  border-top: 1px solid #d2d2d2;
  background: #fdfdfd;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

#productTab {
  padding: 0 0 0 25px;
  background: url(../img/hd_item_tab_bg.png) no-repeat left top;
}
#productTab li {
  float: left;
  width: 124px;
  height: 57px;
  cursor: pointer;
}
#productTab li img {
  display: none;
}

.itemSection {
  margin-bottom: 75px;
}
.itemSection .tab {
  height: 57px;
  overflow: hidden;
}
.itemSection .data {
  border-style: solid;
  border-width: 0px 1px 1px;
  border-color: #78cfc7;
  overflow: hidden;
}
.itemSection .data.no-tab {
  margin-top: 80px;
  padding-top: 10px;
  border: 1px solid #78cfc7;
}
.itemSection .plaData {
  background: url(../img/sec_plagen_hd.jpg) no-repeat left top;
}
.itemSection .plaData h3 {
  height: 196px;
  text-indent: -9999px;
}
.itemSection .recommend {
  padding: 37px 0;
  text-align: center;
}
.itemSection .point {
  width: 764px;
  margin: 0 auto 20px;
  border: 1px solid #e3e1dc;
  padding: 2px 0 50px 0;
}
.itemSection .point h4 {
  margin-bottom: 25px;
  padding: 0 0 0 1px;
}
.itemSection .use {
  position: relative;
  margin: 50px 11px 20px 12px;
  padding: 40px 35px 25px;
  border: 1px solid #bdddee;
  font-size: 18px;
  line-height: 1.4;
}
.itemSection .use h4 {
  position: absolute;
  top: -23px;
  left: 20px;
  padding: 0 14px;
  background-color: #d2ecfa;
  font-size: 22px;
  line-height: 45px;
  color: #487391;
}
.itemSection .use p {
  margin-bottom: 16px;
}
.itemSection .use li,
.itemSection .use dd {
  margin-left: 1em;
  text-indent: -1em;
}
.itemSection .mpgPoint3 h4 {
  margin-bottom: 0px;
}
.itemSection .kuchikomi .articles {
  padding: 20px;
}
.itemSection .kuchikomi article {
  margin-bottom: 30px;
}
.itemSection .kuchikomi article header {
  background: #f6f6f6;
  border-top: 1px solid #78cfc7;
  padding: 15px 25px;
  margin-bottom: 17px;
}
.itemSection .kuchikomi article header .user {
  width: 540px;
  float: left;
}
.itemSection .kuchikomi article header .user p {
  color: #2f8f86;
  line-height: 1.5;
}
.itemSection .kuchikomi article header h3 {
  color: #2f8f86;
  line-height: 1.5;
}
.itemSection .kuchikomi article header .date {
  float: right;
  width: 155px;
  text-align: right;
}
.itemSection .kuchikomi article .product {
  width: 718px;
  margin: 0 15px 10px 15px;
}
.itemSection .kuchikomi article .product a {
  color: #5F5850;
  text-decoration: none;
}
.itemSection .kuchikomi article .product a:hover {
  text-decoration: underline;
}
.itemSection .kuchikomi article .product .thumb {
  width: 105px;
  text-align: left;
}
.itemSection .kuchikomi article .product .thumb img {
  border: 1px solid #e5e5e5;
  width: auto;
  height: 60px;
}
.itemSection .kuchikomi article .rate {
  margin: 0 15px 10px;
}
.itemSection .kuchikomi article .rate dt {
  font-size: 14px;
  float: left;
  line-height: 25px;
  margin-right: 10px;
}
.itemSection .kuchikomi article .rate dd {
  height: 20px;
}
.itemSection .kuchikomi article .rate img {
  float: left;
  margin: 0 4px 0 0;
}
.itemSection .kuchikomi article h4 {
  line-height: 1.5;
  margin: 0 15px 10px;
  font-size: 16px;
  font-weight: bold;
}
.itemSection .kuchikomi article .comment {
  line-height: 1.5;
  margin: 0 15px 0;
}
.itemSection .tabekata {
  padding: 35px 35px 20px;
}
.itemSection .tabekata .img {
  float: left;
  width: 110px;
  text-align: right;
}
.itemSection .tabekata .text {
  width: 560px;
  float: right;
}
.itemSection .tabekata .text h3 {
  margin-bottom: 15px;
}
.itemSection .tabekata .text p {
  font-size: 18px;
  line-height: 1.33;
}
.itemSection .useStep {
  padding: 35px 30px;
}
.itemSection .useStep .img {
  width: 165px;
  float: left;
}
.itemSection .useStep .text {
  width: 555px;
  float: right;
}
.itemSection .useStep .text .step {
  margin-bottom: 45px;
}
.itemSection .useStep .text .step .container {
  width: 300px;
  float: left;
}
.itemSection .useStep .text h3 {
  margin-bottom: 15px;
}
.itemSection .useStep .text p {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 15px;
}
.itemSection .useStep .text .notice {
  font-size: 14px;
  color: #fd2e0c;
}
.itemSection .useStep .text .noticeStrong {
  font-size: 21px;
  color: #fd2e0c;
}
.itemSection .useStep .howtoNotice {
  clear: both;
}
.itemSection .useStep .howtoNotice h3 {
  margin-bottom: 15px;
}
.itemSection .useStep .howtoNotice p {
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.itemSection .useStep .howtoNotice .notice {
  font-size: 14px;
  color: #fd2e0c;
}
.itemSection .useStep .howtoNotice .notice strong {
  font-weight: bold;
  font-size: 18px;
}
.itemSection .seibun {
  padding: 35px 0 0 20px;
}
.itemSection .seibun .seibunList {
  margin: 0 25px 0 0;
}
.itemSection .seibun .seibunList h3 {
  font-size: 17px;
  color: #2f8f86;
  margin-bottom: 15px;
}
.itemSection .seibun .seibunList p {
  font-size: 14px;
  line-height: 1.71;
  margin-bottom: 15px;
}
.itemSection .seibun .seibunList p.notice {
  font-size: 12px;
  color: #fd2e0c;
  margin-bottom: 60px;
}
.itemSection .qa {
  padding: 28px 16px;
}
.itemSection .qa article {
  margin-bottom: 30px;
}
.itemSection .qa article span {
  display: none;
}
.itemSection .qa article dt {
  background: url(../img/icn_q_01.png) no-repeat 12px center #f4f4f4;
  padding: 20px 20px 20px 65px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.3;
}
.itemSection .qa article dd {
  background: url(../img/icn_a_01.png) no-repeat 12px top;
  padding: 0px 65px;
  line-height: 1.87;
  margin-bottom: 1em;
}
.itemSection .qa article dd p {
  margin-bottom: 1em;
}
.itemSection .qa article dd .notice {
  color: #fd2e0c;
  font-size: 14px;
}
.itemSection .qa article dd a.sp-tel {
  color: #633a34;
  text-decoration: none;
  cursor: default;
}

.itemList {
  margin-bottom: 35px;
}
.itemList h2 {
  font-size: 16px;
  margin-bottom: 10px;
}
.itemList .articles {
  padding: 25px 0;
  border-top: 1px solid #8d8d8d;
  border-bottom: 1px solid #8d8d8d;
}
.itemList article {
  width: 180px;
  padding: 0 8px 10px;
  border-right: 1px solid #d5d2cc;
  overflow: hidden;
  float: left;
}
.itemList article h3 {
  position: relative;
  line-height: 1.3;
  background: #2e8e85;
  padding: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  behavior: url("/MEDIP/PIE.htc");
  margin-bottom: 28px;
}
.itemList article h3.founda {
  background: #df5085;
}
.itemList article h3.innerCare {
  background: #ee9106;
}
.itemList article h3.baseMake {
  background: #df5085;
}
.itemList article h3.hairCare {
  background: #ae5da1;
}
.itemList article h3.lifeAmenity {
  background: #f7a96c;
}
.itemList article h3.small {
  font-size: 12px;
}
.itemList article .thumb {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  width: 180px;
  height: 150px;
  padding: 0 0 15px;
  overflow: hidden;
}
.itemList article .thumb a {
  position: relative;
  width: 180px;
  display: block;
  overflow: hidden;
}
.itemList article .thumb a img {
  margin-left: -10px;
}
.itemList article .thumb.teiki a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 33px;
  background: url(../img/icn_teiki.png) no-repeat left top;
}
.itemList article .thumb.new a:after {
  text-indent: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  content: "NEW";
  display: inline-block;
  border-radius: 3px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  background-color: #f00;
  color: #fff;
}
.itemList article h4 {
  line-height: 1.4;
  color: #2f8f86;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}
.itemList article h4 small {
  display: block;
  font-size: 13px;
  line-height: 1.2;
}
.itemList article h4.small {
  margin-bottom: 6px;
  font-size: 16px;
}
.itemList article h4.small small {
  font-size: 12px;
}
.itemList article .catch {
  font-size: 15px;
  line-height: 1.2;
  color: #2f8f86;
  margin-bottom: 10px;
}
.itemList article .catch small {
  font-size: 12px;
}
.itemList article .price, .itemList article .notice {
  font-size: 13px;
  line-height: 1.61;
  margin-bottom: 10px;
}
.itemList article .notice {
  text-indent: -1em;
  margin-left: 1em;
}
.itemList article .btn {
  text-align: center;
  margin-bottom: 10px;
}

#mainFull .itemList {
  margin-bottom: 35px;
}
#mainFull .itemList .articles {
  border: none;
}
#mainFull .itemList article {
  width: 200px;
  padding: 0 24px 10px;
  border-right: 1px solid #d5d2cc;
  float: left;
}
#mainFull .itemList article .price {
  font-size: 14px;
}
#mainFull .itemList article .thumb img {
  margin-left: 0;
}

.purposeNav {
  padding-bottom: 80px;
}
.purposeNav li {
  float: left;
}
.purposeNav li.last {
  margin-right: 0;
}
.productList .purposeNav {
  padding-bottom: 0;
  margin-bottom: 55px;
}

.forBeginner {
  margin-bottom: 35px;
}
.forBeginner h2 {
  margin-bottom: 15px;
}
.forBeginner .container {
  height: 340px;
  position: relative;
}
.forBeginner .container .btn {
  position: absolute;
  left: 338px;
  top: 256px;
}
.forBeginner .container .medal {
  position: absolute;
  left: 630px;
  top: -39px;
}

.purpose {
  margin-bottom: 22px;
}
.purpose h2 {
  margin-bottom: 20px;
  width: 790px;
  overflow: hidden;
}
.purpose .description {
  padding-bottom: 25px;
}
.purpose .description .img {
  width: 255px;
  float: left;
}
.purpose .description .text {
  width: 491px;
  float: right;
}
.purpose .description .text .step {
  margin-bottom: 35px;
}
.purpose .description .text p {
  font-size: 18px;
  line-height: 1.8;
}

.productList .itemList .articles {
  border: none;
}

#main.zouryou .itemList,
#main.zouryou .purposeNav {
  display: none !important;
}

.thumb-zoom {
  position: relative;
  z-index: 1;
}
.thumb-zoom .photo {
  position: relative;
  margin-bottom: 20px;
  height: 350px;
}
.thumb-zoom .photo li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.thumb-zoom .control {
  width: 300px;
  margin: 0 auto;
  font-size: 0;
  text-align: left;
}
.thumb-zoom .control li {
  display: inline-block;
  width: 78px;
  height: 78px;
  margin: 5px 10px;
  border: 1px solid #ddd;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.thumb-zoom .control li img {
  display: none;
}

.items-content {
  width: 780px;
}
.items-content *,
.items-content *:before,
.items-content *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.items-content .items-mv {
  margin-bottom: 50px;
}
.items-content .items-wrap {
  margin: 0 20px 60px;
}
.items-content .items-head1 {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #e3e0de;
  font-size: 20px;
  color: #5F5850;
  line-height: 1;
}
.items-content .items-head2 {
  margin-bottom: 40px;
  padding: 10px 20px;
  background-color: #5f5951;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}
.items-content .items-guide-head {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #c9c7c2;
  font-size: 20px;
  line-height: 24px;
}
.items-content .items-guide-txt {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.875;
}
.items-content .items-guide-detail {
  overflow: hidden;
}
.items-content .items-guide-detail-img {
  float: left;
}
.items-content .items-guide-detail-list {
  margin-left: 230px;
  font-size: 16px;
  line-height: 1.5;
}
.items-content .items-guide-detail-list-title {
  margin-bottom: 4px;
  font-weight: bold;
}
.items-content .items-guide-detail-list-txt {
  margin-bottom: 18px;
}
.items-content .items-nav {
  margin-bottom: 40px;
}
.items-content .items-nav ul {
  display: flex;
  justify-content: space-between;
}
.items-content .items-nav li {
  position: relative;
  display: block;
  width: 100%;
}
.items-content .items-nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 62px;
  background-color: #ebe9e7;
  font-size: 14px;
  line-height: 1.4;
  color: #5f5751;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.items-content .items-nav li.skin-care a {
  background-color: #e2ddd7;
}
.items-content .items-nav li.reset-care a {
  background-color: #d6ebeb;
}
.items-content .items-nav li.make-care a {
  background-color: #efe4df;
}
.items-content .items-nav li.hair-care a {
  background-color: #ece3cb;
}
.items-content .items-nav li.inner-care a {
  background-color: #f9e9d1;
}
.items-content .items-nav li.life-amenity a {
  background-color: #dde3ee;
}
.items-content .items-nav li.limited a {
  background-color: #f0d3d9;
}
.items-content .items-nav li:before {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 0;
  height: 0;
  border-top: 7px solid #605950;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0;
  pointer-events: none;
}
.items-content .items-nav li + li {
  border-left: 4px solid #fff;
}
.items-content .items-description {
  margin-bottom: 40px;
  overflow: hidden;
}
.items-content .items-description-img {
  float: left;
}
.items-content .items-description-detail {
  margin-left: 316px;
}
.items-content .items-description-detail-head {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.6;
}
.items-content .items-description-detail-txt {
  font-size: 16px;
  line-height: 1.8;
}
.items-content .items-description-detail-notes {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.4;
}
.items-content .items-articles {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.items-content .items-articles-box {
  position: relative;
  width: 175px;
  margin-right: 13px;
  margin-bottom: 14px;
  border: 1px solid #f7f7f7;
  border-top: 0;
  text-align: center;
}
.items-content .items-articles-box:nth-child(4n) {
  margin-right: 0;
}
.items-content .items-articles-box a {
  display: block;
  height: 100%;
  color: #5f5751;
  text-decoration: none;
}
.items-content .items-articles-box a:hover .items-articles-img,
.items-content .items-articles-box a:hover .items-articles-btn {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.items-content .items-articles-head {
  display: table-cell;
  width: 175px;
  height: 30px;
  margin: 0 -1px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
}
.items-content .items-articles-head.high {
  height: 46px;
}
.items-content .items-articles-img {
  position: relative;
  margin: 0 -1px;
}
.items-content .items-articles-img img {
  max-width: 100%;
  height: auto;
}
.items-content .items-articles-name {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.3;
}
.items-content .items-articles-name span {
  font-size: 12px;
}
.items-content .items-articles-catch {
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 1.4;
  color: #867365;
}
.items-content .items-articles-data {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.4;
}
.items-content .items-articles-data.small {
  font-size: 10px;
}
.items-content .items-articles-price {
  font-size: 12px;
  line-height: 20px;
}
.items-content .items-articles-price .icn {
  display: inline-block;
  margin-right: 6px;
  padding: 0 4px;
  border: 1px solid #91877f;
  font-size: 11px;
  line-height: 18px;
}
.items-content .items-articles-btn {
  position: absolute;
  right: 7px;
  left: 7px;
  bottom: 16px;
  padding: 0 15px;
  border: 1px solid #b8b2ae;
  border-radius: 3px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZTBiMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViY2Q2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3e0b1), color-stop(100%, #ebcd6e));
  background-image: -moz-linear-gradient(#f3e0b1, #ebcd6e);
  background-image: -webkit-linear-gradient(#f3e0b1, #ebcd6e);
  background-image: linear-gradient(#f3e0b1, #ebcd6e);
  font-size: 11px;
  line-height: 26px;
}
.items-content .items-articles-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #5f5751;
  border-right: 1px solid #5f5751;
  margin-top: -2px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.items-content .items-articles-inner {
  padding: 20px 6px 58px;
}
.items-content .items-articles-img.new {
  position: relative;
}
.items-content .items-articles-img.new:before {
  content: "NEW";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 3px 5px 2px;
  background-color: #e50039;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.items-content #skin-care .items-head2 {
  background-color: #847365;
}
.items-content #skin-care .items-articles-head {
  background-color: #e3ddd8;
}
.items-content #reset-care .items-head2 {
  background-color: #34b0ae;
}
.items-content #reset-care .items-articles-head {
  background-color: #d8ebeb;
}
.items-content #make-care .items-head2 {
  background-color: #c79984;
}
.items-content #make-care .items-articles-head {
  background-color: #f0e5df;
}
.items-content #hair-care .items-head2 {
  background-color: #c39a4f;
}
.items-content #hair-care .items-articles-head {
  background-color: #efe6cd;
}
.items-content #inner-care .items-head2 {
  background-color: #eb9500;
}
.items-content #inner-care .items-articles-head {
  background-color: #fbebd2;
}
.items-content #life-amenity .items-head2 {
  background-color: #5286c0;
}
.items-content #life-amenity .items-articles-head {
  background-color: #dfe6f1;
}
.items-content #limited .items-head2 {
  background-color: #d00d38;
}
.items-content #limited .items-articles-head {
  background-color: #f8e4e8;
}

/*main*/
#main.mypage {
  position: relative;
  min-height: 904px;
  padding-bottom: 100px;
}

.step {
  margin: 30px 0;
  text-align: center;
}

#mypageTabSection {
  margin-bottom: 30px;
}
#mypageTabSection .tab {
  width: 377px;
  padding: 10px 6px 10px 7px;
  background: #f7f7f7;
}
#mypageTabSection #orderList {
  float: left;
}
#mypageTabSection #orderDtl {
  float: right;
}

.member .confMsg {
  border-bottom: 1px solid #d3d2d0;
  padding: 20px 20px 30px;
  margin-bottom: 30px;
}

.mypageSection .topGuide {
  margin: 0 0 20px 20px;
}
.mypageSection #order_id {
  margin: 0 0 20px 20px;
  font-weight: bold;
}
.mypageSection #deliveryItmName {
  margin: 0 0 20px 20px;
  font-weight: bold;
}
.mypageSection .ttl {
  margin: 0 0 20px 25px;
  font-size: 18px;
}
.mypageSection .ttl .notice {
  margin-left: 40px;
  font-size: 16px;
  font-weight: bold;
}
.mypageSection .orderDtl {
  display: none;
}
.mypageSection .tabContainer {
  width: 780px;
  margin-bottom: 50px;
}
.mypageSection .tabContainer .backBtn {
  text-align: center;
}
.mypageSection table {
  width: 738px;
  margin: 0 auto 40px;
  border-top: 1px solid #d3d2d0;
  border-right: 1px solid #d3d2d0;
  table-layout: fixed;
}
.mypageSection table.mb20 {
  margin-bottom: 20px;
}
.mypageSection table .none {
  height: 0;
}
.mypageSection table .none th, .mypageSection table .none td {
  height: 0;
  visibility: collapse;
  padding: 0;
  border-left: none;
}
.mypageSection table th,
.mypageSection table td {
  border-bottom: 1px solid #d3d2d0;
  border-left: 1px solid #d3d2d0;
}
.mypageSection table th p,
.mypageSection table td p {
  line-height: 1.3;
}
.mypageSection table th {
  padding: 15px 10px;
  text-align: center;
  background: #fffaee;
  font-weight: bold;
}
.mypageSection table th.arrenge {
  background: #f8f7f2;
}
.mypageSection table .head {
  width: 127px;
}
.mypageSection table td {
  padding: 7px 10px;
}
.mypageSection table td.arrenge {
  background: #f8f7f2;
}
.mypageSection table .btn {
  text-align: center;
}
.mypageSection .payTable01 td {
  padding: 15px 10px;
  text-align: center;
}
.mypageSection .payTable01 td .notice {
  color: #f00;
}
.mypageSection .payTable01 .itemName {
  width: 326px;
  text-align: left;
}
.mypageSection .payTable01 .pay {
  padding: 7px 10px;
  background: #f8f7f2;
  font-weight: bold;
  text-align: right;
}
.mypageSection .payTable01 .price {
  border-left: none;
  background: #f8f7f2;
  font-weight: bold;
  text-align: right;
}
.mypageSection .payTable02 .pay {
  width: 590px- 20px;
  padding: 15px 10px;
  background: #ede9dd;
  font-weight: bold;
  text-align: right;
}
.mypageSection .payTable02 .price {
  text-align: right;
}
.mypageSection .payTable02 .anytime-discount-price-block {
  color: #e50039;
}
.mypageSection .payTable03 {
  table-layout: auto;
}
.mypageSection .payTable03 th {
  text-align: left;
  padding: 20px 10px;
}
.mypageSection .payTable03 th .thTxt {
  float: left;
  line-height: 38px;
  text-align: left;
}
.mypageSection .payTable03 th .thBtn {
  float: right;
}
.mypageSection .payTable03 th.adj {
  width: 200px;
}
.mypageSection .payTable03 td {
  padding: 15px 10px;
}
.mypageSection .payTable03 td input[type="text"] {
  width: 200px;
}
.mypageSection .payTable03 td p {
  line-height: 24px;
}
.mypageSection .payTable03 td p + p {
  margin-top: 15px;
}
.mypageSection .payTable03 .notice {
  font-size: 14px;
}
.mypageSection .payTable03 .info {
  background: #f8f7f2;
  text-align: center;
}
.mypageSection .payTable03 .info .inner {
  position: relative;
}
.mypageSection .payTable03 .info .notice {
  position: absolute;
  top: 0;
  right: 20px;
}
.mypageSection .payTable03 input + input {
  margin-left: 20px;
}
.mypageSection .cf {
  width: 738px;
  margin: 0 auto;
}
.mypageSection .note {
  float: left;
  line-height: 24px;
}
.mypageSection .note01 {
  padding: 20px;
  background: #dbf5f2;
}
.mypageSection .note02 {
  padding: 10px 20px 10px;
  width: 433px;
}
.mypageSection .note03 {
  margin-left: 60px;
}
.mypageSection .must {
  float: right;
  padding: 3px 6px;
  font-size: 12px;
  color: #fd2e0c;
  background: #fed7ea;
  font-weight: normal;
}
.mypageSection .ex {
  font-size: 12px;
  margin-bottom: 6px;
}
.mypageSection .notice {
  font-size: 12px;
  color: #fd2e0c;
  line-height: 20px;
  margin-left: 1em;
  text-indent: -1em;
}
.mypageSection .txt {
  float: left;
}
.mypageSection .steady .txt {
  padding-top: 14px;
}
.mypageSection .steady .notice {
  float: right;
}
.mypageSection .t1 {
  width: 292px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
.mypageSection .t2 {
  width: 150px -8px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
.mypageSection textarea {
  width: 400px;
  height: 132px;
  resize: none;
  overflow: scroll;
}
.mypageSection .autoBtn,
.mypageSection .confirmBtn {
  float: left;
  margin-left: 10px;
}
.mypageSection .inputTable01.thWide th {
  width: 293px;
}
.mypageSection .inputTable01 th {
  padding: 15px 5px 15px 15px;
  width: 193px;
  text-align: left;
}
.mypageSection .inputTable01 td {
  position: relative;
  padding: 8px 20px;
}
.mypageSection .inputTable01 td .container {
  position: relative;
}
.mypageSection .inputTable01 .cardInfo1 {
  padding-top: 10px;
  font-weight: bold;
}
.mypageSection .inputTable01 .cardInfo1 dd {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mypageSection .inputTable01 .cardInfo2 {
  padding-top: 10px;
}
.mypageSection .inputTable01 .cardInfo2 dt {
  float: left;
  font-weight: bold;
  line-height: 29px;
}
.mypageSection .inputTable01 .cardInfo2 dd {
  margin: 0 0 10px 90px;
  padding-bottom: 10px;
}
.mypageSection .inputTable01 .cardInfo2 dd:last-child {
  padding-bottom: 0;
}
.mypageSection .inputTable03 th {
  padding: 15px 20px;
  width: 107px;
  text-align: left;
}
.mypageSection .inputTable03 td {
  position: relative;
  padding: 8px 20px;
}
.mypageSection .inputTable03 td .container {
  position: relative;
}
.mypageSection .inputTable02 th {
  padding: 15px 20px;
  width: 200px;
  text-align: left;
  vertical-align: middle;
}
.mypageSection .inputTable02 .top {
  width: auto;
}
.mypageSection .inputTable02 td {
  padding: 20px 15px;
  vertical-align: middle;
}
.mypageSection .inputTable02 td p {
  font-size: 14px;
  line-height: 1.71;
}
.mypageSection .inputTable02 td .btns {
  width: 236px;
  float: right;
}
.mypageSection .inputTable02 td .btns li {
  margin: 5px 0;
}
.mypageSection .inputTable02 .thTxt {
  float: left;
  line-height: 38px;
}
.mypageSection .inputTable02 .thBtn {
  float: right;
}
.mypageSection .inputTable02 .calendarTxt {
  color: #ae1613;
  margin-bottom: 10px;
}
.mypageSection .inputTable02 .notice {
  margin: 50px 0 0 45px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #e14448;
}
.mypageSection .inputTable02 .notice .date {
  display: block;
  font-weight: normal;
}
.mypageSection .inputTable02 select {
  float: left;
}
.mypageSection .inputTable02 .note {
  margin-left: 20px;
}
.mypageSection .inputTable02 .button {
  min-width: 240px;
  font-size: 14px;
  line-height: 18px;
}
.mypageSection .btnLi.width {
  width: 560px;
  margin: 0 auto;
}
.mypageSection .btnLi.col3 {
  padding-left: 40px;
}
.mypageSection .btnLi.col3 li {
  float: left;
  margin: 0 30px 0 0;
}
.mypageSection .btnLi.pt0 {
  padding-top: 0;
}
.mypageSection .btnLi .backBtn {
  float: left;
  margin-left: 150px;
}
.mypageSection .btnLi .inputBtn {
  width: 210px;
}
.mypageSection .btnLi .inputBtn input {
  display: block;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}
.mypageSection .btnLi .confirmBtn {
  float: right;
  margin-right: 150px;
}
.mypageSection .btnLi .confirmBtn input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_change_w210.png) no-repeat;
}
.mypageSection .btnLi .addNewAddress {
  float: right;
  margin-right: 150px;
}
.mypageSection .btnLi .addNewAddress input {
  width: 270px;
  height: 45px;
  background: url(../img/btn_new_shipping_list_w270.png) no-repeat;
}
.mypageSection .btnLi .resgistBtn {
  float: right;
  margin-right: 150px;
}
.mypageSection .btnLi .resgistBtn input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_regist_w210.png) no-repeat;
}
.mypageSection .btnLi .cancelBtn {
  float: right;
  margin-right: 150px;
}
.mypageSection .btnLi .goOrder button {
  font-size: 0;
}
.mypageSection .btnLi .goOrder button:after {
  content: "この内容で注文する";
  font-size: 18px;
}
.mypageSection .btnLi .goOrder input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_order_w210.png) no-repeat;
}
.mypageSection .btnLi .noPresent input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_no_present.jpg) no-repeat;
}
.mypageSection .btnLi .changeBtn {
  float: right;
  margin-right: 150px;
}
.mypageSection .btnLi .changeBtn input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_change_w210.png) no-repeat;
}
.mypageSection .btnLi .orderNext input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_go_next_w210.png) no-repeat;
}
.mypageSection .headTtl {
  margin-bottom: 25px;
  padding: 10px 20px;
  background-color: #5f5951;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}
.mypageSection .listTable th {
  padding: 23px 10px;
  width: 50px;
}
.mypageSection .listTable .list {
  width: 447px;
  font-size: 16px;
  font-weight: bold;
}
.mypageSection .teikiItm {
  margin: 0 auto 50px;
  padding-bottom: 14px;
  background: url(../img/bg_teki_bottom.png) no-repeat center bottom;
}
.mypageSection .teikiItm .info {
  padding: 20px;
  background: url(../img/bg_teki_top.png) no-repeat center top;
  height: 67px;
}
.mypageSection .teikiItm .inner {
  padding: 0 20px;
  background: url(../img/bg_teki_inner.png) repeat-y;
}
.mypageSection .teikiItm .name {
  width: 187px;
  float: left;
  padding: 17px 0;
  background: #E3E0DE;
  font-size: 18px;
  text-align: center;
}
.mypageSection .teikiItm .infoTxt {
  margin: 0 0 10px 220px;
}
.mypageSection .teikiItm .change {
  margin: 0 0 10px 220px;
  color: #d52e40;
  font-weight: bold;
}
.mypageSection .teikiItm .date {
  font-size: 18px;
  color: #d52e40;
  font-weight: bold;
}
.mypageSection .teikiItm .teikiTtl {
  margin-bottom: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #cfcdc8;
  font-size: 16px;
  line-height: 1;
}
.mypageSection .tekiTable {
  width: 700px;
  margin: 0 auto 0;
  border: none;
}
.mypageSection .tekiTable td {
  border: none;
}
.mypageSection .tekiTable .price {
  width: 85px;
  font-size: 20px;
  color: #ff2e13;
}
.mypageSection .tekiTable .btn {
  width: 145px;
}
.mypageSection .tekiTable .all {
  padding: 20px 10px 7px;
  border-top: 1px dashed #573d30;
}
.mypageSection .tekiTable .allTxt {
  text-align: right;
}
.mypageSection .supportCenter {
  width: 600px;
  margin: 0 auto;
}
.mypageSection .supportCenter .teikiLi {
  width: 200px;
  padding: 8px 0 0 40px;
  margin: 15px auto;
  border: 3px solid #dbf5f2;
}
.mypageSection .supportCenter .teikiLi li {
  margin-bottom: 8px;
}
.mypageSection .supportCenter .callCenter {
  margin-bottom: 20px;
  padding: 20px;
  background: #eee;
  color: #535353;
}
.mypageSection .supportCenter .callCenter .number {
  margin: 10px 0 10px 100px;
  font-size: 24px;
}
.mypageSection .supportCenter .callCenter .number .open {
  margin-left: 35px;
  font-size: 14px;
}
.mypageSection .supportCenter .callCenter .note {
  margin-left: 100px;
  float: none;
  line-height: 33px;
}
.mypageSection .supportCenter .supportTxt {
  margin-left: 1em;
  text-indent: -1em;
  line-height: 20px;
}
.mypageSection .itmTable .itmName {
  width: 310px;
}
.mypageSection .itmTable th {
  padding: 15px 20px;
  vertical-align: middle;
}
.mypageSection .itmTable td {
  padding: 7px 10px;
  text-align: center;
}
.mypageSection .itmTable .itmTtl th {
  background: #f8f7f2;
}
.mypageSection .itmTable .thTxt {
  float: left;
  line-height: 38px;
  text-align: left;
}
.mypageSection .itmTable .thTxt .large {
  font-size: 18px;
}
.mypageSection .itmTable .thNote {
  line-height: 1.6;
}
.mypageSection .itmTable .thBtn {
  float: right;
}
.mypageSection .itmTable .thBtn .question {
  text-align: right;
}
.mypageSection .itmTable .thBtn .question a {
  display: inline-block;
  padding: 5px  0 5px 25px;
  background: url(../img/icn_guestion_01.png) no-repeat left center;
  font-weight: normal;
}
.mypageSection .itmTable .number {
  position: relative;
}
.mypageSection .itmTable .numberBtn {
  position: absolute;
  top: 0;
}
.mypageSection .itmTable #btn_minus {
  left: 0;
}
.mypageSection .itmTable #btn_plus {
  right: 0;
}
.mypageSection .itmTable .noItm td {
  padding: 20px 10px;
}
.mypageSection .howTo {
  position: relative;
  top: -25px;
  right: 24px;
  text-align: right;
}
.mypageSection .howTo a {
  padding: 5px  0 5px 25px;
  background: url(../img/icn_guestion_01.png) no-repeat left center;
}
.mypageSection .inquiryTxt {
  margin-bottom: 30px;
  line-height: 20px;
}
.mypageSection .inquiryNotice {
  margin-bottom: 20px;
  line-height: 20px;
}
.mypageSection .inquiryNotice em {
  font-size: 24px;
  color: #fd2e0c;
  font-style: normal;
}
.mypageSection .inquiryNotice .inquiryNote {
  margin-bottom: 20px;
  text-indent: 1em;
}
.mypageSection .inquiryInfo {
  width: 678px;
  margin: 0 auto 30px;
  padding: 20px 30px;
  line-height: 20px;
  background: #dbf5f2;
}
.mypageSection .agreeBtn {
  margin-bottom: 50px;
}
.mypageSection .agreeBtn input {
  display: block;
  border: none;
  margin: 0 auto;
  cursor: pointer;
  width: 210px;
  height: 45px;
  background: url(../img/btn_agree_w210.png) no-repeat;
}

#calendar {
  position: relative;
  margin: 0 auto;
  padding: 0 44px;
  width: 385px;
}
#calendar .calendarBtn {
  position: absolute;
  top: 10px;
}
#calendar #lastMonth {
  left: 100px;
}
#calendar #nextMonth {
  right: 100px;
}
#calendar .calendarTxt {
  color: #ae1613;
}

.calendarTable {
  width: 184px;
  border: none;
  margin: 0 auto 20px;
  border-top: 1px solid #c9c7c2;
  border-right: 1px solid #c9c7c2;
}
.calendarTable th {
  padding: 5px 0;
  border-bottom: 1px solid #c9c7c2;
  text-align: center;
}
.calendarTable th:first-child {
  border-left: 1px solid #c9c7c2;
}
.calendarTable td {
  padding: 5px 0;
  border-bottom: 1px solid #c9c7c2;
  border-left: 1px solid #c9c7c2;
  text-align: center;
  color: #535353;
  padding: 1px;
}
.calendarTable td a {
  display: block;
  padding: 4px 2px;
  color: #535353;
  text-decoration: underline;
}
.calendarTable .disable {
  background: #f2f2f2;
  color: #c9c7c2;
}
.calendarTable .month {
  padding: 6px 0;
  border-bottom: 1px solid #c9c7c2;
  background: #fff6fa !important;
  color: #e53f89 !important;
  font-weight: bold;
}
.calendarTable .saturday {
  background: #edfcff;
  color: #16a4c0;
}
.calendarTable .sunday {
  background: #ffe2e2;
  color: #d50000;
}
.calendarTable .sunday a {
  color: #d50000;
}
.calendarTable .select a {
  background: #e14448 !important;
  color: #fff !important;
  text-decoration: none !important;
}
.calendarTable .change a {
  background: #2d8986 !important;
  color: #fff !important;
}

/*side*/
.sideSection {
  margin-bottom: 20px;
}

#side.mypage {
  padding-bottom: 100px;
}

#welcome {
  padding: 19px 9px;
  border: 1px solid #baaa88;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 3px #baaa88;
  -webkit-box-shadow: inset 0 0 3px #baaa88;
  box-shadow: inset 0 0 3px #baaa88;
}
#welcome .name {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
#welcome .number {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}

#deliveryItm .container {
  margin-bottom: 20px;
  border: 4px solid #afe6e0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
}
#deliveryItm .container.teiki {
  border: 4px solid #ffd1e4;
}
#deliveryItm .container.teiki .ttl {
  background: #ffd1e4;
}
#deliveryItm .container.teiki .inner {
  background: #fff6fa;
}
#deliveryItm .container.teiki .inner:before {
  content: "定 期";
  background: #f651a2;
}
#deliveryItm .container.teiki .itmLi dd {
  border: 1px solid #ffaace;
}
#deliveryItm .container.teiki .btn {
  background: #fff6fa;
}
#deliveryItm .ttl {
  padding: 10px 6px;
  background: #afe6e0;
}
#deliveryItm .inner {
  padding: 15px 8px;
  background: #f2fcfa;
}
#deliveryItm .inner:before {
  content: "単 品";
  display: inline-block;
  min-width: 50px;
  margin-bottom: 5px;
  padding: 4px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #78d0c8;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
}
#deliveryItm .itmLi a {
  text-decoration: underline;
}
#deliveryItm .itmLi dt {
  padding: 0 10px 15px;
}
#deliveryItm .itmLi dd {
  padding: 10px 10px;
  border: 1px solid #52bbac;
  color: #f00;
  font-weight: bold;
  background: #fff;
}
#deliveryItm .itmLi dd span {
  font-weight: normal;
  color: #633a34;
}
#deliveryItm #order_id {
  padding: 0 10px 5px;
  font-size: 12px;
  font-weight: bold;
}
#deliveryItm .count {
  background: url(../img/bg_count.png) no-repeat;
  width: 157px;
  height: 72px;
  text-align: center;
  margin: 0 auto;
}
#deliveryItm .count dl {
  line-height: 30px;
}
#deliveryItm .count dd {
  padding-top: 6px;
}
#deliveryItm .btn {
  text-align: center;
  background: #f2fcfa;
}

#underConstruction .container {
  margin-bottom: 20px;
  border: 4px solid #f5c3aa;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
}
#underConstruction .ttl {
  padding: 10px 6px;
  background: #f5c3aa;
  text-align: center;
}
#underConstruction .inner {
  padding: 15px 8px;
  background: #fff8f6;
}
#underConstruction .itmLi a {
  text-decoration: underline;
}
#underConstruction .itmLi dt {
  padding: 0 10px 15px;
}
#underConstruction .itmLi dd {
  padding: 20px 10px;
  border-top: 1px solid #f5c3aa;
}
#underConstruction #order_id {
  padding: 0 10px 5px;
  font-size: 12px;
  font-weight: bold;
}
#underConstruction .noChange {
  font-weight: bold;
  color: #f00;
}
#underConstruction .btn {
  text-align: center;
  background: #fff8f6;
}

#mypageLink {
  padding: 15px 10px;
  border: 1px solid #d3d2d0;
}
#mypageLink .linkLi {
  margin-bottom: 20px;
}
#mypageLink .linkLi li {
  margin-bottom: 15px;
  padding-left: 15px;
  background: url(../img/list_03.png) no-repeat left 4px;
}
#mypageLink .linkLi a {
  line-height: 18px;
}
#mypageLink .linkLi .top {
  font-size: 18px;
}

/* nishi
------------------------------------------------*/
table input.fl {
  margin-right: 15px;
}

.mypageFull .step {
  margin-bottom: 30px;
}
.mypageFull.pad22 {
  padding-left: 22px;
  padding-right: 22px;
}
.mypageFull .btnLi {
  padding: 40px 0 60px;
}
.mypageFull .btnLi input {
  border: none;
  cursor: pointer;
}
.mypageFull .btnLi .backBtn {
  float: left;
  margin-left: 250px;
}
.mypageFull .btnLi .advBtn {
  float: right;
  margin-right: 250px;
  *padding-right: 250px;
  *margin-right: 0;
}
.mypageFull .btnLi .advBtn2 {
  text-align: center;
}
.mypageFull .ttl {
  margin-left: 0px !important;
}
.mypageFull table {
  width: 100%;
}
.mypageFull table input.fl {
  margin-right: 5px;
}
.mypageFull table .furikomi {
  display: block;
  padding-left: 20px;
  line-height: 1.3;
}

.nowCart {
  margin: 0 0 10px;
}
.nowCart table {
  width: 100%;
  margin: 0 auto 40px;
  border-top: 1px solid #d3d2d0;
  border-right: 1px solid #d3d2d0;
}
.nowCart table th,
.nowCart table td {
  border-bottom: 1px solid #d3d2d0;
  border-left: 1px solid #d3d2d0;
}
.nowCart table th p,
.nowCart table td p {
  line-height: 1.3;
}
.nowCart table th {
  padding: 15px 10px;
  text-align: center;
  background: #E3E0DE;
  font-weight: bold;
}
.nowCart table .head {
  width: 127px;
}
.nowCart table td {
  padding: 7px 10px;
}
.nowCart .guide {
  font-size: 18px;
  margin: 30px 0 15px;
}
.nowCart .thumb {
  padding: 10px;
  text-align: center;
}
.nowCart .thumb img {
  width: 100px;
  height: auto;
}
.nowCart .name {
  width: 365px;
  border-left: none;
}
.nowCart .price {
  text-align: center;
}
.nowCart .price .off span {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #d82300;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1;
  color: #fff;
}
.nowCart .number {
  width: 80px;
  padding: 20px;
  white-space: nowrap;
}
.nowCart .number input {
  width: 30px;
  border: 1px solid #c9c7c2;
  font-size: 14px;
  float: left;
  margin-right: 10px;
}
.nowCart .subtotal {
  width: 160px;
  text-align: center;
}
.nowCart .icn {
  display: inline-block;
  margin-right: 10px;
  padding: 0 8px;
  border: 1px solid #ddd;
  font-size: 12px;
  line-height: 20px;
}
.nowCart .icn.red {
  border: 0;
  border-radius: 3px;
  background-color: #e50039;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.nowCart .btn {
  margin-top: 18px;
  text-align: center;
}

.changeTeiki {
  float: left;
  width: 390px;
  height: 239px;
  position: relative;
}
.changeTeiki .btn img {
  position: absolute;
  top: 170px;
  left: 50px;
}

.cartCalculation {
  width: 360px;
  margin-left: auto;
  color: #605954;
}
.cartCalculation .guide {
  margin-bottom: 8px;
  font-size: 13px;
  text-align: right;
}
.cartCalculation table {
  width: 100%;
  font-size: 14px;
  line-height: 30px;
}
.cartCalculation table th,
.cartCalculation table td {
  padding: 10px;
  border: 1px solid #dcdcdd;
  text-align: right;
}
.cartCalculation table .itsudemo-wari th,
.cartCalculation table .itsudemo-wari td {
  color: #e60039;
}
.cartCalculation table .total th,
.cartCalculation table .total td {
  background-color: #f8f7f6;
}
.cartCalculation table .total td {
  color: #e60039;
}
.cartCalculation table .icn {
  display: inline-block;
  margin: 0 8px;
  padding: 0 10px;
  background-color: #e50039;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
}
.cartCalculation .button {
  min-width: 240px;
  margin-left: 120px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 20px;
}
.cartCalculation dl {
  margin-top: 20px;
}
.cartCalculation dl dt {
  font-weight: bold;
  float: left;
  clear: both;
  width: 110px;
  padding: 10px;
}
.cartCalculation dl dd {
  text-align: right;
  border-bottom: 2px solid #ccc;
  padding: 10px;
}

.changeBtn {
  float: right;
  margin-right: 150px;
}
.changeBtn input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_change_w210.png) no-repeat;
}

.changeKakuteiBtn {
  float: right;
  margin-right: 150px;
}
.changeKakuteiBtn input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_change_kakutei_w210.png) no-repeat !important;
}

.topSection05adj {
  margin: 0 112px 0;
}

.mottoOtoku {
  margin: 0 90px 30px;
}
.mottoOtoku .topSection05 {
  margin: 8px 0;
}

.postageSection {
  margin: 0 90px 60px;
}
.postageSection h2 {
  margin-bottom: 20px;
}

.shippingCourse {
  padding: 10px;
}
.shippingCourse h1 {
  margin-bottom: 10px;
}
.shippingCourse .img {
  text-align: center;
  margin-bottom: 15px;
}
.shippingCourse .selectCourse {
  border: 1px solid #d3d2d0;
}
.shippingCourse .selectCourse h2 {
  text-align: center;
  font-weight: bold;
  background: #ffc480;
  padding: 10px;
  font-size: 18px;
  color: #553c35;
  border-bottom: 1px solid #d3d2d0;
}
.shippingCourse .selectCourse .data {
  padding: 15px 30px;
}
.shippingCourse .selectCourse .data p {
  margin: 20px 0 10px;
}
.shippingCourse .selectCourse .data p strong {
  color: #ff0000;
}
.shippingCourse .btnLi {
  padding: 20px 0;
}
.shippingCourse .btnLi .backBtn {
  float: left;
  margin-left: 85px;
}
.shippingCourse .btnLi .advBtn {
  float: right;
  margin-right: 85px;
}
.shippingCourse .btnLi .advBtn input {
  display: block;
  width: 180px;
  height: 45px;
  background: url(../img/btn_go_decision.png) no-repeat;
  border: none;
}
.shippingCourse .btnLi .tetsuzukiBtn {
  float: right;
  margin-right: 85px;
}
.shippingCourse .btnLi .tetsuzukiBtn input {
  width: 180px;
  height: 45px;
  background: url(../img/btn_go_tetsuzuki_w180.png) no-repeat;
  border: none;
  *text-indent: 0;
}

#resetPassword {
  padding: 25px 0 0px;
  border: 5px solid #77cec8;
  background: #dbf5f2;
  color: #553c35;
  margin: 0 0 50px;
}
#resetPassword h3 {
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 30px;
}
#resetPassword p {
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
#resetPassword p.notice {
  color: #f00;
  font-weight: bold;
}
#resetPassword dl {
  margin: 30px 50px 20px 300px;
}
#resetPassword dl dt {
  float: left;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
}
#resetPassword dl dd {
  padding: 0 20px 15px 110px;
}
#resetPassword dl dd input {
  border: 1px solid #d3d2d0;
  font-size: 16px;
}
#resetPassword .btn {
  margin-bottom: 20px;
}
#resetPassword .btn input {
  display: block;
  margin: 0 auto;
  background: url(../img/btn_submit_w270.png) no-repeat;
  width: 270px;
  height: 45px;
  border: none;
}

#loginBox {
  margin-bottom: 50px;
}
#loginBox h2 {
  margin: 30px 0 0;
  padding: 0 6px 9px;
  border: none;
  font-size: 18px;
  text-align: left;
}
#loginBox .firstTimeBody,
#loginBox .loginBody {
  padding: 20px;
  overflow: hidden;
  border: solid 1px #dcdcdc;
}
#loginBox .firstTimeBody form,
#loginBox .loginBody form {
  margin-bottom: 30px;
  overflow: hidden;
}
#loginBox .firstTimeBody h3,
#loginBox .loginBody h3 {
  padding: 10px 0;
  margin: 0 40px 10px 40px;
  border-bottom: #cccccc 1px solid;
  font-size: 16px;
  text-align: left;
}
#loginBox .firstTimeMessage {
  width: 50%;
  padding-left: 50px;
  line-height: 46px;
  font-size: 15px;
  float: left;
}
#loginBox .loginInputBlock {
  width: 50%;
  margin: 20px 0;
  padding-left: 50px;
  float: left;
}
#loginBox .loginInputBlock div {
  display: table;
  width: 100%;
}
#loginBox .loginInputBlock .loginLabel {
  display: table-cell;
  width: 30% !important;
  text-align: left;
  font-weight: bold;
}
#loginBox .loginInputBlock .loginInput {
  padding: 0 0 10px 10px;
}
#loginBox .loginInputBlock .loginInput input {
  width: 250px !important;
  margin-right: 20px;
  padding: 4px;
  border: 1px solid #999;
  font-size: 15px;
  line-height: 21px;
}
#loginBox .loginButtonBlock {
  display: block;
  width: 50%;
  margin: 20px 0;
  float: right;
  text-align: left;
  padding-left: 40px;
}
#loginBox .loginButtonBlock div {
  width: 312px;
  margin-left: 40px;
  padding: 10px 0 0;
  clear: both;
  text-align: center;
  line-height: 1.7;
}
#loginBox .reregistrationBlock p {
  width: 50%;
  padding-left: 50px;
  margin: 20px 0 20px;
  line-height: 1.5;
  text-align: left;
  font-size: 15px;
  float: left;
  box-sizing: border-box;
}
#loginBox .reregistrationBlock div {
  width: 40%;
  padding-left: 40px;
  margin-top: 20px;
  float: left;
}
#loginBox .actionButtons {
  padding-left: 40px;
  width: 40%;
  float: left;
}
#loginBox .actionButton {
  float: left;
  width: 312px;
  margin-left: 40px;
  padding: 8px 0 8px;
  line-height: 30px;
  border: 0;
  background: #ebcd6e;
  color: #333;
  font-size: 16px;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 2px 2px;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}
#loginBox .actionButton.reregistrationButton {
  margin-top: 20px;
}
#loginBox .member,
#loginBox .reminder {
  width: 500px;
  padding: 20px 0 30px;
}
#loginBox .member h3,
#loginBox .reminder h3 {
  font-size: 18px;
  text-align: center;
  line-height: 1.6;
}
#loginBox .member dt,
#loginBox .reminder dt {
  line-height: 1.6;
}
#loginBox .member {
  margin: 0 auto;
}
#loginBox .member dl {
  margin: 30px 20px 20px;
}
#loginBox .member dl dt {
  float: left;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
}
#loginBox .member dl dd {
  padding: 0 0 15px 130px;
}
#loginBox .member dl dd input {
  width: 320px;
  border: 1px solid #d3d2d0;
  font-size: 16px;
  line-height: 30px;
}
#loginBox .reminder.id {
  float: right;
  width: 431px;
}
#loginBox .reminder.password {
  float: left;
  width: 435px;
  background: url(../img/bg_login_box.png) repeat-y right top;
}
#loginBox .reminder h3 {
  margin-bottom: 30px;
}
#loginBox .reminder p {
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
#loginBox .reminder dl {
  margin: 30px 50px 20px;
}
#loginBox .reminder dl dt {
  float: left;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
}
#loginBox .reminder dl dd {
  padding: 0 20px 15px 110px;
}
#loginBox .reminder dl dd input {
  border: 1px solid #d3d2d0;
  font-size: 16px;
}

.changeBtn2 {
  text-align: right;
  margin-bottom: 20px;
}
.changeBtn2 .button {
  min-width: 240px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 20px;
}

.memberServiceInfo {
  width: 530px;
  float: left;
}
.memberServiceInfo section {
  border: 5px solid #77cec8;
  margin-bottom: 20px;
}
.memberServiceInfo section h3 {
  background: url(../img/bg_common_01.png) repeat;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: bold;
}
.memberServiceInfo section .data {
  padding: 15px;
}
.memberServiceInfo section .data p {
  line-height: 1.4;
  font-size: 18px;
}
.memberServiceInfo section .data p strong {
  color: #fd2e0c;
}

.sampleTbl {
  line-height: 1.5;
}
.sampleTbl .left p {
  margin: 15px 20px 40px;
}
.sampleTbl .left p strong {
  color: #fd2e0c;
}
.sampleTbl .left p strong.large {
  font-size: 22px;
}
.sampleTbl .left .photo {
  text-align: center;
  margin-bottom: 30px;
}
.sampleTbl .right {
  vertical-align: top;
}
.sampleTbl .value {
  table-layout: auto;
  border: none;
}
.sampleTbl .value td {
  padding: 5px 5px;
}
.sampleTbl .value td, .sampleTbl .value th {
  border: none;
}

.sampleNotice {
  color: #fd2e0c;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.presentNotice {
  color: #fd2e0c;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.presentTbl {
  overflow: hidden;
}
.presentTbl .box {
  position: relative;
  float: left;
  display: block;
  width: 418px;
  margin: 0 10px 20px;
  padding: 19px;
  border: 1px solid #c2eee9;
  background: #fff;
  overflow: hidden;
}
.presentTbl .box .thum {
  float: left;
  width: 150px;
  padding: 15px;
  background: #fff;
  overflow: hidden;
  text-align: center;
}
.presentTbl .box .detail {
  margin-left: 200px;
}
.presentTbl .box .detail a, .presentTbl .box .detail span {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
.presentTbl .box .detail .txt {
  margin-bottom: 15px;
  line-height: 1.5;
}
.presentTbl .box .detail .btn {
  cursor: pointer;
}
.presentTbl .box input {
  position: absolute;
  top: -30px;
}
.presentTbl .box.selected {
  padding: 15px;
  border: 5px solid #cef3ef;
  background: #e5faf8;
}
.presentTbl .box.off {
  padding: 19px;
  border: 1px solid #eee;
  background: #eee;
  opacity: 0.4;
}
.presentTbl .box.off a, .presentTbl .box.off span, .presentTbl .box.off .txt {
  color: #666;
}
.presentTbl .box.off .btn {
  cursor: default;
}
.presentTbl .presentNotice2 {
  clear: both;
  margin-bottom: 20px;
  padding-top: 10px;
  text-align: center;
}

#thanksMessage {
  position: relative;
  margin: 50px 0 50px;
}
#thanksMessage .inner {
  border: 2px solid #5cb8bd;
  padding: 10px;
}
#thanksMessage div:nth-child(1) {
  display: inline-block;
  width: 60%;
  height: 208px;
  text-align: center;
}
#thanksMessage div:nth-child(1) p {
  font-size: 16px;
  line-height: 2.0;
}
#thanksMessage div:nth-child(2) {
  position: absolute;
  width: 350px;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  line-height: 1.7;
}
#thanksMessage div:nth-child(2) h2 {
  text-align: center;
  font-weight: bold;
}
#thanksMessage div:nth-child(2) p {
  font-size: 14px;
}
#thanksMessage div:nth-child(2) span {
  font-size: 20px;
}
#thanksMessage h1 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin: 30px auto;
}

.thankyouMsg {
  margin: 70px auto 80px;
  width: 550px;
  text-align: center;
}
.thankyouMsg h2 {
  margin-bottom: 20px;
}
.thankyouMsg h3 {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}
.thankyouMsg p {
  margin-bottom: 20px;
}
.thankyouMsg .support {
  background: #F8F7F6;
  padding: 20px 20px 10px;
}
.thankyouMsg .support h4 {
  font-weight: bold;
  margin-bottom: 10px;
}
.thankyouMsg .support p {
  line-height: 1.5;
}
.thankyouMsg .support p strong {
  font-weight: bold;
  font-size: 22px;
}

.mypageNav {
  margin-bottom: 15px;
}
.mypageNav ul {
  margin-right: -20px;
  width: 800px;
}
.mypageNav ul li {
  width: 250px;
  float: left;
  margin: 0 14px 10px 0;
}

.ordersNews {
  margin-bottom: 30px;
}
.ordersNews h3 {
  padding: 10px 15px;
  font-size: 18px;
  background: #847365;
  color: #fff;
  line-height: 1.3;
}
.ordersNews ul {
  border: 1px solid #D2D2CE;
}
.ordersNews ul li {
  padding-left: 15px;
  border-top: 1px dashed #c9c9c9;
}
.ordersNews ul li:first-child {
  border-top: none;
}
.ordersNews ul li a {
  color: #615951;
  font-size: 15px;
  line-height: 3;
}
.ordersNews ul li a:hover {
  text-decoration: underline;
}

.useCampaign {
  margin-bottom: 30px;
}
.useCampaign h3 {
  margin-bottom: 20px;
}
.useCampaign .articles {
  margin-right: -20px;
  margin-bottom: 20px;
  width: 800px;
}
.useCampaign .articles .article {
  border: 1px solid #e797b4;
  width: 210px;
  padding: 19px;
  float: left;
  text-align: center;
  margin-right: 15px;
}
.useCampaign .articles .article:nth-child(3n) {
  margin-right: 0;
}
.useCampaign .articles .article .thumb {
  width: 140px;
  margin: 0 auto 15px;
  text-align: center;
}
.useCampaign .articles .article .thumb img {
  width: 140px;
  height: auto;
}
.useCampaign .articles .article .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
.useCampaign .articles .article .title a {
  color: #5F5850;
  text-decoration: none;
}
.useCampaign .articles .article .num,
.useCampaign .articles .article .date {
  margin-top: 3px;
}
.useCampaign .box {
  padding: 19px;
  border: 1px solid #e797b4;
}
.useCampaign .box li {
  margin-bottom: 10px;
  font-size: 12px;
}
.useCampaign .box li:last-child {
  margin-bottom: 0;
}
.useCampaign .box li:before {
  content: "・";
}
.useCampaign .box li a {
  color: #573d30;
  text-decoration: none;
}

.searchnumber {
  width: 750px;
  height: 190px;
  margin: 0 auto 40px;
  position: relative;
  overflow: hidden;
}
.searchnumber .text {
  border: 1px solid #ccc;
  width: 182px;
  height: 35px;
  padding: 0 6px;
  font-size: 16px;
  position: absolute;
  left: 98px;
  top: 73px;
}
.searchnumber .btn {
  height: 35px;
  width: 143px;
  min-width: inherit;
  padding: 5px 20px 5px 10px;
  font-size: 16px;
  line-height: 25px;
  position: absolute;
  left: 304px;
  top: 73px;
  cursor: pointer;
}
.searchnumber .btn:before {
  right: 10px;
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background-size: contain;
}
.searchnumber .notice {
  position: absolute;
  left: 460px;
  top: 83px;
  font-size: 12px;
}
.searchnumber .campaignNumberPopup {
  position: absolute;
  top: 25px;
  right: 20px;
}
.searchnumber .campaignNumberPopup img {
  width: 185px;
  height: auto;
}
.searchnumber .campaignNumberPopup .button {
  min-width: 185px;
  padding: 5px 20px 5px 10px;
  font-size: 14px;
  line-height: 28px;
}
.searchnumber .campaignNumberPopup .button:before {
  right: 10px;
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background-size: contain;
}

.searchnumber.campaign201701 .btn {
  height: 38px;
  background: url(../img/btn_search_number_201701.png) no-repeat;
}
.searchnumber.campaign201701 .notice {
  color: #fff;
}

.mypage .shippingListTbl {
  table-layout: auto;
}
.mypage .shippingListTbl th {
  width: auto;
}
.mypage .shippingListTbl th.change {
  width: 160px;
}
.mypage .shippingListTbl th, .mypage .shippingListTbl td {
  text-align: center;
}
.mypage .shippingListTbl td {
  padding: 20px;
  line-height: 2;
}
.mypage .shippingListTbl td .btns li {
  margin-bottom: 10px;
}

.ccNotice {
  margin: 0 22px 20px;
}
.ccNotice p {
  line-height: 1.4;
  margin-bottom: 15px;
}

.amNotice {
  margin: 0 20px 20px;
  color: #fd2e0c;
}

.securityCode {
  padding: 90px 20px;
  text-align: center;
}
.securityCode p {
  margin-bottom: 30px;
  line-height: 1.8;
}
.securityCode p strong {
  color: #fd2e0c;
}
.securityCode .photo {
  margin-bottom: 30px;
}

.purposeNav3 {
  margin-top: -10px;
  padding-bottom: 14px;
}
.purposeNav3 li {
  float: left;
  margin-right: 2px;
}
.purposeNav3 li.last {
  margin-right: 0;
}

.purposeNav4 {
  margin-top: -10px;
  padding-bottom: 14px;
}
.purposeNav4 li {
  float: left;
  margin-right: 4px;
}
.purposeNav4 li.last {
  margin-right: 0;
}

.purposeNav5 {
  margin-top: -10px;
  padding-bottom: 14px;
}
.purposeNav5 li {
  float: left;
  margin-right: 1px;
}
.purposeNav5 li.last {
  margin-right: 0;
}

.purposeNav6 {
  margin-bottom: 14px;
}
.purposeNav6 ul {
  display: table;
  width: 100%;
  border: 1px solid #D2D2CE;
}
.purposeNav6 li {
  display: table-cell;
  text-align: center;
}
.purposeNav6 li + li {
  border-left: 1px solid #e6e6e4;
}
.purposeNav6 li:nth-child(even) {
  background-color: #f8f7f6;
}
.purposeNav6 li a {
  display: block;
  padding: 7px 0;
  font-size: 13px;
  font-weight: bold;
  color: #5F5850;
  text-decoration: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.purposeNav6 li a:hover {
  text-decoration: underline;
  opacity: 0.6;
}
.purposeNav6 li a span {
  display: block;
  padding: 18px 0;
  background: url(../img/ico_arr_down.png) no-repeat center bottom;
  background-size: 10px auto;
}

.skincare table, .skincare th, .skincare td {
  border-color: #81d8d0;
}
.skincare th {
  background: #cdefec;
}
.skincare .even td {
  background: #edfaf8;
}

.basemake table, .basemake th, .basemake td {
  border-color: #e897b4;
}
.basemake th {
  background: #fde7ef;
}
.basemake td {
  background: #fef7fa;
}
.basemake .even td {
  background: #fff;
}

.campaignProduct table, .campaignProduct th, .campaignProduct td {
  border-color: #e598b4;
}
.campaignProduct th {
  background: #f9e7ed;
}
.campaignProduct .even td {
  background: #fceff3;
}

.innercare table, .innercare th, .innercare td {
  border-color: #eb6100;
}
.innercare th {
  background: #fdecd7;
}
.innercare .even td {
  background: #fef6eb;
}

.haircare table, .haircare th, .haircare td {
  border-color: #ae5da1;
}
.haircare th {
  background: #f8f1f7;
}
.haircare .even td {
  background: #fdfbfd;
}

.life table, .life th, .life td {
  border-color: #f7a96c;
}
.life th {
  background: #f9e1cd;
}
.life .even td {
  background: #fef9f3;
}

.gentei table, .gentei th, .gentei td, .teiki table, .teiki th, .teiki td {
  border-color: #51bbde;
}
.gentei th, .teiki th {
  background: #d6eff7;
}
.gentei .even td, .teiki .even td {
  background: #f3fafd;
}

.doukonItems2,
.doukonItems {
  margin-bottom: 40px;
}
.doukonItems2 h2,
.doukonItems h2 {
  margin-bottom: 20px;
}
.doukonItems2 table,
.doukonItems table {
  width: 100%;
  border-width: 1px;
  border-style: solid;
}
.doukonItems2 table th,
.doukonItems table th {
  background-color: #E3E0DE;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 20px;
  text-align: center;
  white-space: nowrap;
}
.doukonItems2 table th .shukiGuide,
.doukonItems table th .shukiGuide {
  font-size: 15px;
  color: #f00;
}
.doukonItems2 table td,
.doukonItems table td {
  padding: 10px;
  font-size: 17px;
  line-height: 24px;
}
.doukonItems2 table .even td,
.doukonItems table .even td {
  background-color: #f8f7f6;
}
.doukonItems2 table th, .doukonItems2 table td,
.doukonItems table th,
.doukonItems table td {
  border: 1px solid #D2D2CE;
}
.doukonItems2 table .th,
.doukonItems table .th {
  text-align: center;
  width: 56px;
}
.doukonItems2 table .th img,
.doukonItems table .th img {
  width: 100%;
  height: auto;
}
.doukonItems2 table .name,
.doukonItems table .name {
  width: 350px;
  padding: 10px;
}
.doukonItems2 table .name p,
.doukonItems table .name p {
  margin-top: 5px;
  float: left;
}
.doukonItems2 table .name p small,
.doukonItems table .name p small {
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
}
.doukonItems2 table .name .type,
.doukonItems table .name .type {
  clear: both;
  background: #fff;
  width: 230px;
}
.doukonItems2 table .name .type dl.pad,
.doukonItems table .name .type dl.pad {
  margin-top: 5px;
  padding: 10px;
}
.doukonItems2 table .name .type dl.pad span,
.doukonItems table .name .type dl.pad span {
  padding: 0;
}
.doukonItems2 table .name .type dl.pad dt,
.doukonItems table .name .type dl.pad dt {
  width: 145px;
}
.doukonItems2 table .name .type dl input,
.doukonItems table .name .type dl input {
  float: left;
  margin-top: 15px;
}
.doukonItems2 table .name .type dl span,
.doukonItems table .name .type dl span {
  display: block;
  padding-left: 40px;
}
.doukonItems2 table .name .type dl dt,
.doukonItems table .name .type dl dt {
  float: left;
  width: 185px;
}
.doukonItems2 table .name .type dl dd,
.doukonItems table .name .type dl dd {
  float: right;
  width: 35px;
}
.doukonItems2 table .name ul,
.doukonItems table .name ul {
  width: 26px;
  float: right;
}
.doukonItems2 table .name ul li,
.doukonItems table .name ul li {
  height: 26px;
}
.doukonItems2 table .name ul li.yoru,
.doukonItems table .name ul li.yoru {
  margin-top: 3px;
}
.doukonItems2 table .price, .doukonItems2 table .price2, .doukonItems2 table .span,
.doukonItems table .price,
.doukonItems table .price2,
.doukonItems table .span {
  white-space: nowrap;
  text-align: center;
  font-size: 19px;
}
.doukonItems2 table .price span, .doukonItems2 table .price2 span, .doukonItems2 table .span span,
.doukonItems table .price span,
.doukonItems table .price2 span,
.doukonItems table .span span {
  font-size: 15px;
  margin-left: 2px;
}
.doukonItems2 table .number,
.doukonItems table .number {
  padding: 15px;
  width: 113px;
  white-space: nowrap;
}
.doukonItems2 table .soldout,
.doukonItems table .soldout {
  padding: 15px 10px;
  width: 113px;
}
.doukonItems2 table .soldout .soldout-head,
.doukonItems table .soldout .soldout-head {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  color: #f00;
}
.doukonItems2 table .soldout .soldout-txt,
.doukonItems table .soldout .soldout-txt {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  line-height: 1.4;
}
.doukonItems2 table .span,
.doukonItems table .span {
  width: 125px;
  text-align: center;
}
.doukonItems2 .btn,
.doukonItems .btn {
  margin-top: 20px;
  text-align: right;
}
.doukonItems2 .btn input,
.doukonItems .btn input {
  display: block;
  margin: 0 0 0 auto;
  border: none;
  width: 188px;
  height: 62px;
  background: url(../img/btn_include_w188.png) no-repeat;
}
.doukonItems2 .btn2,
.doukonItems .btn2 {
  margin-top: 15px;
}
.doukonItems2 .btn2 .camp img,
.doukonItems .btn2 .camp img {
  float: left;
}
.doukonItems2 .btn2 .cartin img,
.doukonItems .btn2 .cartin img {
  float: right;
  margin-top: 5px;
}

.addteiki .btn input {
  background: url(../img/btn_add_teiki_w188.png) no-repeat;
}

.doukonItems.teiki .name {
  width: 230px;
}
.doukonItems.teiki .cycle ul li {
  float: left;
  margin-right: 12px;
}
.doukonItems.teiki .cycle ul li:last-child {
  margin-right: 0;
}
.doukonItems.teiki .cycle ul .non {
  width: 100%;
  margin-bottom: 0px;
  margin-right: 0;
}
.doukonItems.teiki .cycle ul .reco {
  color: #f00;
}

/* chisa
------------------------------------------------*/
.campaign {
  margin: 70px 0 220px 0;
}
.campaign .ph {
  margin-bottom: 20px;
  text-align: center;
}
.campaign .ph img {
  width: 380px;
  height: auto;
}
.campaign .campaignCnt {
  width: 594px;
  margin: 0 auto;
}
.campaign .intro {
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 1.4;
}
.campaign h1 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 26px;
  border-bottom: 1px #633a34 dotted;
}
.campaign .txt {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.4;
}
.campaign .cart {
  position: relative;
  margin-bottom: 50px;
  height: 62px;
}
.campaign .price {
  position: absolute;
  right: 250px;
  top: 25px;
  font-size: 15px;
  font-weight: bold;
}
.campaign .btn {
  position: absolute;
  right: 0;
}
.campaign .btn .button.yellow {
  min-width: 234px;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 20px;
  background: url(/items_static/img/sprite_pc.png), #f3e0b2;
  background: url(/items_static/img/sprite_pc.png), -moz-linear-gradient(top, #f3e0b2 0%, #ebcd6e 100%);
  background: url(/items_static/img/sprite_pc.png), -webkit-linear-gradient(top, #f3e0b2 0%, #ebcd6e 100%);
  background: url(/items_static/img/sprite_pc.png), linear-gradient(to bottom, #f3e0b2 0%, #ebcd6e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e0b2', endColorstr='#ebcd6e',GradientType=0 );
  background-repeat: no-repeat;
  background-position: -440px -50px, 0;
}
.campaign .btn .button.yellow:before {
  content: none;
}
.campaign .backLink {
  float: right;
  padding-left: 10px;
  margin-bottom: 20px;
  color: #5aa199;
  background: url(../img/ico_campaign_arrow_r.jpg) left 4px no-repeat;
}
.campaign .small {
  clear: both;
  text-align: right;
  font-size: 12px;
}

.campaignList {
  margin-bottom: 40px;
}
.campaignList table {
  width: 750px;
  margin: 0 20px 40px;
}
.campaignList table th {
  padding: 12px 19px;
  text-align: center;
  border: 1px #D2D2CE solid;
}
.campaignList table th img {
  width: 200px;
  height: auto;
}
.campaignList table td {
  padding: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  border: 1px #D2D2CE solid;
}
.campaignList table td .button.yellow {
  min-width: 234px;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 20px;
  background: url(/items_static/img/sprite_pc.png), #f3e0b2;
  background: url(/items_static/img/sprite_pc.png), -moz-linear-gradient(top, #f3e0b2 0%, #ebcd6e 100%);
  background: url(/items_static/img/sprite_pc.png), -webkit-linear-gradient(top, #f3e0b2 0%, #ebcd6e 100%);
  background: url(/items_static/img/sprite_pc.png), linear-gradient(to bottom, #f3e0b2 0%, #ebcd6e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e0b2', endColorstr='#ebcd6e',GradientType=0 );
  background-repeat: no-repeat;
  background-position: -440px -50px, 0;
}
.campaignList table td .button.yellow:before {
  content: none;
}
.campaignList .tag {
  padding: 6px 6px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #fff;
  background: #2f8f86;
  border-radius: 2px;
}
.campaignList .price {
  font-size: 16px;
}
.campaignList .btn {
  margin-top: 8px;
}
.campaignList .backBtn {
  text-align: center;
}
.campaignList .campaign-notice {
  color: #e50039;
}
.campaignList.search .courseArea {
  width: 120px;
  text-align: center;
}
.campaignList.search .btnArea {
  width: 260px;
}
.campaignList.search .price {
  margin-bottom: 6px;
  font-size: 14px;
}
.campaignList.search .price span {
  font-size: 18px;
}
.campaignList.search .btn {
  margin-top: 10px;
  text-align: center;
}

#delivery_date_attention {
  clear: both;
}

#currentMailAddress {
  margin: 0 20px 20px;
  padding: 15px;
  border: 2px solid #fd2e0c;
  color: #fd2e0c;
  font-weight: bold;
  text-align: center;
}
#currentMailAddress span {
  font-weight: normal;
}

.w80 {
  width: 80px !important;
}

.w180 {
  width: 180px !important;
}

.unSippedList .addressNotice {
  margin-bottom: 10px;
  color: #f00;
  font-weight: bold;
}

.unSippedList .checkBox {
  position: relative;
  display: inline-block;
  margin: 10px 0 0;
  padding: 15px 30px 15px 50px;
  background: #f8f8f8 url(../img/img_checkbox.gif) 20px 15px no-repeat;
  border: 1px solid #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
}

.unSippedList .checkBox.checked {
  background: #f8f8f8 url(../img/img_checkbox.gif) 20px -85px no-repeat;
}

.unSippedList .checkBox input {
  position: absolute;
  left: -999em;
}

.mypageSection #haisoujyunbiMessage {
  margin: 0 0 20px 20px;
}

.mypageSection #teikiDateBlock.inputTable02 .notice {
  float: none;
  text-indent: 0;
}

#underConstruction .btn {
  text-align: center;
  background: #fff8f6;
}

.mypageSection.hitohako .hitohakoTeikiList {
  margin: 0 20px 40px;
}
.mypageSection.hitohako .hitohakoTeikiList li {
  margin-bottom: 15px;
  font-size: 16px;
}
.mypageSection.hitohako .hitohakoTeikiList li:before {
  content: "・";
}
.mypageSection.hitohako .teikiItm {
  border: 1px solid #cfcdc8;
  background: none;
}
.mypageSection.hitohako .teikiItm .info {
  background: none;
}
.mypageSection.hitohako .teikiItm .info .name {
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
.mypageSection.hitohako .teikiItm .inner {
  background: none;
}
.mypageSection.hitohako .teikiItm .inner p {
  padding-bottom: 10px;
  font-size: 16px;
}
.mypageSection.hitohako .teikiItm .inner .num {
  padding-top: 10px;
  font-size: 14px;
}
.mypageSection.hitohako .teikiItm .inner .num .off {
  display: inline-block;
  margin-right: 4px;
  padding: 3px 5px;
  border-radius: 5px;
  background: #d82300;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1;
  color: #fff;
}
.mypageSection.hitohako .teikiItm .inner .teikiName {
  font-size: 18px;
}
.mypageSection.hitohako .red {
  font-weight: bold;
  color: #df2e00;
}
.mypageSection.hitohako .hitohakoBox {
  margin-top: -30px;
  margin-bottom: 40px;
}
.mypageSection.hitohako .hitohakoBox .plus {
  margin-bottom: 20px;
  text-align: center;
}
.mypageSection.hitohako .hitohakoBox .wrap {
  padding: 19px;
  border: 1px solid #cfcdc8;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner {
  margin-bottom: 20px;
  padding: 19px;
  border: 1px solid #E3E0DE;
  background: #f0edeb;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .box {
  float: left;
  width: 360px;
  margin-bottom: 10px;
  padding: 0 20px 20px;
  background: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .box h3 {
  margin: 0 -20px 20px;
  padding: 6px 0;
  background: #5f5951;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .box .num {
  font-size: 18px;
  font-weight: bold;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .arr {
  float: right;
  width: 240px;
  padding-left: 40px;
  background: url(../img/img_hitohako_arr.png) no-repeat left center;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .arr .inner {
  margin-bottom: 15px;
  padding: 9px;
  background: #fff;
  font-size: 16px;
  text-align: center;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .arr .inner strong {
  font-size: 24px;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .arr .off {
  font-size: 16px;
  text-align: center;
}
.mypageSection.hitohako .hitohakoBox .wrap .inner .arr .off .red {
  font-size: 28px;
}
.mypageSection.hitohako .hitohakoBox__notes {
  margin: 20px 0;
}
.mypageSection.hitohako .hitohakoBox__notes dt, .mypageSection.hitohako .hitohakoBox__notes dd {
  line-height: 1.25;
}
.mypageSection.hitohako .hitohakoBox__notes .red {
  font-weight: normal;
  color: #df2e00;
}

.btnHitohako {
  margin: 0 auto;
  text-align: center;
}
.btnHitohako input[type="submit"] {
  width: 280px;
  height: 55px;
  border: none;
  background: url(../img/img_hitohako_btn.png) no-repeat;
  cursor: pointer;
}

.btnHitohako2 {
  margin: 0 auto;
  text-align: center;
}
.btnHitohako2 input[type="submit"] {
  width: 280px;
  height: 55px;
  border: none;
  background: url(../img/img_hitohako_finish_btn.png) no-repeat;
  cursor: pointer;
}

#mainFull .hitohakoBox2 {
  margin-bottom: 60px;
  color: #5f5850;
}
#mainFull .hitohakoBox2 .hitohako-head {
  padding: 20px;
  background-color: #e3e0de;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
}
#mainFull .hitohakoBox2 .hitohako-head .red {
  color: #e80236;
}
#mainFull .hitohakoBox2 .hitohako-head + .inner {
  padding: 50px 29px 36px;
  border: 1px dashed #b8b2ae;
  border-top: 0;
  background-color: #f8f7f6;
}
#mainFull .hitohakoBox2 .inner .ttl {
  margin-bottom: 26px;
  font-size: 24px;
  text-align: center;
}
#mainFull .hitohakoBox2 .inner .ttl .red {
  font-size: 28px;
  color: #e80236;
}
#mainFull .hitohakoBox2 .box {
  padding: 29px;
  border: 1px solid #dcdcdd;
  background-color: #fff;
}
#mainFull .hitohakoBox2 .box .head {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e6;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
#mainFull .hitohakoBox2 .box .head .small {
  font-size: 18px;
  font-weight: normal;
}
#mainFull .hitohakoBox2 .box .item {
  font-size: 0;
}
#mainFull .hitohakoBox2 .box .item .name {
  display: inline-block;
  margin-right: 30px;
  font-size: 18px;
}
#mainFull .hitohakoBox2 .box .item .num {
  display: inline-block;
  font-size: 18px;
}
#mainFull .hitohakoBox2 .box .item .icn {
  display: inline-block;
  margin-right: 10px;
  padding: 0 8px;
  border: 1px solid #ddd;
  font-size: 16px;
  line-height: 25px;
}
#mainFull .hitohakoBox2 .box .item .icn.red {
  border: 0;
  border-radius: 3px;
  background-color: #e50039;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}
#mainFull .hitohakoBox2 .total-box {
  margin-bottom: 30px;
  font-size: 18px;
  text-align: right;
}
#mainFull .hitohakoBox2 .total-box p.red {
  margin-top: 20px;
  color: #e60039;
}
#mainFull .hitohakoBox2 .total-box p.total {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e60039;
  font-size: 24px;
  color: #e60039;
}
#mainFull .hitohakoBox2 .btnHitohako {
  text-align: center;
}
#mainFull .itsudemoBox {
  margin-bottom: 60px;
  color: #5f5850;
}
#mainFull .itsudemoBox .itsudemo-head {
  padding: 20px;
  background-color: #e3e0de;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
}
#mainFull .itsudemoBox .itsudemo-head .bold {
  font-weight: bold;
}
#mainFull .itsudemoBox .inner {
  padding: 60px 30px 40px;
  background-color: #f8f7f6;
}
#mainFull .itsudemoBox .box {
  padding: 0 29px 29px;
  border: 1px solid #dcdcdd;
  background-color: #fff;
}
#mainFull .itsudemoBox .box .box-head {
  width: 204px;
  margin: -16px auto 26px;
  background-color: #5f5850;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  color: #fff;
}
#mainFull .itsudemoBox .box .head {
  margin-bottom: 30px;
  font-size: 0;
  text-align: center;
}
#mainFull .itsudemoBox .box .head .txt {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  font-size: 32px;
  line-height: 54px;
}
#mainFull .itsudemoBox .box .head .txt.small {
  font-size: 20px;
  line-height: 27px;
}
#mainFull .itsudemoBox .box .list {
  width: 100%;
  color: #5f5850;
}
#mainFull .itsudemoBox .box .list th,
#mainFull .itsudemoBox .box .list td {
  width: 50%;
  padding: 8px 30px;
  font-size: 20px;
}
#mainFull .itsudemoBox .box .list th {
  text-align: right;
  border-right: 1px solid #ccc;
}
#mainFull .itsudemoBox .box .list td {
  color: #e60039;
}
#mainFull .itsudemoBox .box .list .ttl {
  font-size: 16px;
  padding-bottom: 16px;
}
#mainFull .itsudemoBox .box .list .num {
  display: inline-block;
  margin-right: 8px;
  font-size: 22px;
}
#mainFull .itsudemoBox .notes {
  margin-top: 20px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
#mainFull .itsudemoBox .total-box {
  padding: 29px;
  border: 1px solid #dcdcdd;
  border-top: 0;
  background-color: #f7f1ef;
  text-align: center;
}
#mainFull .itsudemoBox .total-box .txt {
  font-size: 18px;
}
#mainFull .itsudemoBox .total-box .txt .num {
  font-size: 21px;
}
#mainFull .itsudemoBox .total-box .total {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #d7d5d5;
  font-size: 28px;
}
#mainFull .itsudemoBox .total-box .total .num {
  display: inline-block;
  margin: 0 6px;
  color: #e60039;
}

.hitohakoMsg {
  margin: 0 auto 30px;
  width: 780px;
  text-align: center;
}
.hitohakoMsg .txt {
  display: block;
  width: 780px;
  margin-bottom: 40px;
  font-size: 22px;
  text-align: center;
  float: unset !important;
}
.hitohakoMsg .txt a {
  font-weight: bold;
  color: #ff0096;
}

.teikiKaiyaku {
  color: #553c35;
}
.teikiKaiyaku #wait {
  margin-top: 19px;
}
.teikiKaiyaku .teikiKaiyakuBox {
  position: relative;
  margin-bottom: 40px;
  padding: 20px 18px 8px;
  border: 1px solid #D2D2CE;
}
.teikiKaiyaku .teikiKaiyakuBox .name {
  position: absolute;
  top: -19px;
  left: 20px;
  padding: 0 20px;
  background: #5f5951;
  font-size: 18px;
  color: #fff;
  line-height: 38px;
}
.teikiKaiyaku .teikiKaiyakuBox .center {
  text-align: center;
  margin-top: 20px;
}
.teikiKaiyaku .teikiKaiyakuBox .center ul {
  margin: 5px 10px 30px;
  font-size: 0;
}
.teikiKaiyaku .teikiKaiyakuBox .center ul li {
  display: inline-block;
  width: 320px;
  margin: 0 20px;
}
.teikiKaiyaku .teikiKaiyakuBox .center ul li .button {
  width: 320px;
}
.teikiKaiyaku .teikiKaiyakuBox .button {
  min-width: inherit;
  width: 300px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
}
.teikiKaiyaku .teikiKaiyakuBox .popHead02 {
  margin: 0 0 20px !important;
}
.teikiKaiyaku .teikiKaiyakuBox .voice {
  overflow: hidden;
  margin-bottom: 30px;
}
.teikiKaiyaku .teikiKaiyakuBox .voice .voiceTxt {
  padding: 20px 30px;
  background: #F8F7F6;
}
.teikiKaiyaku .teikiKaiyakuBox .voice .voiceTxt p {
  margin-bottom: 20px;
  line-height: 30px;
}
.teikiKaiyaku .teikiKaiyakuBox .voice .box {
  float: left;
  width: 300px;
  margin-right: 20px;
  padding: 30px;
  background: #F8F7F6;
}
.teikiKaiyaku .teikiKaiyakuBox .voice .box:last-child {
  margin-right: 0;
}
.teikiKaiyaku .teikiKaiyakuBox .voice .box h5 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
.teikiKaiyaku .teikiKaiyakuBox .voice .box p {
  font-size: 14px;
  line-height: 1.8;
}
.teikiKaiyaku .teikiKaiyakuBox .detail table {
  margin-bottom: 30px;
}
.teikiKaiyaku .teikiKaiyakuBox .detail table th {
  padding: 15px 10px;
  background: #F8F7F6;
  border: 1px solid #D2D2CE;
}
.teikiKaiyaku .teikiKaiyakuBox .detail table th:first-child {
  width: 320px;
}
.teikiKaiyaku .teikiKaiyakuBox .detail table td {
  padding: 15px 10px;
  border: 1px solid #D2D2CE;
  text-align: center;
}
.teikiKaiyaku .teikiKaiyakuBox .openMenu {
  overflow: hidden;
  margin: 20px 0;
  font-size: 0;
  text-align: center;
}
.teikiKaiyaku .teikiKaiyakuBox .openMenu li {
  display: inline-block;
  width: 226px;
  margin: 0 10px;
  cursor: pointer;
}
.teikiKaiyaku .teikiKaiyakuBox .openMenu li > a,
.teikiKaiyaku .teikiKaiyakuBox .openMenu li > span {
  position: relative;
  display: block;
  padding: 10px 10px 30px;
  background-color: #F8F7F6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjdmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f8f7f6));
  background-image: -moz-linear-gradient(#ffffff, #f8f7f6);
  background-image: -webkit-linear-gradient(#ffffff, #f8f7f6);
  background-image: linear-gradient(#ffffff, #f8f7f6);
  border: 1px solid #D2D2CE;
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
}
.teikiKaiyaku .teikiKaiyakuBox .openMenu li > a span,
.teikiKaiyaku .teikiKaiyakuBox .openMenu li > span span {
  display: table-cell;
  width: 206px;
  height: 70px;
  vertical-align: middle;
}
.teikiKaiyaku .teikiKaiyakuBox .openMenu li > a:before,
.teikiKaiyaku .teikiKaiyakuBox .openMenu li > span:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  border: 2px solid transparent;
  border-right-color: #5f5951;
  border-bottom-color: #5f5951;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.teikiKaiyaku .teikiKaiyakuBox .openMenuBody {
  margin-bottom: 30px;
}
.teikiKaiyaku .teikiKaiyakuBox .openMenuBody li {
  display: none;
}

.mypageSection.hitohako .hitohakoBox .wrap .inner .box .num .off {
  display: inline-block;
  margin-right: 5px;
  padding: 3px 5px;
  border-radius: 5px;
  background: #d82300;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1;
  color: #fff;
}

.mypageSection .contactGuide {
  margin: 0 20px 20px;
}

#mailAuthentication .no-login #mailcheck {
  float: none;
  margin-left: auto;
}

.orderList #orderListTab {
  width: 738px;
  margin: 0 auto;
  padding-bottom: 14px;
}
.orderList #orderListTab li {
  float: left;
  width: 220px;
  margin-right: 9px;
  padding: 15px 10px;
  background-color: #e2f7f4;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #8b8b8b;
  cursor: pointer;
}
.orderList #orderListTab li:last-child {
  margin-right: 0;
}
.orderList #orderListTab li.active {
  position: relative;
  background-color: #afe7e1;
  color: #633a34;
}
.orderList #orderListTab li.active:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -6px;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #afe7e1;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.orderListTabContent {
  line-height: 1.6;
}

.end-txt {
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.6;
  text-align: center;
}

#gNavNone {
  margin: 0 auto;
}

#teiki-skip {
  text-align: center;
}
#teiki-skip #main_page_title {
  margin: 20px -20px 30px;
}
#teiki-skip .teiki-skip-head {
  margin: 0 0 24px;
  padding: 10px 20px;
  background-color: #807467;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}
#teiki-skip .teiki-skip-box {
  padding: 0 20px 24px;
  margin-bottom: 50px;
  background-color: #f7f6f2;
}
#teiki-skip .tel {
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
}
#teiki-skip .txt {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.8;
}
#teiki-skip .txt.-small {
  margin-bottom: 0;
  font-size: 14px;
}
#teiki-skip .btn {
  display: inline-block;
  width: 273px;
  margin: 0 10px 30px;
}
#teiki-skip .btn img {
  max-width: 100%;
  height: auto;
}
#teiki-skip .mypage-box {
  width: 739px;
  margin-top: 30px;
  padding: 30px 20px 15px;
  background-color: #f7f6f2;
}
#teiki-skip .mypage-box .head {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}
#teiki-skip .mypage-box .num {
  text-align: center;
}
#teiki-skip .mypage-box .num ul {
  display: inline-block;
  text-align: left;
}
#teiki-skip .mypage-box .num li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
}
#teiki-skip .mypage-box .num li span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background-color: #633a34;
  border-radius: 50%;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}

.address-fin-box {
  margin-bottom: 60px;
  padding: 35px 35px 50px;
  background-color: #f9f9f5;
  text-align: center;
}
.address-fin-box .head {
  margin-bottom: 24px;
  padding: 15px 0 15px 150px;
  background: url(../img/icn_fin_notice.png) no-repeat left center;
  font-size: 26px;
  font-weight: bold;
  line-height: 40px;
  color: #342a21;
  text-align: left;
}
.address-fin-box .txt {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 30px;
}
.address-fin-box .red {
  font-weight: bold;
  color: #f00;
}

.button {
  position: relative;
  display: inline-block;
  min-width: 500px;
  padding: 15px 20px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTllYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f6f7f8), color-stop(100%, #e7e9ec));
  background-image: -moz-linear-gradient(top, #f6f7f8, #e7e9ec);
  background-image: -webkit-linear-gradient(top, #f6f7f8, #e7e9ec);
  background-image: linear-gradient(to bottom right, #f6f7f8, #e7e9ec);
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  color: #615951;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.button:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 9px;
  height: 15px;
  margin-top: -8px;
  background: url(../img/icn_link.png) no-repeat;
}
.button.yellow {
  border: 1px solid #b8b2ae;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZTBiMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViY2Q2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f3e0b1), color-stop(100%, #ebcd6e));
  background-image: -moz-linear-gradient(top, #f3e0b1, #ebcd6e);
  background-image: -webkit-linear-gradient(top, #f3e0b1, #ebcd6e);
  background-image: linear-gradient(to bottom right, #f3e0b1, #ebcd6e);
}
.button .small {
  font-size: 20px;
}
.button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.button.back:before {
  right: auto;
  left: 16px;
  background: url(../img/icn_link_back.png) no-repeat;
}

.btnLi-new {
  font-size: 0;
  text-align: center;
}
.btnLi-new li {
  display: inline-block !important;
  float: none !important;
  margin: 0 20px !important;
}
.btnLi-new .button {
  min-width: 260px;
  font-size: 18px;
  line-height: 24px;
}

.bnr-1toku {
  margin-bottom: 20px;
  font-size: 0;
}
.bnr-1toku li {
  display: inline-block;
}
.bnr-1toku li + li {
  margin-left: 10px;
}

#fancybox-block {
  line-height: 1.7;
}
#fancybox-block p + p {
  margin-bottom: 20px;
}
#fancybox-block .button {
  display: block;
  max-width: 400px;
  margin: 15px auto 0;
  font-size: 20px;
  line-height: 1.2;
}
#fancybox-block .button .small {
  font-size: 14px;
}
#fancybox-block .latest-teiki-button {
  line-height: 48px;
}

.newMember-head {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #c9c7c2;
  font-size: 18px;
  line-height: 24px;
}
.newMember-head span {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
}

.kaiyaku-enquete-head {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.5;
}

.kaiyaku-enquete-list dt {
  margin-bottom: 15px;
  padding: 15px;
  background: #E3E0DE;
  border: 1px solid #D2D2CE;
  color: #5F5850;
  font-size: 16px;
  line-height: 20px;
}

.kaiyaku-enquete-list dt span {
  display: inline-block;
  margin-left: 5px;
  padding: 4px 5px;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  background-color: #666;
  color: #fff;
  vertical-align: middle;
}
.kaiyaku-enquete-list dt span.require {
  background-color: #e50039;
}

.kaiyaku-enquete-list dd {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.kaiyaku-enquete-list dd li + li {
  margin-top: 8px;
}

.kaiyaku-enquete-list input {
  margin-right: 6px;
}

.kaiyaku-enquete-list textarea {
  width: 100%;
  height: 5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.cpn-banner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.cpn-banner__item {
  display: block;
  width: 385px;
}

.finishLineBtn {
  margin-bottom: 40px;
  text-align: center;
}

.finishLineBtn__head {
  margin-bottom: 10px;
  font-size: 14px;
}

.finishLineBtn__btn {
  width: 320px;
  margin: 0 auto;
}

.finishLineBtn__btn img {
  max-width: 100%;
  height: auto;
}

.sideLineBtn {
  margin-bottom: 15px;
  text-align: center;
}

.sideLineBtn__head {
  margin-bottom: 6px;
  font-size: 12px;
}

.sideLineBtn__btn {
  cursor: pointer;
}

.sideLineBtn__btn img {
  max-width: 100%;
  height: auto;
}

.teikiNotes {
  width: 738px;
  margin: 0 auto;
  padding: 20px 30px;
  background-color: #F8F7F6;
  line-height: 1.5;
}

.teikiNotes__red {
  color: #e50039;
}

/*pop*/
.popInner {
  padding: 20px;
}

.popHead01 {
  margin-bottom: 20px;
  padding: 15px;
  background: #78cfc7;
  border-radius: 5px;
  color: #535353;
  font-size: 14px;
  line-height: 20px;
}

.popHead02 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  background: #E3E0DE;
  border: 1px solid #D2D2CE;
  color: #5F5850;
  font-size: 16px;
  line-height: 20px;
}
.popHead02.large {
  font-size: 20px;
  font-weight: normal;
}

#main .popHead02 {
  margin: 20px;
}

#popup {
  position: relative;
}
#popup .txt {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
#popup .txt .changeDay {
  color: #e14448;
}
#popup .txt .mail {
  color: #2d8986;
  text-decoration: underline;
}
#popup .txt.fin {
  font-size: 16px;
  line-height: 24px;
}
#popup .deliveryItem {
  margin-bottom: 30px;
}
#popup .deliveryItem dt {
  width: 30%;
  float: left;
}
#popup .deliveryItem dt .inner {
  border-right: none;
}
#popup .deliveryItem dd {
  width: 70%;
  float: left;
  border-left: none;
}
#popup .deliveryItem .inner {
  border: 1px solid #d1d1cf;
  padding: 20px;
}
#popup .btnLi .closeBtn {
  float: left;
  margin-left: 40px;
}
#popup .btnLi .inputBtn {
  width: 210px;
  margin-right: 40px;
}
#popup .btnLi .addBtn {
  float: right;
  width: 270px;
  margin-right: 10px;
}
#popup .changeBtn input {
  display: block;
  border: none;
}
#popup .changeKakuteiBtn input {
  display: block;
  border: none;
}
#popup .addAddressBtn input {
  width: 210px;
  height: 45px;
  display: block;
  border: none;
  background: url(../img/btn_address_use_210.png) no-repeat;
}
#popup .addAddressOrderBtn input {
  width: 210px;
  height: 45px;
  display: block;
  border: none;
  background: url(../img/btn_add_address_order.png) no-repeat;
}
#popup .inputTable01 .txt {
  margin-bottom: 0;
}
#popup .box01 {
  width: 350px;
  margin: 0 auto 30px;
  padding: 20px 20px 0;
  border: 1px solid #dbf5f2;
  border-radius: 5px;
  background: #f1fbfa;
}
#popup .box02 {
  width: 500px;
  margin: 0 auto 30px;
  padding: 30px 20px 30px;
  border: 2px solid #77cec8;
  background: #f5fcfb;
}
#popup .line {
  padding-top: 20px;
  border-top: 1px solid #e3e0de;
}
#popup .line01 {
  margin: 0 20px;
}
#popup .layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 98;
}

#mailAuthentication {
  position: relative;
  margin: 50px 0 50px;
}
#mailAuthentication .inner {
  overflow: hidden;
  margin: 20px 20px 40px;
  border: 5px solid #7acec7;
  background: #ecfaf9;
}
#mailAuthentication .inner .box {
  float: left;
  width: 475px;
  padding: 30px 0;
  text-align: center;
}
#mailAuthentication .inner .box:first-child {
  width: 472px;
  border-right: 3px dotted #7acec7;
}
#mailAuthentication .inner .box h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#mailAuthentication #mailcheck {
  float: left;
  margin-left: 240px;
}
#mailAuthentication #mailchange {
  float: right;
  margin-right: 220px;
}
#mailAuthentication .txt {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
#mailAuthentication .txt .changeDay {
  color: #e14448;
}
#mailAuthentication .txt .mail {
  color: #2d8986;
  text-decoration: underline;
}
#mailAuthentication .txt.fin {
  font-size: 16px;
  line-height: 24px;
}
#mailAuthentication .btnLi .closeBtn {
  float: left;
  margin-left: 40px;
}
#mailAuthentication .btnLi .inputBtn {
  width: 210px;
  margin-right: 40px;
}
#mailAuthentication .btnLi .addBtn {
  float: right;
  width: 270px;
  margin-right: 10px;
}
#mailAuthentication .inputTable01 .txt {
  margin-bottom: 0;
}
#mailAuthentication .box01 {
  width: 350px;
  margin: 0 auto 30px;
  padding: 20px 20px 0;
  border: 1px solid #e3e0de;
  border-radius: 5px;
  background: #F8F7F6;
}
#mailAuthentication .box02 {
  width: 500px;
  margin: 0 auto 30px;
  padding: 30px 20px 30px;
  background: #F8F7F6;
}
#mailAuthentication .line {
  padding-top: 20px;
  border-top: 1px solid #e3e0de;
}
#mailAuthentication .line01 {
  margin: 0 20px;
}
#mailAuthentication .layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 98;
}
#mailAuthentication #authenticated {
  border: 2px solid #ea998c;
  padding: 10px;
}
#mailAuthentication #authenticated > div:nth-child(1) {
  text-align: center;
  display: inline-block;
  width: 60%;
  height: 136px;
}
#mailAuthentication #authenticated > div:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 400px;
  height: 136px;
}
#mailAuthentication #authenticated h1 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin: 30px auto;
}
#mailAuthentication #authenticated p {
  font-size: 16px;
}
#mailAuthentication #authenticated .guidance_link_button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
}

.addressTable {
  width: 95%;
  margin: 0 auto 20px;
  border-top: 1px solid #c9c7c2;
  border-right: 1px solid #c9c7c2;
  text-align: center;
  table-layout: fixed;
}
.addressTable .th01 {
  width: 65%;
}
.addressTable th {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #c9c7c2;
  border-left: 1px solid #c9c7c2;
  background: #fffaee;
  font-weight: bold;
}
.addressTable td {
  padding: 20px 10px 0;
  text-align: center;
  border-bottom: 1px solid #c9c7c2;
  border-left: 1px solid #c9c7c2;
}

#onPop {
  width: 530px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -265px;
  padding-bottom: 10px;
  background: #fff;
  z-index: 99;
}
#onPop.mailcheck {
  margin: -300px 0 0 -265px;
}
#onPop .inner {
  padding: 40px 30px 30px 40px;
}
#onPop .txt {
  font-size: 16px;
  line-height: 24px;
}
#onPop .note {
  font-size: 12px;
  line-height: 22px;
  margin-left: 1em;
  text-indent: -1em;
}

#onPop2 {
  position: fixed;
  top: 10%;
  left: 50%;
  margin: 0 0 0 -420px;
  padding: 30px;
  background: #fff;
  z-index: 99;
}
#onPop2 table {
  margin: 0 auto 40px;
  border-top: 1px solid #d3d2d0;
  border-right: 1px solid #d3d2d0;
  table-layout: fixed;
}
#onPop2 table.mb20 {
  margin-bottom: 20px;
}
#onPop2 table .none {
  height: 0;
}
#onPop2 table .none th, #onPop2 table .none td {
  height: 0;
  visibility: collapse;
  padding: 0;
  border-left: none;
}
#onPop2 table th,
#onPop2 table td {
  border-bottom: 1px solid #d3d2d0;
  border-left: 1px solid #d3d2d0;
}
#onPop2 table th p,
#onPop2 table td p {
  line-height: 1.3;
}
#onPop2 table th {
  padding: 15px 10px;
  text-align: center;
  background: #fffaee;
  font-weight: bold;
}
#onPop2 table th.arrenge {
  background: #f8f7f2;
}
#onPop2 table .head {
  width: 127px;
}
#onPop2 table td {
  padding: 7px 10px;
}
#onPop2 table td.arrenge {
  background: #f8f7f2;
}
#onPop2 table .btn {
  text-align: center;
}
#onPop2 .inputTable01.thWide th {
  width: 293px;
}
#onPop2 .inputTable01 th {
  padding: 15px 20px;
  width: 193px;
  text-align: left;
}
#onPop2 .inputTable01 td {
  position: relative;
  padding: 8px 20px;
}
#onPop2 .inputTable01 td .container {
  position: relative;
}
#onPop2 .inputTable01 .cardInfo1 {
  padding-top: 10px;
  font-weight: bold;
}
#onPop2 .inputTable01 .cardInfo1 dd {
  margin-top: 10px;
  margin-bottom: 10px;
}
#onPop2 .inputTable01 .cardInfo2 {
  padding-top: 10px;
}
#onPop2 .inputTable01 .cardInfo2 dt {
  float: left;
  font-weight: bold;
  line-height: 29px;
}
#onPop2 .inputTable01 .cardInfo2 dd {
  margin: 0 0 10px 90px;
  padding-bottom: 10px;
}
#onPop2 .inputTable01 .cardInfo2 dd:last-child {
  padding-bottom: 0;
}
#onPop2 .must {
  float: right;
  padding: 3px 6px;
  font-size: 12px;
  color: #fd2e0c;
  background: #fed7ea;
  font-weight: normal;
}
#onPop2 .ex {
  font-size: 12px;
  margin-bottom: 6px;
}
#onPop2 .t1 {
  width: 292px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
#onPop2 .btnLi .backBtn {
  float: left;
  margin-left: 150px;
}
#onPop2 .btnLi .inputBtn {
  width: 210px;
}
#onPop2 .btnLi .inputBtn input {
  display: block;
  border: none;
  cursor: pointer;
}
#onPop2 .btnLi .resgistBtn {
  float: right;
  margin-right: 150px;
}
#onPop2 .btnLi .resgistBtn input {
  width: 210px;
  height: 45px;
  background: url(../img/btn_regist_w210.png) no-repeat;
}

/*news
------------------*/
#newsContent {
  margin: 30px 0 80px;
}
#newsContent .heading {
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e0de;
  margin-bottom: 15px;
}
#newsContent .heading .label {
  background: #ffce03;
  display: block;
  width: 95px;
  line-height: 35px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  float: left;
  margin-right: 20px;
}
#newsContent .heading h2 {
  line-height: 35px;
  font-size: 18px;
}
#newsContent .heading h2 a {
  text-decoration: none;
}
#newsContent .heading h2 a:hover {
  text-decoration: underline;
}
#newsContent .data .date {
  margin-bottom: 15px;
}
#newsContent .data p {
  margin-bottom: 10px;
  line-height: 24px;
}

.newsList .articles {
  padding: 0 20px 20px;
}
.newsList article {
  border-bottom: 1px solid #d3d2d0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.newsList article .date {
  float: left;
  width: 140px;
}
.newsList article .label {
  margin-top: -3px;
  background: #ffce03;
  display: block;
  width: 60px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  float: left;
  margin-right: 20px;
  font-size: 11px;
}
.newsList article a:hover {
  text-decoration: none;
}

.pager {
  height: 30px;
  overflow: hidden;
  position: relative;
  margin: 20px 0;
}
.pager a {
  display: block;
  padding: 4px 6px 3px;
}
.pager a:hover {
  text-decoration: none;
}
.pager .current {
  color: #5f5850;
  background: #e3e0de;
}
.pager .current a {
  text-decoration: none;
}
.pager dl {
  float: left;
  position: relative;
  left: 50%;
}
.pager dl dt, .pager dl dd {
  display: block;
  float: left;
  position: relative;
  left: -50%;
  border: 1px solid #e3e0de;
  margin-right: 7px;
}
.pager dl dt.prev, .pager dl dt.next, .pager dl dd.prev, .pager dl dd.next {
  border: none;
}

/*contact
------------------*/
.contactGuide {
  margin: 20px 0 30px;
  border: 1px solid #e3e0de;
  padding: 20px 30px 0px;
  line-height: 1.4;
}
.contactGuide p {
  margin-bottom: 20px;
}
.contactGuide p strong {
  color: #fd2e0c;
}

.contact .confMsg {
  border-bottom: 1px solid #d3d2d0;
  padding: 0 20px 30px;
  margin-bottom: 30px;
}

.contactForm {
  padding: 0 20px 0;
  border-bottom: 1px solid #d3d2d0;
  margin-bottom: 40px;
}
.contactForm.input {
  border-bottom: none;
}
.contactForm .must {
  padding: 3px 6px;
  font-size: 12px;
  color: #fd2e0c;
  background: #fed7ea;
  font-weight: normal;
  margin-left: 10px;
}
.contactForm .notice {
  color: #fd2e0c;
  margin-top: 15px;
}
.contactForm dl {
  line-height: 1.42;
}
.contactForm dt {
  float: left;
  clear: both;
}
.contactForm dd {
  padding: 0 0 40px 190px;
}
.contactForm .t1 {
  width: 225px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
.contactForm .t2 {
  width: 455px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
.contactForm textarea {
  width: 455px;
  height: 132px;
  resize: none;
  overflow: scroll;
}

.guidePp {
  background: #ebe9e7;
  padding: 20px;
  line-height: 1.6;
  margin-bottom: 40px;
}

.btnLi .backBtn {
  float: left;
  margin-left: 75px;
}
.btnLi .inputBtn {
  float: right;
  margin-right: 75px;
  display: block;
  width: 273px;
  height: 52px;
  cursor: pointer;
}
.btnLi .send {
  background: url(../img/btn_send_w273.png) no-repeat;
}

.agreeBtn2 {
  display: block;
  width: 273px;
  height: 52px;
  cursor: pointer;
  border: none;
  background: url(../img/btn_agree_w273.png) no-repeat;
}
.tAC .agreeBtn2 {
  margin: 0 auto;
}

.aboutSSL {
  margin-top: 40px;
  line-height: 1.4;
}
.aboutSSL p {
  width: 590px;
  float: left;
}
.aboutSSL .mark,
.aboutSSL img {
  width: 115px;
  margin: 10px 15px 0 0;
  float: right;
}
.aboutSSL table {
  width: 135px;
  margin: 10px 15px 0 0;
  float: right;
}

.contactFinMsg {
  margin-bottom: 40px;
  padding: 0 20px;
}
.contactFinMsg p {
  margin-bottom: 20px;
}

#reviewTab ul {
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}
#reviewTab li {
  position: relative;
  display: inline-block;
  margin: 0 3px;
  font-size: 15px;
  line-height: 1.4;
  color: #5f5751;
  text-decoration: none;
  white-space: normal;
}
#reviewTab li span {
  display: table-cell;
  width: 124px;
  height: 62px;
  vertical-align: middle;
}
#reviewTab li.skin-care {
  background-color: #e2ddd7;
}
#reviewTab li.reset-care {
  background-color: #d6ebeb;
}
#reviewTab li.make-care {
  background-color: #efe4df;
}
#reviewTab li.hair-care {
  background-color: #ece3cb;
}
#reviewTab li.inner-care {
  background-color: #f9e9d1;
}
#reviewTab li.life-amenity {
  background-color: #dde3ee;
}
#reviewTab li:before {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 0;
  height: 0;
  border-top: 8px solid #605950;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 0;
  pointer-events: none;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#reviewTab li.active {
  pointer-events: none;
}
#reviewTab li.active:before {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.kuchikomiArticles {
  border: 1px solid #E3E0DE;
  padding: 20px 20px 10px;
  margin-bottom: 20px;
}
.kuchikomiArticles article {
  margin-bottom: 35px;
}
.kuchikomiArticles .heading {
  background: #f6f6f6;
  border-top: 1px solid #847365;
  padding: 15px;
  font-size: 17px;
  line-height: 1.53;
}
.kuchikomiArticles .sub {
  padding: 25px 10px;
}
.kuchikomiArticles .sub .rate {
  float: left;
}
.kuchikomiArticles .sub .rate dt {
  float: left;
  margin-right: 10px;
  padding-top: 4px;
}
.kuchikomiArticles .sub .rate dd {
  float: left;
}
.kuchikomiArticles .sub .date {
  float: right;
  font-size: 16px;
}
.kuchikomiArticles h4 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
.kuchikomiArticles p {
  font-size: 17px;
  line-height: 1.47;
}
.kuchikomiArticles .response {
  margin-top: 30px;
  padding: 0 20px 20px;
  background: #f3f2f2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.kuchikomiArticles .response dl {
  position: relative;
  top: -14px;
  padding-top: 34px;
  background: url(../img/img_review_response.jpg) no-repeat 30px top;
}
.kuchikomiArticles .response dl dt {
  float: left;
  font-size: 14px;
  font-weight: bold;
}
.kuchikomiArticles .response dl dd {
  float: right;
  font-size: 12px;
  color: #999;
}
.kuchikomiArticles .response p {
  font-size: 12px;
  line-height: 1.8;
}
.kuchikomiArticles .response ul.stamp li {
  float: left;
  width: 230px;
  margin-right: 9px;
}
.kuchikomiArticles .response ul.stamp li:last-child {
  margin-right: 0;
}
.kuchikomiArticles .response ul.stamp li img {
  width: 100%;
  height: auto;
}

.kuchikomiPager {
  text-align: right;
  font-weight: bold;
  font-size: 20px;
  margin-right: 10px;
  margin-bottom: 15px;
}

.kuchikomiIndex {
  margin-bottom: 70px;
}
.kuchikomiIndex.top {
  margin-bottom: 20px;
}
.kuchikomiIndex.top ul {
  min-height: 130px;
}
.kuchikomiIndex .onayami, .kuchikomiIndex .nendai {
  border: 1px solid #E3E0DE;
}
.kuchikomiIndex .onayami h2, .kuchikomiIndex .nendai h2 {
  font-size: 15px;
  padding: 10px 15px;
  background-color: #e3e0de;
  line-height: 1.4;
  text-align: center;
}
.kuchikomiIndex .onayami a, .kuchikomiIndex .nendai a {
  color: #5F5850;
}
.kuchikomiIndex .onayami a:hover, .kuchikomiIndex .nendai a:hover {
  text-decoration: none;
}
.kuchikomiIndex .onayami ul, .kuchikomiIndex .nendai ul {
  padding: 20px 0px 10px 15px;
}
.kuchikomiIndex .onayami {
  width: 515px;
  float: left;
}
.kuchikomiIndex .onayami li {
  width: 141px;
  float: left;
  background: url(../img/list_04.png) no-repeat left center;
  padding: 0px 10px 0px 15px;
  margin-bottom: 10px;
}
.kuchikomiIndex .nendai {
  width: 265px;
  float: right;
}
.kuchikomiIndex .nendai li {
  width: 98px;
  float: left;
  background: url(../img/list_04.png) no-repeat left center;
  padding: 0px 10px 0px 15px;
  margin-bottom: 10px;
}

.kuchikomiForm {
  border: 1px solid #E3E0DE;
  padding: 20px 13px 50px;
}
.kuchikomiForm h2 {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #847365;
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}
.kuchikomiForm table {
  width: 100%;
  margin-bottom: 60px;
}
.kuchikomiForm table, .kuchikomiForm td, .kuchikomiForm th {
  border-top: 1px solid #E3E0DE;
  border-bottom: 1px solid #E3E0DE;
}
.kuchikomiForm th, .kuchikomiForm td {
  padding: 18px 13px;
}
.kuchikomiForm th {
  background: #f3f2f2;
  width: 225px;
}
.kuchikomiForm th span {
  display: block;
  background: #ff4504;
  color: #fff;
  float: left;
  font-size: 11px;
  padding: 3px 5px;
  border-radius: 3px;
}
.kuchikomiForm th p {
  padding-left: 40px;
  line-height: 1.6;
}
.kuchikomiForm th p small {
  font-size: 13px;
}
.kuchikomiForm .item1, .kuchikomiForm .item2, .kuchikomiForm .item5, .kuchikomiForm .item6 {
  border: 1px solid #c0bbb7;
  padding: 3px;
}
.kuchikomiForm .item1, .kuchikomiForm .item2, .kuchikomiForm .item5 {
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
.kuchikomiForm .item1, .kuchikomiForm .item5 {
  width: 350px;
}
.kuchikomiForm .item2 {
  width: 80px;
}
.kuchikomiForm .item6 {
  width: 410px;
}
.kuchikomiForm .item7 li {
  color: #fea024;
  margin-bottom: 5px;
}
.kuchikomiForm .item7 li input {
  margin-right: 7px;
}
.kuchikomiForm .item8 li {
  float: left;
  width: 160px;
  margin-bottom: 10px;
}
.kuchikomiForm .post {
  border: 0;
  background: url(../img/btn_sender_w334.png) no-repeat;
  width: 334px;
  height: 59px;
  cursor: pointer;
}

.kuchikomiNotice {
  margin-bottom: 50px;
}
.kuchikomiNotice h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.kuchikomiNotice .data {
  border: 1px solid #E3E0DE;
  height: 190px;
  overflow: auto;
}
.kuchikomiNotice .data .inner {
  padding: 15px;
}
.kuchikomiNotice h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.kuchikomiNotice p {
  margin-bottom: 10px;
  line-height: 1.4;
  background: url(../img/list_05.png) no-repeat left 7px;
  padding-left: 12px;
}

.kuchikomiNotice2 {
  margin-bottom: 20px;
  font-size: 12px !important;
}

.htab img {
  display: block;
}

.kuchikomiItems {
  margin-bottom: 20px;
}
.kuchikomiItems li {
  float: left;
  margin: 0 3px 3px 0;
}
.kuchikomiItems li a {
  display: table-cell;
  background: #e3e0de;
  text-align: center;
  padding: 0 10px;
  height: 30px;
  border-radius: 3px;
  font-size: 12px;
  text-decoration: none;
  vertical-align: middle;
}

.itemSection .kuchikomi .response {
  margin-top: 30px;
  padding: 0 20px 20px;
  background: #f3f2f2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.itemSection .kuchikomi .response dl {
  position: relative;
  top: -14px;
  padding-top: 34px;
  background: url(../img/img_review_response.jpg) no-repeat 30px top;
}
.itemSection .kuchikomi .response dl dt {
  float: left;
  font-size: 14px;
  font-weight: bold;
}
.itemSection .kuchikomi .response dl dd {
  float: right;
  font-size: 12px;
  color: #999;
}
.itemSection .kuchikomi .response p {
  font-size: 12px;
  line-height: 1.8;
}
.itemSection .kuchikomi .response ul.stamp li {
  float: left;
  width: 230px;
  margin-right: 9px;
}
.itemSection .kuchikomi .response ul.stamp li:last-child {
  margin-right: 0;
}
.itemSection .kuchikomi .response ul.stamp li img {
  width: 100%;
  height: auto;
}

#kuchikomiMaintenance {
  margin-right: 10px;
  margin-bottom: 40px;
  border: 1px solid #81d8d0;
}
#kuchikomiMaintenance h2 {
  padding: 10px 20px;
  background-color: #78d0c8;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
#kuchikomiMaintenance p {
  padding: 30px 20px 40px;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
}

.kuchikomi #kuchikomiMaintenance {
  margin-right: 0;
  margin-bottom: 0;
}

.kuchikomi-button {
  position: relative;
  display: inline-block;
  min-width: 500px;
  padding: 15px 20px;
  border: 1px solid #b8b2ae;
  border-radius: 5px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZTBiMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViY2Q2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3e0b1), color-stop(100%, #ebcd6e));
  background-image: -moz-linear-gradient(#f3e0b1, #ebcd6e);
  background-image: -webkit-linear-gradient(#f3e0b1, #ebcd6e);
  background-image: linear-gradient(#f3e0b1, #ebcd6e);
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  color: #615951;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.kuchikomi-button.small {
  min-width: 200px;
  padding: 0 15px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 30px;
}
.kuchikomi-button.small:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #5f5751;
  border-right: 1px solid #5f5751;
  margin-top: -2px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.kuchikomi-button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.tvCM .inner {
  background-color: #fff;
}
.tvCM .pageTitle {
  margin-bottom: 10px;
}
.tvCM .pageTitle p {
  margin-top: 20px;
  font-size: 16px;
}
.tvCM .movie-item {
  width: 680px;
  margin: 40px auto 0;
}
.tvCM .movie-txt {
  margin-top: 40px;
  font-size: 18px;
  text-align: center;
}
.tvCM #articles {
  margin-bottom: 40px;
}
.tvCM #articles article {
  padding: 20px;
}
.tvCM #articles article h3 {
  margin-bottom: 15px;
  font-size: 24px;
}
.tvCM #articles article p {
  font-size: 16px;
}
.tvCM #articles article .articles-notes {
  margin-top: 10px;
}
.tvCM #articles article .articles-notes li {
  margin-bottom: 4px;
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  line-height: 1.5;
}
.tvCM #uragawa {
  width: 480px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.tvCM #uragawa img {
  width: 100%;
  height: auto;
}
.tvCM #howto {
  width: 80%;
  margin: 0 auto;
  text-align: left;
}
.tvCM #howto h3 {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #c9c7c2;
  font-size: 20px;
  line-height: 24px;
}
.tvCM #howto .img {
  margin-bottom: 20px;
}
.tvCM #howto .img img {
  width: 100%;
  height: auto;
}
.tvCM #howto dl {
  margin-bottom: 40px;
}
.tvCM #howto dt {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
.tvCM #howto dd {
  margin-bottom: 20px;
  font-size: 14px;
}
.tvCM #howto .txt {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 1.5;
}
.tvCM .top .popHead02 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.tvCM .top #articles {
  overflow: hidden;
  margin-bottom: 40px;
}
.tvCM .top #articles article {
  float: left;
  width: 385px;
  margin-right: 20px;
  padding: 0;
}
.tvCM .top #articles article:nth-child(2n) {
  margin-right: 0;
}

.youtube {
  clear: both;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.sitemapSec h3 {
  font-size: 15px;
  padding: 10px 15px;
  margin-bottom: 25px;
  margin-right: 10px;
  background-color: #e3e0de;
  line-height: 1.4;
}
.sitemapSec h4 {
  margin: 0 0 20px 20px;
}
.sitemapSec ul {
  margin: 0 20px 25px 15px;
  border-bottom: 1px solid #c9c7c2;
  padding-bottom: 20px;
}
.sitemapSec ul.last {
  border-bottom: none;
  margin-bottom: 40px;
}
.sitemapSec ul li {
  background: url(../img/list_06.png) no-repeat left center;
  padding: 0 40px 0 15px;
  float: left;
  line-height: 1.6;
  margin-bottom: 10px;
}

.sctTable {
  padding: 0 30px 0 20px;
}
.sctTable table {
  width: 100%;
  border-collapse: collapse;
}
.sctTable table th,
.sctTable table td {
  border-bottom: 1px solid #d3d2d0;
}
.sctTable table th {
  width: 170px;
  padding: 0 8px;
  font-weight: bold;
}
.sctTable table td {
  padding: 20px 0;
  line-height: 1.4;
  vertical-align: middle;
}
.sctTable .list {
  list-style: inside disc;
}
.sctTable .txt {
  margin-left: 28px;
  text-indent: -14px;
  font-size: 12px;
}
.sctTable dt {
  font-weight: bold;
}
.sctTable .red {
  color: #fa290a;
}

/*company*/
.companyInner .img {
  margin: 0 0 0 20px;
  float: left;
}
.companyInner .companyTable {
  float: left;
  width: 512px;
  margin: 0 0 20px 23px;
  line-height: 20px;
  table-layout: fixed;
}
.companyInner .companyTable th {
  padding: 19px 10px;
  font-weight: bold;
  width: 122px;
  border-bottom: 1px solid #c9c7c2;
}
.companyInner .companyTable td {
  padding: 20px 10px;
  border-bottom: 1px solid #c9c7c2;
}
.companyInner .txt {
  clear: both;
  margin-left: 255px;
  line-height: 20px;
}

/*privacy*/
.privacyInner {
  padding-right: 10px;
  font-size: 14px;
  line-height: 20px;
}
.privacyInner .privacyLi dt {
  margin-bottom: 20px;
  padding: 5px 0 10px 14px;
  border-bottom: 1px solid #e3e0de;
  border-left: 7px solid #e3e0de;
  font-size: 15px;
}
.privacyInner .privacyLi dd {
  margin-bottom: 20px;
}
.privacyInner .privacyLi dd + dt {
  margin-top: 40px;
}
.privacyInner .privacyLi ul li {
  background: url(../img/icn_listmark_01.png) no-repeat left 8px;
  padding-left: 1em;
  margin-bottom: 10px;
}
.privacyInner .privacyLi ul.noicon li {
  background: none;
  padding-left: 0;
}
.privacyInner .privacyLi ul.hanging li {
  text-indent: -1.5em;
  margin-left: 1.5em;
}
.privacyInner .privacyLi ol li {
  margin-bottom: 20px;
}
.privacyInner .privacyLi p {
  margin-bottom: 20px;
}
.privacyInner .privacyLi .address {
  width: 440px;
  margin: 0 auto 20px;
  padding: 20px;
  background: #F8F7F6;
}
.privacyInner .privacyLi .address h3 {
  margin-bottom: 10px;
  font-weight: bold;
}
.privacyInner .privacyTxt {
  margin-left: 50px;
}
.privacyInner .privacyTable {
  border-top: 1px solid #c9c7c2;
  border-right: 1px solid #c9c7c2;
}
.privacyInner .privacyTable th {
  padding: 4px 10px;
  border-bottom: 1px solid #c9c7c2;
  border-left: 1px solid #c9c7c2;
}
.privacyInner .privacyTable td {
  padding: 4px 10px;
  border-bottom: 1px solid #c9c7c2;
  border-left: 1px solid #c9c7c2;
}
.privacyInner .privacyTable thead th {
  text-align: center;
}

/*sct*/
.sctInner {
  margin: 0 20px 50px;
  line-height: 20px;
}
.sctInner .sctTable {
  width: 100%;
  margin: 0 0 20px;
  table-layout: fixed;
}
.sctInner .sctTable th {
  padding: 19px 10px;
  font-weight: bold;
  width: 200px;
  border-bottom: 1px solid #c9c7c2;
}
.sctInner .sctTable td {
  padding: 20px 10px;
  border-bottom: 1px solid #c9c7c2;
}
.sctInner .sctTable .noteTxt {
  margin-left: 1em;
}
.sctInner .sctTable .note {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  line-height: 20px;
}
.sctInner .sctTable .topic {
  margin-bottom: 5px;
  font-weight: bold;
}
.sctInner .sctTable .notice {
  color: #fa290a;
}
.sctInner .sctList {
  margin: 0 10px 14px;
}
.sctInner .sctList li {
  margin-bottom: 6px;
}
.sctInner .sctTxt {
  margin: 0 10px 16px;
}

.local-nav {
  margin: 20px 0;
  font-size: 0;
}
.local-nav li {
  display: inline-block;
  width: 50%;
}
.local-nav li a {
  display: block;
  padding: 20px 10px;
  border: 1px solid #E3E0DE;
  background-color: #F8F7F6;
  font-size: 14px;
  text-align: center;
}
.local-nav li + li a {
  border-left: 0;
}

#formPrivacy {
  margin: 30px auto;
  line-height: 1.5;
}
#formPrivacy h3 {
  margin-top: -20px;
  padding: 10px;
  background: #D2D2CE;
  text-align: center;
}
#formPrivacy .inner {
  height: 200px;
  overflow: auto;
  padding: 20px;
  border: 1px solid #d5d2cc;
  border-top: 0;
}
#formPrivacy .inner dl {
  margin-bottom: 30px;
}
#formPrivacy .inner dl dt {
  margin-bottom: 10px;
  font-weight: bold;
}
#formPrivacy .inner dl dt h5 {
  font-size: 1.1em;
  font-weight: bold;
}
#formPrivacy .inner dl dd {
  margin-left: 1em;
}
#formPrivacy .inner dl dd p {
  margin-bottom: 10px;
}
#formPrivacy .inner dl dd ul {
  margin-bottom: 10px;
}
#formPrivacy .inner dl dd ul li {
  margin-bottom: 10px;
}
#formPrivacy .inner table {
  width: 100%;
}
#formPrivacy .inner table th, #formPrivacy .inner table td {
  padding: 5px;
  border: 1px solid #ccc;
}
#formPrivacy .inner table thead th {
  background: #adb6bd;
  color: #fff;
  text-align: center;
}
#formPrivacy .inner .box {
  width: 60%;
  margin: 0 auto;
  padding: 20px;
  background: #ededed;
}
#formPrivacy .inner .box dl {
  margin-bottom: 0px;
}

#formPrivacyCheck {
  margin-bottom: 20px;
  text-align: center;
}
#formPrivacyCheck label {
  position: relative;
  display: inline-block;
  padding: 20px 20px 20px 50px;
  background: #ededed url("../img/img_checkbox2.gif") no-repeat 20px 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
}
#formPrivacyCheck label.checked {
  background: #ededed url("../img/img_checkbox2.gif") no-repeat 20px -84px;
}
#formPrivacyCheck label input {
  position: absolute;
  left: -999em;
}
#formPrivacyCheck label.sp {
  background: #ededed;
}
#formPrivacyCheck label.sp input {
  position: relative;
  margin-right: 10px;
  left: 0;
}

.submitForm {
  opacity: 0.5;
}

#agreement {
  padding-right: 10px;
  line-height: 1.7;
}
#agreement dl {
  margin-bottom: 30px;
}
#agreement dl dt {
  margin-bottom: 10px;
  font-weight: bold;
}
#agreement dl dt h2 {
  font-size: 1.1em;
  font-weight: bold;
}
#agreement dl dd {
  margin-left: 1em;
}
#agreement dl dd p {
  margin-bottom: 20px;
}
#agreement dl dd ul {
  margin-bottom: 30px;
}
#agreement dl dd ul li {
  margin-bottom: 15px;
}
#agreement table {
  width: 100%;
  margin-bottom: 30px;
}
#agreement table th, #agreement table td {
  padding: 5px;
  border: 1px solid #c9c7c2;
}
#agreement table thead th {
  background: #e3e0de;
  text-align: center;
}
#agreement .box {
  width: 750px;
  margin: 0 auto;
  padding: 20px;
  background: #F8F7F6;
}
#agreement .box dl {
  margin-bottom: 0px;
}

/* ご利用ガイド配下コンテンツ
------------------*/
/*.teikiSec 101
-----------------------------*/
.teikiSec .teikiLineup {
  margin-bottom: 30px;
}
.teikiSec .teikiLineup ul {
  margin-bottom: 20px;
}
.teikiSec .teikiTxt {
  padding-left: 14px;
  line-height: 2.2;
  text-indent: -1em;
}

/*.guideSec 104
-----------------------------*/
.guideSec {
  width: 780px !important;
}
.guideSec h3 {
  margin-bottom: 0;
}
.guideSec h3 img {
  vertical-align: bottom;
}
.guideSec h5 {
  margin: 30px 0 15px 0;
}
.guideSec .CntBox {
  padding: 30px 20px;
}
.guideSec .border {
  border: 1px #e3e0de solid;
  border-top: none !important;
}
.guideSec .guideIntro {
  margin-bottom: 40px;
}
.guideSec .introTxt {
  line-height: 1.4;
  margin: 30px 0 20px 0;
}
.guideSec .btn {
  display: block;
  margin: 20px 0 40px 0;
}
.guideSec .btn a {
  position: relative;
  display: inline-block;
  min-width: 160px;
  padding: 0 19px;
  border: 1px solid #b8b2ae;
  border-radius: 3px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZTBiMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViY2Q2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3e0b1), color-stop(100%, #ebcd6e));
  background-image: -moz-linear-gradient(#f3e0b1, #ebcd6e);
  background-image: -webkit-linear-gradient(#f3e0b1, #ebcd6e);
  background-image: linear-gradient(#f3e0b1, #ebcd6e);
  font-size: 12px;
  line-height: 28px;
  text-decoration: none;
  color: #633a34;
  text-align: center;
}
.guideSec .btn a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #5f5751;
  border-right: 1px solid #5f5751;
  margin-top: -2px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guideSec .red {
  color: #fd2e0c;
}
.guideSec .guide-head1 {
  margin: 20px 0 30px;
  padding: 15px;
  background-color: #847365;
  font-size: 20px;
  color: #fff;
  line-height: 20px;
}
.guideSec .guide-head2 {
  font-size: 15px;
  padding: 10px 15px;
  background-color: #e3e0de;
  line-height: 1.4;
}
.guideSec .guide-head3 {
  width: 740px;
  height: 30px;
  display: table-cell;
  vertical-align: middle;
  text-indent: 12px;
  font-size: 15px;
  border-left: 7px #e3e0de solid;
  border-bottom: 1px #e3e0de solid;
}
@-webkit-keyframes modify {
  0% {
    padding-top: 70px;
    margin-top: -70px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}
@keyframes modify {
  0% {
    padding-top: 70px;
    margin-top: -70px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}
.guideSec #guide01:target,
.guideSec #guide02:target,
.guideSec #guide03-1:target,
.guideSec #guide03-2:target,
.guideSec #guide03-3:target,
.guideSec #guide04:target,
.guideSec #guide05-1:target,
.guideSec #guide05-2:target,
.guideSec #guide06:target {
  -webkit-animation: modify 0.1s;
  animation: modify 0.1s;
}

.guideIntroBox {
  width: 378px;
  height: 400px;
  border: 1px #e3e0de solid;
  border-top: none !important;
}
.guideIntroBox dl {
  padding: 25px 25px 0;
}
.guideIntroBox dt {
  padding: 0 0 10px 5px;
  border-bottom: 1px #e3e0de solid;
}
.guideIntroBox dd {
  padding: 20px 0 0 10px;
}
.guideIntroBox dd ul {
  margin-bottom: 35px;
}
.guideIntroBox dd li {
  margin-bottom: 15px;
  padding-left: 10px;
  background: url(../img/ico_guide_arrow_r.png) left top no-repeat;
}

.guideCnt01,
.guideCnt02,
.guideCnt03,
.guideCnt04,
.guideCnt05,
.guideCnt06 {
  margin-bottom: 40px;
}

.guideCnt01 .guideFlowBox {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
}
.guideCnt01 .guideFlow {
  float: left;
  width: 228px;
  margin: 0 22px 30px 0;
  text-align: center;
  border: 1px #e3e0de solid;
}
.guideCnt01 .guideFlow:nth-of-type(3n) {
  margin-right: 0;
}
.guideCnt01 .guideFlow .ph {
  margin-bottom: 20px;
}
.guideCnt01 .guideFlow .txt {
  padding: 0 15px 5px;
  line-height: 1.4;
  text-align: left !important;
}
.guideCnt01 .guideFlow .btn {
  margin-top: 5px;
}
.guideCnt01 .guideTtl01,
.guideCnt01 .guideTtl02,
.guideCnt01 .guideTtl03,
.guideCnt01 .guideTtl04,
.guideCnt01 .guideTtl05 {
  position: relative;
  padding-top: 12px;
  margin-bottom: 15px;
  font-weight: bold;
}
.guideCnt01 .guideTtl01:before,
.guideCnt01 .guideTtl02:before,
.guideCnt01 .guideTtl03:before,
.guideCnt01 .guideTtl04:before,
.guideCnt01 .guideTtl05:before {
  position: absolute;
  left: -2px;
  top: -2px;
  content: "";
  display: block;
  width: 41px;
  height: 42px;
}
.guideCnt01 .guideTtl01:before {
  background: url(../img/ico_guide_ribbon01.png) left top no-repeat;
}
.guideCnt01 .guideTtl02:before {
  background: url(../img/ico_guide_ribbon02.png) left top no-repeat;
}
.guideCnt01 .guideTtl03:before {
  background: url(../img/ico_guide_ribbon03.png) left top no-repeat;
}
.guideCnt01 .guideTtl04:before {
  background: url(../img/ico_guide_ribbon04.png) left top no-repeat;
}
.guideCnt01 .guideTtl05:before {
  background: url(../img/ico_guide_ribbon05.png) left top no-repeat;
}

.guideChart .data {
  position: relative;
}
.guideChart .data a img {
  position: absolute;
}
.guideChart .data .btn01 {
  left: 53px;
  top: 285px;
}
.guideChart .data .btn02 {
  left: 220px;
  top: 285px;
}
.guideChart .data .btn03 {
  left: 454px;
  top: 275px;
}

.guideCnt01_sec02,
.guideCnt01_sec03 {
  line-height: 1.8;
}
.guideCnt01_sec02 p + p,
.guideCnt01_sec03 p + p {
  margin-top: 20px;
}

.guideCnt01_sec02 .bg {
  padding-left: 145px;
  height: 114px;
  background: url(../img/ph_guide_01.jpg) left top no-repeat;
}

.guideCnt02 {
  line-height: 1.4;
}
.guideCnt02 .guidePayTable {
  width: 100%;
  margin-bottom: 25px;
  border-collapse: collapse;
}
.guideCnt02 .guidePayTable th {
  height: 24px;
  padding: 0 15px;
  background: #847365;
  border: 1px #e3e0de solid;
  color: #fff;
}
.guideCnt02 .guidePayTable td {
  padding: 15px;
  vertical-align: text-top;
  border: 1px #e3e0de solid;
}
.guideCnt02 .guidePayTable li {
  list-style: disc inside;
}
.guideCnt02 .guideCaption {
  padding: 25px 0;
  border-top: 1px #e3e0de solid;
}
.guideCnt02 .guideCaption dt {
  margin-bottom: 15px;
  font-weight: bold;
}
.guideCnt02 .guideCaption dd ul {
  margin-bottom: 25px;
}
.guideCnt02 .guideCaption dd li {
  list-style: disc inside;
}
.guideCnt02 .guideCaption dd .txt {
  margin-left: 12px;
}
.guideCnt02 .guideTel {
  margin-bottom: 15px;
  border-collapse: collapse;
}
.guideCnt02 .guideTel th {
  width: 190px;
  height: 24px;
  padding: 0 15px;
  background: #847365;
  border: 1px #e3e0de solid;
  color: #fff;
}
.guideCnt02 .guideTel td {
  padding: 0 15px;
  border: 1px #e3e0de solid;
}

.guideCnt03 .bg {
  height: 640px;
  margin: 20px 0 45px 0;
  line-height: 1.6;
  background: url(../img/fig_guide_map.png) left top no-repeat;
}
.guideCnt03 .bg p + p {
  margin-top: 20px;
}
.guideCnt03 .bg ul {
  margin: 20px 0;
}

.guideCnt04 {
  line-height: 1.4;
}

.guideCnt05 {
  line-height: 1.4;
}
.guideCnt05 .guideReturnBox {
  overflow: hidden;
  margin-bottom: 30px;
}
.guideCnt05 .guideReturnBox .img {
  float: left;
}
.guideCnt05 .guideReturnBox .guideReturn {
  margin-left: 180px;
}
.guideCnt05 .guideReturnBox .guideReturn li {
  list-style: none;
  margin-bottom: 15px;
  margin-left: 0;
  font-size: 15px;
}
.guideCnt05 .guideReturnBox .guideReturn li.notes {
  margin-left: 1em;
  text-indent: -1em;
}
.guideCnt05 .guideReturnBox .guideReturn li.box {
  text-indent: 0;
  padding: 12px 18px;
  border: 2px solid #d7eafc;
}
.guideCnt05 .guideReturnBox .guideReturn li.box .head {
  font-size: 24px;
}
.guideCnt05 .guideReturnBox .guideReturn li.box .num {
  font-size: 30px;
  font-weight: bold;
}
.guideCnt05 .guideReturnBox .guideReturn li.box .notes {
  font-size: 16px;
}
.guideCnt05 .guideReturnPrint {
  width: 620px;
  margin: 0 auto 30px;
}
.guideCnt05 .guideReturnPrint .box {
  margin-top: 20px;
  padding: 13px 19px;
  border: 1px solid #6292c4;
  font-size: 22px;
}
.guideCnt05 .guideReturnPrint .box .head {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}
.guideCnt05 .guideReturnCaution {
  margin: -20px 0 40px;
  padding: 13px 19px;
  border: 1px solid #6292c4;
}
.guideCnt05 .guideReturnCaution .head {
  margin-bottom: 16px;
  font-size: 26px;
}
.guideCnt05 .guideReturnCaution li {
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 6px;
  font-size: 16px;
}
.guideCnt05 .guideReturn li {
  list-style: decimal outside;
  margin-left: 20px;
  margin-bottom: 30px;
}
.guideCnt05 .guideReturn li p + p {
  margin-top: 20px;
}
.guideCnt05 .guideReturn figure {
  margin-top: 30px;
}
.guideCnt05 .exchangeTxt p + p {
  margin-top: 20px;
}

.guideCnt06 .guideRecord li {
  margin-left: 4px;
  line-height: 1.6;
  list-style: disc inside;
}

#printPage {
  padding: 20px;
}
#printPage .btn {
  text-align: right;
}
#printPage .btn a.print {
  display: inline-block;
  width: 200px;
  height: 40px;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #efefef;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #333;
  text-shadow: 0 1px 1px #fff;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top center, #f9f9f9 0%, #ddd 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#ddd));
  background: linear-gradient(to bottom center, #f9f9f9 0%, #dddddd 100%);
}
#printPage p {
  margin-bottom: 30px;
}
#printPage p img {
  width: 100%;
}

@media print {
  #printPage {
    padding: 0;
  }
  #printPage .btn a.print {
    display: none;
  }
}
#loginCheck {
  font-size: 18px;
  line-height: 1.5;
}
#loginCheck .checkBox {
  margin-bottom: 20px;
  padding: 20px 15px 15px;
  background: #f1efde;
}
#loginCheck .checkBox dd {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
}
#loginCheck h4 {
  margin-bottom: 25px;
  padding: 0 15px 20px;
  border-bottom: 1px solid #ccc;
  font-size: 21px;
  font-weight: bold;
  color: #2a7e76;
}
#loginCheck h5 {
  margin-bottom: 30px;
}
#loginCheck .inner {
  margin-bottom: 50px;
  padding: 0 15px;
}
#loginCheck .tel {
  margin-bottom: 70px;
}
#loginCheck .grn {
  font-weight: bold;
  color: #2a7e76;
  line-height: 1.5;
}
#loginCheck .grn .red {
  color: #f00;
}
#loginCheck strong {
  font-weight: bold;
}
#loginCheck .ok dt {
  margin-bottom: 7px;
}
#loginCheck .ok dd {
  margin: 0 0 30px 1em;
  text-indent: -1em;
  line-height: 1.5;
}
#loginCheck .ng dt {
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f5d5d5;
  font-weight: bold;
  color: #d75858;
}
#loginCheck .ng dd {
  margin-top: 20px;
  margin-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
#loginCheck .ng dd .red {
  font-weight: bold;
  color: #d75858;
}
#loginCheck .ng dd .btn {
  margin-top: 20px;
}
#loginCheck .acc_ttl {
  margin-bottom: 10px;
  padding: 25px 25px 25px 15px;
  background: #E3E0DE;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
}
#loginCheck .acc_ttl:before {
  float: right;
  content: url(../img/acc_icn_close.png);
}
#loginCheck .acc_ttl.open:before {
  content: url(../img/acc_icn_open.png);
}
#loginCheck .acc_body {
  display: none;
  margin: -10px 0 0;
}

#layer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 150;
}
#layer p {
  width: 640px;
  margin: 50px auto;
  cursor: pointer;
}
#layer .present {
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 40px;
  left: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  text-align: center;
}
#layer .present:before {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  display: block;
  width: 36px;
  height: 36px;
  background: url(../img/icn_popup_close.png) no-repeat;
}

/* ご利用ガイド配下コンテンツ
------------------*/
.faqNav {
  padding-left: 28px;
  margin-bottom: 30px;
}
.faqNav li {
  float: left;
  margin-right: 20px;
}

.faqSec {
  margin-bottom: 50px;
}
.faqSec h3 {
  margin: 0 0 25px 30px;
  font-size: 24px;
}
.faqSec .articles {
  background: #dbf5f2;
  padding: 30px 0 0 30px;
}
.faqSec .articles article {
  width: 220px;
  float: left;
  margin: 0 30px 40px 0;
}
.faqSec .articles article p {
  text-align: center;
  margin-top: 10px;
  line-height: 1.5;
  font-size: 14;
}

.hosyou .mv {
  margin-bottom: 45px;
}

.guarantee {
  padding-right: 10px;
}
.guarantee img {
  max-width: 100%;
  height: auto;
}
.guarantee .popHead02 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.guarantee .guarantee-head {
  margin-bottom: 30px;
  padding: 15px 20px;
  background-color: #e3e0de;
  font-size: 16px;
  line-height: 20px;
}

.guarantee-mv {
  margin-bottom: 45px;
}

.aboutHosyou {
  margin-bottom: 60px;
}
.aboutHosyou p {
  font-size: 17px;
  line-height: 1.76;
}
.aboutHosyou .strong {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 5px;
}
.aboutHosyou .center {
  margin-top: 30px;
  background: #F8F7F6;
  padding: 25px;
}
.aboutHosyou .center h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.aboutHosyou .center p {
  margin-top: 10px;
}
.aboutHosyou h3 {
  margin-bottom: 25px;
}

.hosyouFlow h3 {
  margin-bottom: 25px;
}
.hosyouFlow li {
  margin-bottom: 10px;
}
.hosyouFlow li img {
  display: block;
}
.hosyouFlow li.box {
  position: relative;
}
.hosyouFlow li.box p {
  position: absolute;
  bottom: 22px;
  padding-left: 90px;
  font-size: 16px;
}

.quickorder .mainHead {
  margin-bottom: 20px;
}
.quickorder .guide {
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 1.8;
}

.creditPolicy {
  line-height: 1.5;
}
.creditPolicy p {
  margin-bottom: 25px;
}
.creditPolicy ol {
  padding-left: 2em;
}
.creditPolicy ol li {
  list-style: decimal;
  list-style-type: decimal;
  margin-bottom: 20px;
}

/*top
------------------*/
/*top slide*/
#mv {
  margin-bottom: 25px !important;
}
#mv .panel {
  position: relative;
}
#mv .btn {
  position: absolute;
}
#mv .item01 .btn {
  top: 387px;
  left: 194px;
}
#mv .item02 .btn {
  top: 408px;
  left: 194px;
}
#mv .item03 .btn {
  top: 405px;
  left: 42px;
}
#mv .item04 .btn {
  top: 408px;
  left: 466px;
}

.strip_wrapper {
  top: 473px !important;
  background: url(../img/bg_carousel.png) no-repeat center top;
  width: 800px !important;
  height: 111px !important;
  left: 0 !important;
}

.filmstrip {
  margin: 8px 0 0 40px !important;
}

#pointer {
  top: 484px !important;
  width: 173px !important;
  height: 82px !important;
}

/*top*/
.topSection {
  position: relative;
  margin: 0 10px;
}
.topSection em {
  font-size: 14px;
  font-weight: bold;
  color: #2e8e85;
  font-style: normal;
}

.topSection01 {
  padding-bottom: 5px;
  margin: 0 10px 30px;
}
.topSection01 .rightSection {
  position: relative;
}
.topSection01 .rightSection .moreLink {
  position: absolute;
  left: 0;
  bottom: -3px;
}
.topSection01 .leftSection {
  width: 398px;
  border: 1px solid #d5d2cc;
  border-radius: 5px;
}
.topSection01 .txtLi {
  padding: 10px 18px 14px;
  line-height: 24px;
}
.topSection01 .voiceLi {
  padding: 10px 0 4px;
}
.topSection01 .voiceLi strong {
  font-weight: bold;
}
.topSection01 .voiceLi li {
  width: 116px;
  float: left;
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #d5d2cc;
}
.topSection01 .voiceLi li:first-child {
  border-left: none;
  margin-left: 3px;
}
.topSection01 .voiceLi li a {
  color: #5F5850;
}
.topSection01 .voiceLi img {
  display: block;
  margin: 0 auto 6px;
}
.topSection01 .voiceLi .voice {
  width: 115px;
  line-height: 16px;
  margin-bottom: 6px;
}
.topSection01 .voiceLi .voice strong {
  font-size: 13px;
}
.topSection01 .voiceLi .name {
  font-size: 12px;
  line-height: 16px;
}
.topSection01 .allLink {
  position: absolute;
  left: 268px;
  bottom: 0;
}
.topSection01 .leftSection02 {
  width: 397px;
}
.topSection01 .leftSection02 a {
  text-decoration: none;
}
.topSection01 .leftSection02 .head {
  margin: -1px 0 0 -1px;
}

.rightSection {
  float: right;
}

.leftSection {
  float: left;
}

.centerSection {
  border: 1px solid #d5d2cc;
  margin: 0 10px 15px;
}
.centerSection .head {
  float: left;
}
.centerSection .mediaLi {
  float: left;
}
.centerSection .mediaLi li {
  padding-top: 10px;
  width: 128px;
  height: 228px;
  float: left;
  border-left: 1px solid #d5d2cc;
}
.centerSection .mediaLi img {
  display: block;
  margin: 0 auto 12px;
}
.centerSection .mediaLi .date {
  margin: 0 0 15px 12px;
  font-size: 12px;
  color: #323232;
}
.centerSection .mediaLi .link {
  padding: 0 12px;
  font-size: 12px;
  line-height: 16px;
}
.centerSection .navLi {
  background: #dbf5f2;
}
.centerSection .navLi .head {
  float: none;
}
.centerSection .navLi li {
  height: 249px;
  background: #dbf5f2;
  border-left: 1px solid #d5d2cc;
  padding-bottom: 15px;
}
.centerSection .navLi li:first-child {
  border-left: none;
}
.centerSection .navLi li:last-child {
  width: 192px;
  overflow: hidden;
}
.centerSection .navLi li .wrap {
  float: left;
  font-size: 12px;
  line-height: 17px;
  color: #4c433b;
  text-decoration: none;
}
.centerSection .navLi .date {
  padding: 0 15px;
  margin-bottom: 6px;
}
.centerSection .navLi .txt {
  padding: 0 12px;
  width: 169px;
}

.topSection02 {
  position: relative;
  height: 381px;
  margin: 0 10px 15px;
}
.topSection02 .container01 {
  position: absolute;
  top: 0;
  left: 293px;
  width: 277px;
  border: 1px solid #78cfc7;
  background: #dbf5f2;
}
.topSection02 .linkLi {
  padding: 12px 0 12px;
}
.topSection02 .linkLi li {
  margin-bottom: 7px;
}
.topSection02 .linkLi img {
  display: block;
  float: left;
  margin-left: 10px;
}
.topSection02 .linkLi .ttl {
  margin: 0 0 2px 98px;
  line-height: 24px;
}
.topSection02 .linkLi .link {
  margin-left: 88px;
  height: 24px;
}
.topSection02 .container02 {
  position: absolute;
  top: 0;
  left: 0;
}
.topSection02 .container02 .link {
  position: absolute;
  left: 16px;
  bottom: 21px;
}
.topSection02 .container03 {
  position: absolute;
  top: 0;
  right: 0;
}
.topSection02 .container03 .link {
  position: absolute;
  top: 350px;
  left: 65px;
}

.topBnr {
  margin: 0 10px 20px;
}

.topSection04 {
  margin: 0 10px 15px;
  padding: 20px 0 5px 12px;
  background: #e3e0de;
}
.topSection04 h2 {
  padding-bottom: 12px;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0.1em;
  color: #5f5951;
}
.topSection04 .careLi li {
  float: left;
  margin: 0 9px 6px 0;
}
.topSection04 .careLi li.first {
  margin-right: 10px;
}

.topSection05 {
  border: 5px solid #dbf5f2;
  margin: 0 10px 20px;
  padding: 20px 19px 12px;
}
.topSection05 .head {
  margin-bottom: 28px;
}
.topSection05 .img {
  margin-bottom: 7px;
}

.topNotice {
  width: 494px;
  margin: 0 auto 35px;
  border: 3px solid #81d8d0;
  border-radius: 3px;
}
.topNotice .link {
  text-align: center;
  line-height: 40px;
}
.topNotice .link a {
  font-size: 15px;
  color: #e8350d;
}

.voiceNotice {
  position: absolute;
  left: 0;
  bottom: 20px;
  font-size: 11px;
}

.banners {
  margin: 0 10px 14px;
}
.banners a {
  display: block;
  margin-bottom: 6px;
}
.banners .onnanobigaku {
  position: relative;
}
.banners .onnanobigaku p {
  position: absolute;
  top: 110px;
  left: 67px;
  color: #523e37;
  vertical-align: baseline;
}
.banners .onnanobigaku p br {
  display: none;
}
.banners .onnanobigaku p .vol {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #b1e5e3;
  font-size: 10px;
  text-align: center;
  line-height: 40px;
}
.banners .onnanobigaku p .txt {
  display: inline-block;
  padding-top: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}

.disaster-info {
  padding: 10px;
  text-align: center;
}
.disaster-info .inner {
  margin-bottom: 10px;
  padding: 9px;
  border: 1px solid #ccc;
  line-height: 1.4;
}
.disaster-info a {
  color: #f00;
}

.important-info {
  padding: 13px 0;
  text-align: center;
}
.important-info .inner {
  padding: 10px;
  border: 1px solid #E3E0DE;
  background-color: #fafafa;
  font-size: 18px;
  line-height: 1.4;
}

#mv-slider {
  margin-bottom: 20px;
  overflow: hidden;
}
#mv-slider .slider {
  position: relative;
  width: 800px;
  height: 518px;
  margin-bottom: 14px;
  font-size: 0;
  white-space: nowrap;
}
#mv-slider .slider li {
  position: absolute;
  top: 0;
  display: block;
  width: 800px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#mv-slider .slider li img {
  width: 100%;
  height: auto;
}
#mv-slider .control {
  position: relative;
  height: 20px;
  margin: 0 10px;
  padding: 4px 0;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
#mv-slider .control .paging {
  display: inline-block;
  vertical-align: middle;
}
#mv-slider .control .paging li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}
#mv-slider .control .paging li.active {
  background-color: #615951;
}
#mv-slider .control .play {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  background: url(../img/btn_slider_play.png) no-repeat 0 0;
  background-size: 20px auto;
  vertical-align: middle;
  cursor: pointer;
}
#mv-slider .control .play.active {
  background-position: 0 -20px;
}
#mv-slider .control .prev,
#mv-slider .control .next {
  position: absolute;
  top: 0;
  display: block;
  width: 280px;
  height: 28px;
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
#mv-slider .control .prev {
  left: 0;
  background-image: url(../img/btn_slider_prev.png);
}
#mv-slider .control .next {
  right: 0;
  background-image: url(../img/btn_slider_next.png);
}

#home-pickup {
  margin: 0 10px 15px;
  padding: 20px 0 5px 12px;
  background: #e3e0de;
}
#home-pickup h2 {
  padding-bottom: 12px;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0.1em;
  color: #5f5951;
}
#home-pickup .careLi li {
  float: left;
  margin: 0 9px 6px 0;
}
#home-pickup .careLi li.first {
  margin-right: 10px;
}

.home-banners .bnr {
  margin: 0 10px 20px;
  font-size: 0;
}
.home-banners .bnr.half {
  display: inline-block;
  margin-right: 0;
}
.home-banners .bnr.half + .half {
  margin-left: 22px;
}

#topNews {
  margin: 0 10px 20px;
}
#topNews .head {
  margin-bottom: 8px;
  padding: 8px 16px;
  background-color: #5f5951;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}
#topNews .articleLi li {
  padding: 10px;
  border-bottom: 1px dotted #d5d2cc;
  line-height: 22px;
}
#topNews .articleLi li .wrap {
  color: #605951;
}
#topNews .articleLi li .wrap:hover {
  text-decoration: none;
}
#topNews .articleLi .date {
  float: left;
  width: 120px;
  font-size: 12px;
}
#topNews .articleLi .category {
  float: left;
}
#topNews .articleLi .txt {
  font-size: 14px;
  margin-left: 100px;
  word-break: break-word;
}

#members {
  padding-bottom: 100px;
}
#members .step {
  margin-bottom: 30px;
}
#members .container {
  padding: 0 10px;
}
#members .sTtl {
  margin-bottom: 20px;
  padding-bottom: 8px;
  font-size: 18px;
  border-bottom: 2px solid #78cfc7;
  line-height: 1.3;
}
#members .sTtl .sub {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
}
#members .txt {
  line-height: 24px;
}
#members .inputTable01 {
  width: 100%;
  margin: 0 auto 40px;
  border-top: 1px solid #c9c7c2;
  border-right: 1px solid #c9c7c2;
  table-layout: fixed;
}
#members .inputTable01 th {
  padding: 15px 20px;
  width: 193px;
  text-align: left;
  background: #f5f5f5;
  font-weight: bold;
  border-bottom: 1px solid #c9c7c2;
  border-left: 1px solid #c9c7c2;
}
#members .inputTable01 td {
  padding: 8px 20px;
  border-bottom: 1px solid #c9c7c2;
  border-left: 1px solid #c9c7c2;
}
#members .inputTable01 td label {
  margin-left: 20px;
}
#members .inputTable01 td label:first-child {
  margin-left: 0;
}
#members .inputTable01 td .btn {
  float: right;
  width: 262px;
}
#members .must {
  float: right;
  padding: 3px 6px;
  font-size: 12px;
  color: #fff;
  background: #e50039;
  font-weight: normal;
}
#members .ex {
  font-size: 12px;
  margin: 6px 0 0;
  color: #535353;
}
#members .ex02 {
  margin: 6px 0 6px;
}
#members .t1 {
  width: 292px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
#members .t2 {
  width: 150px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}
#members textarea {
  width: 400px;
  height: 132px;
  resize: none;
  overflow: scroll;
}
#members .btnLi .backBtn {
  margin-left: 180px;
}
#members .btnLi .inputBtn {
  margin-right: 180px;
}
#members .inputBtn input {
  display: block;
  width: 277px;
  height: 45px;
  border: none;
}
#members .newWebMember {
  width: 740px;
  margin: 0 auto 30px;
  padding: 20px;
  border: 2px solid #78cfc7;
  background: #f1fbfa;
  line-height: 1.5;
}
#members .newWebMember ol {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cfeeeb;
}
#members .newWebMember li {
  margin-left: 1em;
  text-indent: -1em;
}
#members .phone {
  margin-left: 1em;
  font-size: 19px;
  font-weight: bold;
}

.inputError {
  width: 80%;
  margin: 0 auto 30px;
  padding: 20px 10px 10px;
  border: 2px solid #fd2e0c;
  color: #fd2e0c;
  text-align: center;
}
.inputError .errorTxt {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.inputError .notice {
  margin-bottom: 10px;
  font-size: 14px;
}

input[type="text"].error,
input[type="password"].error {
  background: #f9e6ec;
}

select.error,
textarea.error {
  background: #f9e6ec;
}

.errorNotice {
  color: #fd2e0c;
  margin-top: 10px;
}

.itemSection.faqSection {
  margin-right: 11px;
}
.itemSection.faqSection .data {
  border-width: 1px 1px 1px;
}

.faqHead {
  margin: 0 11px 30px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #78cfc7;
}
.faqHead .itemTtl {
  margin-top: 20px;
  float: left;
  width: 620px;
  line-height: 1.4;
}
.faqHead .th {
  float: right;
}
.faqHead .tag {
  display: inline-block;
  margin-bottom: 15px;
  padding: 8px 10px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}
.faqHead .tag.gel {
  background: #2f8f86;
}
.faqHead .ttl {
  font-size: 20px;
}

.faqBottomSection {
  margin: 0 11px 30px 0;
  padding: 28px 16px;
  border: 1px solid #78cfc7;
}
.faqBottomSection .faqTtl {
  margin-bottom: 10px;
  font-size: 20px;
}
.faqBottomSection .container {
  padding: 20px 10px;
  background: #dbf5f2;
}
.faqBottomSection .container li {
  line-height: 2;
  padding-left: 8px;
  background: url(../img/icn_link_01.png) no-repeat left 8px;
}
.faqBottomSection .clm {
  float: left;
}
.faqBottomSection .clm01 {
  width: 404px;
}
.faqBottomSection .clm02 {
  width: 320px;
  margin-left: 20px;
}
.faqBottomSection .container + .faqTtl {
  margin-top: 30px;
}

.finTxt {
  margin: 0 90px 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e0de;
  font-size: 16px;
}

.important {
  margin-bottom: 50px;
  padding: 10px 0 20px;
  border: 2px solid #ffaace;
  background: #fff4f9;
}
.important .importantTxt {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.important .importantTxt .strong {
  color: #fd2e0c;
}

.goMypage {
  width: 496px;
  margin: 0 auto;
  padding: 30px 0;
  border: 2px solid #b6b3ad;
  background: #f9f9f9;
}

/* campaign
------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden;
}

.bihada_text {
  float: left;
  margin: 0 30px 30px;
  color: #373131;
}

.bihada_text_left {
  width: 380px;
  float: left;
  margin-left: 30px;
  color: #373131;
}

.bihada_img {
  float: left;
}

.bihada_annotation {
  clear: both;
  font-size: 15px;
  margin: 0 10px 30px 0;
  text-align: right;
  font-weight: bold;
}

.fcr {
  color: #b41e37;
}

.bo1sg {
  border: 1px solid #cccccc;
}

.mb0 {
  margin-bottom: -8px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

/* banner + btn
---------------------------------------------------------------------------*/
.cart_btn {
  clear: both;
  position: relative;
  left: 577px;
  top: 245px;
  display: none;
}

.campaign .periodicDaysSelectBox {
  margin: 3px 0;
  text-align: right;
}

.campaign .cart.teiki {
  height: 87px;
}

/*----------------------------------------------
	お得な購入方法（いつでも割）
----------------------------------------------*/
.teiki-guide {
  width: 779px;
  margin-top: 13px;
}
.teiki-guide *,
.teiki-guide *:before,
.teiki-guide *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.teiki-guide .red {
  color: #ea0533;
}
.teiki-guide-head {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #e3e0de;
  font-size: 20px;
  line-height: 1;
}
.teiki-guide-about {
  margin: 0 20px 30px;
}
.teiki-guide-about-head {
  margin-bottom: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #cfcdc8;
  font-size: 20px;
  line-height: 1;
}
.teiki-guide-about-txt {
  font-size: 16px;
  line-height: 1.6;
}
.teiki-guide-content {
  margin-bottom: 30px;
  padding: 0 30px 30px;
  background-color: #f8f7f6;
  font-size: 0;
}
.teiki-guide-content-head {
  margin: 0 -30px 40px;
  padding: 10px;
  background-color: #e3e0de;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
}
.teiki-guide-content-box {
  position: relative;
  display: inline-block;
}
.teiki-guide-content-box + .teiki-guide-content-box {
  margin-left: 19px;
}
.teiki-guide-content-box .tokuten {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 77px;
  height: 97px;
  padding: 10px;
  background: url(../img/teiki/icn_tokuten.png) no-repeat;
  font-size: 20px;
  text-align: center;
  line-height: 1.2;
  color: #fff;
}
.teiki-guide-content-box .tokuten .num {
  font-size: 40px;
}
.teiki-guide-content-box .example {
  margin-bottom: 14px;
}
.teiki-guide-content-box .example .icn {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  background-color: #615951;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
  text-align: center;
  color: #fff;
  line-height: 60px;
  vertical-align: middle;
}
.teiki-guide-content-box .example .txt {
  display: inline-block;
  font-size: 18px;
  line-height: 1.25;
  vertical-align: middle;
}
.teiki-guide-content-link {
  margin-top: 22px;
}
.teiki-guide-content-link a {
  display: block;
  padding-left: 25px;
  background: url(../img/teiki/icn_arrow.png) no-repeat left center;
  font-size: 16px;
  color: #e80236;
  text-decoration: underline;
}

/*----------------------------------------------
	メディプラスゲルの成分と添加物
----------------------------------------------*/
.mediplusgel-nav {
  width: 780px;
  margin: 13px 0 30px;
  font-size: 0;
  white-space: nowrap;
}
.mediplusgel-nav li {
  position: relative;
  display: inline-block;
  white-space: normal;
}
.mediplusgel-nav li a {
  display: table-cell;
  width: 189px;
  height: 72px;
  background-color: #ebe9e7;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.mediplusgel-nav li + li {
  margin-left: 8px;
}
.mediplusgel-nav li:before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #5f5951;
  pointer-events: none;
}
.mediplusgel-nav li.cur a {
  background-color: #858080;
  color: #fff;
}
.mediplusgel-nav li.cur:before {
  right: 10px;
  bottom: 10px;
  border-top: 8px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 0;
  pointer-events: none;
}

.mediplusgel-head {
  width: 780px;
  padding: 10px 20px;
  background-color: #5f5951;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}

.mediplusgel-about {
  width: 780px;
}
.mediplusgel-about *,
.mediplusgel-about *:before,
.mediplusgel-about *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mediplusgel-about .about-mv {
  margin-bottom: 60px;
}
.mediplusgel-about .about-wrap {
  margin-bottom: 60px;
  padding: 0 20px;
}
.mediplusgel-about .about-head {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #c9c7c2;
  font-size: 20px;
  line-height: 24px;
}
.mediplusgel-about .about-txt {
  font-size: 16px;
  line-height: 1.875;
}
.mediplusgel-about .about-notes {
  margin-top: 6px;
  font-size: 12px;
  line-height: 2;
}
.mediplusgel-about .about-img {
  margin-top: 40px;
  text-align: center;
}
.mediplusgel-about .about-point-head1 {
  margin-bottom: 40px;
  padding: 10px 20px;
  background-color: #807467;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
}
.mediplusgel-about .about-point-head2 {
  margin-bottom: 30px;
  padding: 6px 20px;
  background-color: #ebe9e7;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #615951;
}
.mediplusgel-about .about-point-catch {
  margin-bottom: 30px;
  font-size: 20px;
  text-align: center;
}
.mediplusgel-about .about-point-img {
  margin-bottom: 20px;
}
.mediplusgel-about .about-mediplusgel {
  padding: 45px 140px 50px 30px;
  background: #f8f8f8 url(../img/about/img05.png) no-repeat right center;
}
.mediplusgel-about .about-cols {
  margin-top: 42px;
  font-size: 0;
}
.mediplusgel-about .about-col {
  display: inline-block;
  width: 228px;
  vertical-align: top;
}
.mediplusgel-about .about-col + .about-col {
  margin-left: 28px;
}
.mediplusgel-about .about-col-img {
  margin-bottom: 16px;
}
.mediplusgel-about .about-col-txt {
  font-size: 14px;
  line-height: 1.7;
}
.mediplusgel-about .about-col-notes {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
}

.mediplusgel-promise {
  width: 780px;
}
.mediplusgel-promise *,
.mediplusgel-promise *:before,
.mediplusgel-promise *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mediplusgel-promise .promise-img {
  margin-bottom: 50px;
}
.mediplusgel-promise .promise-movie {
  width: 740px;
  margin: 0 auto 80px;
}
.mediplusgel-promise .promise-movie .notes {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.6;
  text-align: right;
}

.mediplusgel-component {
  width: 780px;
}
.mediplusgel-component *,
.mediplusgel-component *:before,
.mediplusgel-component *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mediplusgel-component .main-catch {
  padding: 60px 0 0;
  font-size: 28px;
  line-height: 48px;
  text-align: center;
}
.mediplusgel-component .component-wrap {
  margin-bottom: 80px;
  background: url(../img/component/bg_main.png) no-repeat center top;
}
.mediplusgel-component .component-head {
  margin: 50px 0 24px;
  border-top: 1px dashed #615951;
  text-align: center;
}
.mediplusgel-component .component-head span {
  position: relative;
  top: -16px;
  display: inline-block;
  padding: 0 30px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  background-color: #5f5951;
  font-size: 18px;
  line-height: 33px;
  color: #fff;
}
.mediplusgel-component .component-catch {
  margin-bottom: 40px;
  font-size: 26px;
  text-align: center;
}
.mediplusgel-component .component-box {
  border: 1px solid #cacaca;
}
.mediplusgel-component .component-box-head {
  padding: 10px;
  background-color: #e4e0de;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.mediplusgel-component .component-box-inner {
  overflow: hidden;
  padding: 20px;
}
.mediplusgel-component .component-box-inner .img {
  float: left;
  width: 90px;
}
.mediplusgel-component .component-box-inner .txt {
  margin-left: 100px;
}
.mediplusgel-component .component-box-inner p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.8;
}
.mediplusgel-component .component-box-inner p.notes {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.6;
}
.mediplusgel-component .component-box.col {
  float: left;
  width: 360px;
  margin-bottom: 30px;
}
.mediplusgel-component .component-box.col:nth-child(even) {
  margin-left: 20px;
}
.mediplusgel-component .component-free {
  padding: 50px 90px;
  background-color: #f6f5f5;
  text-align: center;
}
.mediplusgel-component .component-free-head {
  margin-bottom: 60px;
  font-size: 28px;
  line-height: 1;
}
.mediplusgel-component .component-free-head span {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 18px;
}
.mediplusgel-component .component-free-img {
  margin-bottom: 50px;
}
.mediplusgel-component .component-free-txt {
  margin-bottom: 16px;
  font-size: 16px;
  text-align: left;
  line-height: 1.75;
}
.mediplusgel-component .component-free-notes {
  font-size: 14px;
  text-align: left;
  line-height: 1.75;
}
.mediplusgel-component .cols {
  width: 740px;
  margin: 0 auto;
  overflow: hidden;
}

.mediplusgel-method {
  width: 780px;
}
.mediplusgel-method *,
.mediplusgel-method *:before,
.mediplusgel-method *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mediplusgel-method .method-mv {
  margin-bottom: 60px;
}
.mediplusgel-method .method-wrap {
  margin-bottom: 60px;
  padding: 0 20px;
}
.mediplusgel-method .method-head1 {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #c9c7c2;
  font-size: 20px;
  line-height: 24px;
}
.mediplusgel-method .method-head2 {
  margin-bottom: 10px;
  font-size: 18px;
}
.mediplusgel-method .method-txt {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.875;
}
.mediplusgel-method .method-img {
  margin-bottom: 30px;
}
.mediplusgel-method .method-btn {
  position: relative;
  display: block;
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #e7e3e2;
  font-size: 20px;
  line-height: 34px;
  text-decoration: none;
  text-align: center;
}
.mediplusgel-method .method-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-top: 1px solid #908c87;
  border-right: 1px solid #908c87;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* friend-program
------------------*/
#contents.friend-program {
  margin-top: 40px;
}
#contents.friend-program .mv {
  padding-bottom: 30px;
  background-color: #fbfcf8;
  text-align: center;
}
#contents.friend-program .mv-txt {
  font-size: 16px;
  line-height: 1;
}
#contents.friend-program .mv-txt + .mv-txt {
  margin-top: 12px;
  color: #ed7082;
}
#contents.friend-program .url {
  max-width: 674px;
  margin: 0 auto 20px;
  padding: 8px 8px 20px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px solid #ee7989;
  background-color: #fff;
}
#contents.friend-program .url-head {
  position: relative;
  margin-bottom: 10px;
  padding: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #ed7082;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
}
#contents.friend-program .url-head:before, #contents.friend-program .url-head:after {
  content: "▼";
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -9px;
  font-size: 18px;
  line-height: 1;
}
#contents.friend-program .url-head:before {
  left: 28px;
}
#contents.friend-program .url-head:after {
  right: 28px;
}
#contents.friend-program .url-txt {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 96%;
  border: 0;
  outline: 0;
  margin: 0 auto;
  padding: 6px 0;
  font-size: 22px;
  font-weight: normal;
  color: #633a34;
  text-align: center;
}
#contents.friend-program .url-btn {
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
  margin: 6px 0 0;
  padding: 4px 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  background-color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
#contents.friend-program .url-btn:active {
  border-color: #0054ff;
  background-color: #0054ff;
  color: #fff;
}
#contents.friend-program .url-message {
  position: relative;
  width: 80%;
  margin: 10px auto 0;
  padding: 10px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #ffe9ec;
}
#contents.friend-program .url-message:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background-color: #ffe9ec;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#contents.friend-program .url-message span {
  font-size: 14px;
  font-weight: bold;
}
#contents.friend-program .section {
  margin-bottom: 45px;
  text-align: center;
}
#contents.friend-program .section-head {
  margin-bottom: 35px;
  padding: 10px 20px;
  background-color: #807467;
  font-size: 18px;
  line-height: 20px;
  text-align: left;
  color: #fff;
}
#contents.friend-program .notes {
  margin: 10px 19px;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
#contents.friend-program .qa {
  width: 740px;
  margin: 0 auto;
}
#contents.friend-program .qa .section-head {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}
#contents.friend-program .qa .qa-content {
  padding: 20px;
  border-bottom: 1px solid #eae8e6;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
#contents.friend-program .qa .qa-content .q {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  color: #ce2f3e;
}
#contents.friend-program .qa .qa-content .q:before {
  content: "Q.";
  position: absolute;
  top: 0;
  left: 0;
}
#contents.friend-program .qa .qa-content .a {
  position: relative;
  padding-left: 20px;
}
#contents.friend-program .qa .qa-content .a:before {
  content: "A.";
  position: absolute;
  top: 0;
  left: 0;
}
#contents.friend-program .qa .qa-notes {
  margin: 20px;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}

/* #mothersday-gift
------------------*/
#mothersday-gift h1 {
  margin: 0;
  padding: 0;
  border: 0;
}
#mothersday-gift img {
  margin: 0;
  vertical-align: bottom;
}
#mothersday-gift .mothersday-gift__btnbox {
  position: relative;
}
#mothersday-gift .mothersday-gift__btn {
  position: absolute;
  bottom: 37px;
  display: block;
}
#mothersday-gift .mothersday-gift__btn.left {
  left: 102px;
}
#mothersday-gift .mothersday-gift__btn.right {
  right: 99px;
}
#mothersday-gift .mothersday-gift__btn:hover {
  opacity: 0.7;
}

/* margin
------------------*/
.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mtm30 {
  margin-top: -30px !important;
}

.mtm5 {
  margin-top: -5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml21 {
  margin-left: 21px !important;
}

/* padding
------------------*/
.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt50 {
  padding-top: 50px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

/* float
------------------*/
.fl {
  float: left;
}

.fr {
  float: right;
}

.clr {
  clear: both;
}

img.fl {
  margin: 0 20px 20px 0;
}

img.fR {
  margin: 0 0 20px 20px;
}

/* text-align
------------------*/
.tAC {
  text-align: center;
}

.tAR {
  text-align: right;
}

.tAL {
  text-align: left;
}

/* display
------------------*/
.blk {
  display: block;
}

/* position
------------------*/
.relative {
  position: relative;
}

/* color
------------------*/
.colors p {
  padding: 10px;
}
.colors .color {
  background: #5F5850;
  color: #fff;
}
.colors .green {
  background: #2f8f86;
}
.colors .green2 {
  background: #78cfc7;
}
.colors .green3 {
  background: #2e8e85;
}
.colors .green4 {
  background: #77cec8;
}
.colors .orange {
  background: #ee9106;
}
.colors .red {
  background: #fd2e0c;
}
.colors .linegray {
  background: #e3e1dc;
}
.colors .linegray2 {
  background: #d3d2d0;
}
.colors .pink {
  background: #df5085;
}
.colors .purple {
  background: #ae5da1;
}

/* font
------------------*/
.fontL {
  font-size: 150%;
}

.attention {
  font-size: 14px;
  font-weight: bold;
  color: #d52e40;
}

.dangle {
  margin-left: 1em;
  text-indent: -1em;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.hanging li {
  text-indent: -1em;
  margin-left: 1em;
}

.f-red {
  color: #d00d38;
}

.w320 {
  width: 320px;
}

.w520 {
  width: 520px;
}

/* introduction appli
------------------*/
#wrapper_app {
  color: #000;
}
#wrapper_app #recommendApp {
  background: unset;
}
#wrapper_app #recommendApp p {
  width: 900px;
  font-size: 16px;
  text-align: center;
}
#wrapper_app #content > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
  padding: 60px 0;
  height: auto;
}
#wrapper_app #content .icon {
  width: 75px;
  margin: 0 auto;
}
#wrapper_app #content .icon img {
  width: 68px;
  height: 68px;
}
#wrapper_app #content h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 50px;
}
#wrapper_app #content .information {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
}
#wrapper_app #content .information.reverce {
  flex-direction: row-reverse;
}
#wrapper_app #content .information.reverce .information_img {
  margin: 0 0 0 3% !important;
}
#wrapper_app #content .information_img {
  max-width: 470px;
  margin: 0 3% 0 0;
}
#wrapper_app #content .information_img img {
  width: 230px;
  height: auto;
}
#wrapper_app #content .information_descript {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 300px;
  font-size: 16px;
  line-height: 1.5;
}
#wrapper_app #content .deliver {
  background-color: #fff3ea;
}
#wrapper_app #content .deliver h2 {
  color: #f18e38;
}
#wrapper_app #content .push {
  background-color: #e9fdff;
}
#wrapper_app #content .push h2 {
  color: #43b9c3;
}
#wrapper_app #content .bulletin {
  background-color: #f7efff;
}
#wrapper_app #content .bulletin h2 {
  color: #9070af;
}

#main_banner {
  height: 600px;
  margin-top: 60px;
  text-align: center;
  background: url(/img/appli/banner_pc_background.jpg) no-repeat center 0;
  background-size: cover;
}
#main_banner > div {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  height: 720px;
  margin: 0 auto;
  padding: 0 5px;
}
#main_banner img {
  height: 600px;
}
#main_banner h1 {
  position: absolute;
  top: 90px;
  line-height: 2.0;
  font-weight: bold;
  left: 270px;
  color: #000;
  font-size: 35px;
}
#main_banner h1 span {
  font-size: 24px;
  letter-spacing: -2px;
}
#main_banner > div > div {
  position: absolute;
  top: 320px;
  line-height: 2.0;
  font-weight: bold;
  left: 130px;
  font-size: 15px;
}
#main_banner .catch_copy {
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #fff;
  display: inline-block;
  margin-right: 15px;
}
#main_banner .catch_copy img {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
}
#main_banner .catch_copy span {
  position: absolute;
  top: 55%;
  left: 0;
  width: 160px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
#main_banner .catch_copy.deliver {
  border: solid 3px #f18e38;
  color: #f18e38;
}
#main_banner .catch_copy.push {
  border: solid 3px #43b9c3;
  color: #43b9c3;
}
#main_banner .catch_copy.bulletin {
  border: solid 3px #9070af;
  color: #9070af;
}