/*--------------------------
タブレット調整
----------------------------*/

@media screen and (max-device-width: 1180px) {
  body, html {
    min-width: 1300px !important;
    margin: 0;
    padding: 0;
    color: #000;
    -webkit-text-size-adjust: 100%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root ul.GNaV li {
    display: inline;
    border-left: solid 1px #043786;
    padding: 1px .9em;
  }
  _::-webkit-full-page-media, _:future, :root .dr_btm_area dt p {
    width: 690px;
    word-break: break-all;
    color: #043786;
    margin: 40px 0 20px;
    line-height: 1.9em;
    letter-spacing: .7px;
    font-size: 1rem;
  }
}


/*--------------------------
ios　解除
----------------------------*/

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

#globalHeader nav.fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
  background: #fff;
  padding: 0;
  box-shadow: 0px 0px 6px 0px #ddd;
  background-blend-mode: multiply !important;
}

.foot_sp {
  display: none;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus, input[type="button"]::focus {
  outline-offset: -2px;
}
#payment_area table td {
	width: 50%;
}

/*--------------------------
テキストカラー
----------------------------*/

.red {
  color: #f10c4d !important;
}

.yellow {
  background: linear-gradient(transparent 60%, #ffff66 60%);
  font-weight: 700;
}

.blue {
  color: #007ae1;
  text-decoration: underline;
}

.bold {
  font-weight: bold !important;
}

.tCenter {
  text-align: center !important;
}

.tLeft {
  text-align: left !important;
}

.tRight {
  text-align: right !important;
}

.fmin {
  font-size: 10px !important;
}

.fmin02 {
  font-size: 85% !important;
  line-height: 1.7em !important;
}

.fsmall {
  font-size: 12px !important;
}

.fmid {
  font-size: 16px !important;
}

.fbig {
  font-size: 18px !important;
}

.fmax {
  font-size: 20px !important;
}

a img:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bold {
  font-weight: bold;
  line-height: 1.4em;
}


/*--------------------------
clearfix
----------------------------*/


/* For modern browsers */

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

.clearfix {
  zoom: 1;
}


/*--------------------------
body　reset
----------------------------*/

body {
  overflow-x: hidden;
}

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.7em;
}

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, main, menu, nav, section, summary {
  display: block;
}

p, li, th, td, div, span {}

body {
  /*font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;*/
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic" !important;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.8px;
}

#contents p, #contents li, #contents div {}

#wrap button.drawer-toggle.drawer-hamburger {
  display: none;
}

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
  color: #464646;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

img {
  vertical-align: middle;
}


/*--------------------------
微調
----------------------------*/

.sp, .tab {
  display: none !important;
}

.mt0 {
  margin-top: 0 !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;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.pb_10 {
  padding-bottom: 10px;
}

.pb_20 {
  padding-bottom: 20px;
}

.pb_30 {
  padding-bottom: 30px;
}

.pb_40 {
  padding-bottom: 40px;
}

.pb_50 {
  padding-bottom: 50px;
}

.pb_60 {
  padding-bottom: 60px;
}

.pb_70 {
  padding-bottom: 70px;
}

.pt_10 {
  padding-top: 10px;
}

.pt_20 {
  padding-top: 20px;
}

.pt_30 {
  padding-top: 30px;
}

.pt_40 {
  padding-top: 40px;
}

.pt_50 {
  padding-top: 50px;
}

.pt_60 {
  padding-top: 60px;
}

.pt_100 {
  padding-top: 100px;
}

.ct {
  text-align: center;
}


/*--------------------------
標準機能
----------------------------*/

#topcontrol {
  z-index: 10001;
}


/*パンクズ*/

.breadcrumbles {
  width: 1000px;
  margin: 15px auto 20px;
  color: #043786;
  font-size: 0.8rem;
}

.breadcrumbles a {
  color: #043786;
}


/*--------------------------
テキスト関連
----------------------------*/

.base_txt {
  width: 90%;
  line-height: 1.8em;
  font-size: 1.15rem;
  margin: 45px auto 40px;
}
.base_txt02 {
  width: 100%;
  line-height: 1.8em;
  font-size: 1.15rem;
  margin: 45px auto 40px;
  padding-left: 15px;
}

/*--------------------------
テキストリンク
----------------------------*/

a.link {
  color: #33bad2;
  text-decoration: underline;
}

a.link:hover {
  text-decoration: none;
}


/*--------------------------
hr
----------------------------*/

.bdr_box {
  border: solid 1px #ccc;
  margin: 0 0 30px;
}

hr.bdr {
  border: none;
  height: 1px;
  background: #dedede;
  width: 90%;
  margin: 25px auto;
}


/*--------------------------
右固定メニュー
----------------------------*/

.ara_nav {
  position: relative;
}

#ara_nav_child {
  position: fixed;
  width: 100px;
  height: 500px;
  top: 80px;
  right: -12px;
  text-align: center;
  display: none;
  font-size: .85rem;
  line-height: 1.4em;
  z-index: 10500;
}

.nav_01 {
  background-color: #043786;
  width: 80px;
  color: #fff;
  text-align: center;
  border: 3px solid #fff;
  padding: 20px 5px 20px 5px;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
}

.nav_01.sec {
  background-color: #043786;
  width: 80px;
  color: #fff;
  text-align: center;
  border-left: 3px solid #fff;
  border-top: none;
  padding: 20px 5px 20px 5px;
  border-radius: 0px 10px 0px 0px;
  -webkit-border-radius: 0px 10px 0px 0px;
  -moz-border-radius: 0px 10px 0px 0px;
}

.nav_02 {
  background-color: #043786;
  width: 80px;
  color: #fff;
  text-align: center;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 20px 5px 20px 5px;
  border-radius: 0px 0px 0px 10px;
  -webkit-border-radius: 0px 0px 0px 10px;
  -moz-border-radius: 0px 0px 0px 10px;
}

.nav_03 {
  width: 80px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #fff;
  text-align: center;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 56px 5px 20px 5px;
  border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  letter-spacing: -1px;
  background: url(../../common/images/common/mail_ico.png)#f20044 50% 20% no-repeat;
}

.nav_01 a, .nav_02 a, .nav_03 a {
  color: #fff;
}


/*--------------------------
header
----------------------------*/

.pure-toggle-label {
  display: none !important;
}


/*--------------------------
GNaV
----------------------------*/

#globalHeader nav {
  position: relative;
  z-index: 10;
  padding-top: 100px;
}

nav.topnav.fixed {
  position: fixed;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
  z-index: 10000;
  top: 0;
}

ul.GNaV {
  width: 1000px;
  height: auto;
  text-align: center;
  margin: 10px auto 0;
  padding: 15px 0;
  font-size: 1.1rem;
  border-left: none;
  font-weight: bold;
  border-right: none;
}

ul.GNaV li {
  display: inline;
  border-left: solid 1px #043786;
  padding: 1px 1.3em;
}

/*Safari　CSShack*/
_::-webkit-full-page-media, _:future, :root ul.GNaV li {
  display: inline;
  border-left: solid 1px #043786;
  padding: 1px .8em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ul.GNaV li {
    display: inline;
    border-left: solid 1px #043786;
    padding: 1px .8em;
  }
}

ul.GNaV li h2 {
  display: inline-block;
}

ul.GNaV li:first-child {
  border: none;
}

ul.GNaV li a {
  color: #1380bc;
}

ul.GNaV li a h2:hover {
  text-decoration: underline;
}


/*--------------------------
mv
----------------------------*/

#mainVisual {
  width: 100%;
  height: 895px;
  position: relative;
  padding-top: 15px;
  z-index: 1;
  background: url(../../common/images/mv_bg_20220908.jpg) #fae6ee 50% bottom no-repeat;
}

#mainVisual .inner {
  width: 1060px;
  margin: 0 auto;
}

#mainVisual .top_banner {
  width: 1026px;
  height: 353px;
  margin: 0 auto;
  padding: 20px 0 0;
  background: url(../../common/images/head_banner_area_bg.png) 50% no-repeat;
}

#mainVisual .top_banner a {
  display: block;
  width: 705px;
  height: 38px;
  margin: 0 auto;
  padding: 264px 0 0;
}


/*--------------------------
contents
----------------------------*/

.contents-box {
  width: 1000px;
  margin: 0 auto 40px;
  padding: 0;
}

#contents {
  width: 1000px;
  margin: 0px auto 30px;
  padding: 30px 0 0;
}

#contents.udr {
  width: 1000px;
  margin: 0px auto 30px;
  padding: 10px 0 0;
}

#contents .box {
  position: relative;
}

#contents .box>.block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contents .sidebar {
  width: 235px;
  float: left;
  margin-bottom: 30px;
}


/*--------------------------
pagettl
----------------------------*/

.pagettl {
  width: 100%;
  margin: 10px 0 0;
  padding: 15px 0;
  background: #e00071;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
}

.pagettl02 {
  width: 100%;
  margin: 0px 0 0;
  padding: 15px 0;
  background: #15508c;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  position: relative;
}

.pagettl02 span {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #15508c;
  top: 40px;
  left: 48%;
}

.pagettl03 {
  width: 100%;
  margin: 10px 0 0;
  padding: 15px 0;
  background: #15508c;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  position: relative;
}

.pagettl03 span {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #15508c;
  top: 65px;
  left: 48%;
}


/*--------------------------
cv_area
----------------------------*/

.cv_area_bg {
  width: 100%;
  background: url(../../common/images/cv_area_bg.gif) 0 top repeat-x;
	border-bottom: 3px solid #e92e80;
}

.cv_area_bg .inner {
  width: 1060px;
  position: relative;
  z-index: 100;
  margin: 0 auto;
}

.prt_photo {
  width: 345px;
height: 521px;
position: absolute;
top: -296px;
left: -40px;
z-index: 105;
}

.prt_photo_btm {
  position: absolute;
  top: 58px;
  left: -189px;
  z-index: 104;
}

.prt_price {
  position: absolute;
  top: 20px;
  right: 0px;
  z-index: 104;
}

.prt_btn {
  width: 642px;
  height: 96px;
  position: absolute;
  right: -5px;
  top: 350px;
  z-index: 105;
}
.txt {
  width: 98%;
  position: absolute;
  right: -5px;
  top: 412px;
  z-index: 105;
	line-height: 1.2em;
}

/*--------------------------
30日間全額返金保証
----------------------------*/

.sec01 {
  width: 100%;
  padding: 20px 0;
  background: #f7f6e5;
}

.sec01.w_bg {
  width: 100%;
  height: 396px;
  padding: 20px 0 0;
  background: #fff;
}

.sec01.w_bg.btm {
  width: 100%;
  height: 396px;
  padding: 20px 0 25px;
  background: #fff;
}

.sec01 .inner {
  width: 1060px;
  margin: 0 auto;
}

.g_ttl {
  width: 100%;
  padding: 15px 0 !important;
  text-align: center;
  font-size: 1.6rem;
  margin: 20px 0;
  font-weight: bold;
  background: #9c7748;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9c7748 0%, #f4eee5 50%, #9c7748 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9c7748 0%, #f4eee5 50%, #9c7748 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9c7748 0%, #f4eee5 50%, #9c7748 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7748', endColorstr='#9c7748', GradientType=1);
  /* IE6-9 */
}

.g_ttl p {
  color: #000;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
}

.crl_ul {
  width: 100%;
  margin: 20px 0 20px 30px;
}

.crl_ul li {
  list-style: disc;
}

.bdrbox {
  width: 1000px;
  border: 1px solid #c5c5c5;
  margin: 15px auto 15px;
  padding: 20px 0;
}

.nrm_btn_dl {
  width: 800px;
  margin: 0 auto;
}

.nrm_btn_dl dt {
  width: 306px;
  float: left;
}

.nrm_btn_dl dd {
  width: 410px;
  float: right;
}


/*iframe対応*/
.movwrap {
  width:100%;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin: 25px auto 25px;
  text-align: center;
  position: relative;
}
.iframe-content {
    position: relative;
    width: calc(500px - 10px);
    margin: 15px auto 30px;
    padding: 26% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iframe-content02 {
    position: relative;
    width: 500px;
    margin: 15px auto 30px;
    padding: 60% 0 0 0;
}
.iframe-content02 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*--------------------------
anchor_ttl
----------------------------*/

.anchor_ttl {
  width: 100%;
  text-align: center;
  margin: 30px 0 35px;
}

.anchor_ttl p {
  display: inline-block;
  margin: 0 auto;
  font-weight: bold;
  font-size: 2.5rem;
  padding-bottom: 5px;
  border-bottom: 3px solid #e00071;
}


/*--------------------------
開発者紹介
----------------------------*/

.sec02 {
  width: 100%;
  background: #fdedf0;

}

.sec02 .inner {
  width: 1060px;
  margin: 0px auto;
  background: #fff;
  padding-bottom: 20px;
}


/*--------------------------
驚異のリピート
----------------------------*/

.sec03 {
  width: 100%;
  background: url(../../common/images/sec3_bg.jpg) 65% 0% no-repeat;
}

.sec03 .inner {
  width: 1060px;
  margin: 0px auto;
  padding-bottom: 20px;
}


/*--------------------------
top_area
----------------------------*/

.top_area {
  width: 100%;
  padding: 10px 0 calc;
}

.top_area .inner {
  width: 1060px;
  margin: 0 auto;
}

.top_area .inner h3 {
  padding: 40px 0;
}


/*--------------------------
cv_area02
----------------------------*/

.cv_area02 {
  width: 100%;
  padding: 1.6em 0;
  background: #fdedf0;
}

.cv_area02 .inner {
  width: 1060px;
  height: 690px;
  margin: 0px auto;
  padding-bottom: 20px;
  position: relative;
  background: url(../../common/images/cv_02_bg_20220908.png)50% 0 no-repeat;
}

.cv02_btn {
  position: absolute;
  top: 600px;
  right: 90px;
}
.cv_area02 div.inner div.txt {
width: 98%;
position: absolute;
right: -5px;
top: 673px;
z-index: 105;
line-height: 1.2em;
}

/*--------------------------
cv_area03
----------------------------*/

.cv_area03 {
  width: 100%;
	border-bottom: 3px solid #e92e80;
}

.cv_area03 .inner {
  width: 1200px;
  height: 842px;
  margin: 0px auto;
  position: relative;
  background: url(../../common/images/cv03_inbg_20220908.jpg) 90% 17px no-repeat;

}

.cv03_btn {
  position: absolute;
  top: 729px;
left: 276px;
}
div#cart_area.cv_area03 div.inner div.txt {
width: 93%;
position: absolute;
right: -5px;
top: 736px;
z-index: 105;
line-height: 1.2em;
}


/*--------------------------
お客様の声
----------------------------*/

.sec05 {
  width: 100%;
}

.sec05 .inner {
  width: 1060px;
  margin: 0px auto;
  padding-bottom: 20px;
}

.mov_bg {
  height: 425px;
  background-size: cover;
  text-align: center;
  position: relative;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-image: url(../../common/images/video_20220908.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.mov_bg img {
  z-index: 20;
  position: absolute;
  top: 100px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.mov_bg video {
  margin: 0 auto;
  z-index: 1;
  width: 100%;
}

.mov_bg .overray {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 10;
}

.voice_box {
  width: 100%;
  margin: 45px auto 0;
  padding: 6em 0 1em;
  background: #fff;
  /* box-shadow */
  position: relative;
  z-index: 10;
  box-shadow: 0px 0px 6px 3px #eaeaea;
}

.voice_box span {
  width: 219px;
  height: 77px;
  position: absolute;
  top: -22px;
  left: 39%;
}

.voice_box h4 {
  color: #e00071;
  width: 90%;
  margin: 0 auto;
  font-size: 1.8rem;
}


/*--------------------------
画像回り込み
----------------------------*/

.floatBox {
  width: 90%;
  margin: 30px auto !important;
}

.floatBox .hRight {
  float: right;
  width: calc(40% - 20px) !important;
  margin: 0 0 20px 20px;
}

.floatBox .hLeft {
  float: left;
  width: calc(40% - 20px) !important;
  margin: 0 20px 15px 5px;
}

.floatBox p {
  margin: 15px 0;
  font-size: 1.15rem;
  line-height: 1.8em;
}


/*--------------------------
ヘアバースの効果
----------------------------*/

.sec06 {
  width: 100%;
  background: url(../../common/images/sec06_bg.jpg) 50% 0% no-repeat;
}

.sec06 .inner {
  width: 1060px;
  margin: 0 auto;
  padding: 3em 0;
}

dl.effectbox_first {
  width: 100%;
  margin: 60px 0 0;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
  padding: 1em 40px;
  font-size: 1.5rem;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

dl.effectbox {
  width: 100%;
  margin: 20px 0 0;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
  padding: 1em 40px;
  font-size: 1.5rem;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

sl.effectbox_first dt, sl.effectbox dt {
  width: 44px !important;
  display: table-cell;
  vertical-align: middle !important;
  margin: 0 15px 0 15px;
  padding-left: 3em;
}

dl.effectbox_first dd, dl.effectbox dd {
  vertical-align: middle;
  display: table-cell;
  text-align: left;
  font-weight: bold;
  line-height: 1.5em;
  width: 90%;
}


/*--------------------------
ヘアバースの4つの効き目
----------------------------*/

.sec07 {
  width: 100%;
  background: #e6eef6;
}

.sec07 .inner {
  width: 1060px;
  margin: 0 auto;
  padding: 3em 0 6em;
  position: relative;
}

.c-frame-title--position {
  position: absolute;
  top: -30px;
  left: 35%;
}

.c-frame-title {
  position: relative;
  border: 2px solid #000;
  width: 300px;
  height: 100px;
  text-align: center;
}

.c-frame-title__en {
  position: absolute;
  top: 0;
  left: 64px;
  transform: translateY(-50%);
  padding: 0 12px;
  display: inline-block;
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.c-frame-title__ja {
  margin-top: 50px;
  font-size: 2rem;
  font-weight: normal;
}


/*--------------------------
全額返金保証制度
----------------------------*/

.sec08 {
  width: 100%;
  background: url(../../common/images/sec8_bg.jpg)#00acc1 50% 0% no-repeat;
  color: #fff;
}

.sec08 .inner {
  width: 1060px;
  margin: 0 auto;
  position: relative;
  padding: 3em 0 0;
  position: relative;
}

.sec08 .inner img {
  padding-top: 225px;
}

.sec08 .inner span {
  width: 320px;
  height: 120px;
  position: absolute;
  top: -293px;
  left: 36%;
}


/*--------------------------
定期購入のご案内
----------------------------*/

.sec09 {
  width: 100%;
}

.sec09 .inner {
  width: 1060px;
  margin: 0 auto;
  padding: 2em 0 0;
}

.b_ttl_01 {
  width: 100%;
  padding: 15px 0 !important;
  text-align: center;
  font-size: 1.6rem;
  margin: 20px 0;
  background: #ff7a0e;
  color: #fff;
}

.b_ttl_02 {
  width: 100%;
  padding: 15px 0 !important;
  text-align: center;
  font-size: 1.6rem;
  margin: 20px 0;
  background: #00acc1;
  color: #fff;
}

.b_ttl_03 {
  width: 100%;
  padding: 15px 0 !important;
  text-align: center;
  font-size: 1.6rem;
  margin: 20px 0;
  background: #e1e1e1;
  color: #000;
}


/*--------------------------
薄毛症の原因
----------------------------*/

.sec10 {
  width: 100%;
	background: #e6eef6;
  margin: 55px 0 0;
}

.sec10 .inner {
  width: 1060px;
  margin: 0 auto;
  padding: 1em 0 0;
  position: relative;
}

.sec10 .inner span {
  width: 320px;
  height: 120px;
  position: absolute;
  top: -40px;
  left: 35%;
}


/*--------------------------
利用ガイド
----------------------------*/

.bdr_ttl {
  width: 100%;
  border-left: 3px solid #000;
  border-bottom: 1px solid #000;
  padding-left: 10px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 20px;
  font-size: 1.2rem;
}

.two_col {
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 15px;
}

.two_col .l_col {
  display: table-cell;
  width: 50%;
  padding-right: 1%;
}

.two_col .r_col {
  display: table-cell;
  width: 50%;
  padding-left: 1%;
}

.two_col .l_col img.pic, .two_col .r_col img.pic {
  width: 100%;
  height: auto;
}

.two_col .l_col p, .two_col .r_col p {
  margin: 20px 0 0;
}

.wrap {
  width: 90%;
  margin: 0 auto;
}


/*--------------------------
footer
----------------------------*/

#globalFooter {
  border-top: solid 1px #e2e2e2;
  padding: 0;
  background: #f8f8f8;
}

.f_ul {
  text-align: center;
  margin: 15px 0;
}

.f_ul li {
  display: inline;
  margin-right: 35px;
}

.f_ul li:last-child {
  margin-right: 0px;
}

#globalFooter .foot_dl {
  width: 1000px;
  margin: 40px auto 50px;
}

#globalFooter .foot_dl dt {
  width: 300px;
  float: left;
  padding: 0 25px;
}

#globalFooter .foot_dl dd {
  width: 600px;
  float: right;
}

#globalFooter .foot_dl dd h5 {
  font-size: 1.2rem;
  border-left: 2px solid #ccc;
  padding-left: 5px;
  margin-bottom: 30px;
}

#globalFooter .foot_dl dd ul {
  width: 300px;
  float: left;
}

#globalFooter .foot_dl dd ul:first-child {
  width: 300px;
  float: left;
  margin-right: 20px;
}

#globalFooter #copyright {
  width: 100%;
  display: block;
  background: #e6e6e6;
  font-size: 65%;
  text-align: center;
  line-height: 1.8em;
  padding: 5px 0 10px;
  color: #333;
  letter-spacing: 1.5px;
}


/*--------------------------
アンカー調整
----------------------------*/

h2#c_01, h2#c_02, h2#c_03, h2#c_04, h2#c_05, h2#c_06, h2#c_07, h2#c_08, h2#c_09, h2#c_10, h2#c_11 {
  height: 30px;
  clear: both;
  width: 100%;
  margin-top: -70px;
  padding-top: 75px;
}


/*--------------------------
テーブル
----------------------------*/

table.basicTb {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.2rem;
  line-height: 1.5em;
  margin: 15px auto 40px;
  width: 90%;
  clear: both;
}

table.basicTb th {
  vertical-align: middle;
  background: none repeat scroll 0 0 #fff;
  border-right: 3px solid #e6eef6;
  border-bottom: 3px solid #e6eef6;
  text-align: center;
  background: #4dc1f7;
  color: #fff;
  width: 30%;
  padding: 15px 0;
}

table.basicTb td {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 3px solid #e6eef6;
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  width: 250px !important;
  padding: 15px 20px;
}

/*--------------------------
お知らせ
----------------------------*/
#mainVisual .inner {
  position: relative;;
}
div#mainVisual div.inner div.pop_news{
  width: 650px;
  height: 55px;
  background: #fff;
  border: 1px solid #e92e80;
  position: absolute;
  top: 820px;
  right: 35px;
  padding:5px 15px;
  line-height: 1.4em;
  color: #e92e80;
}
