@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese);
.invisible_layer {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/common/space.gif);
}
/*----------------------------------------------------
 elements
----------------------------------------------------*/
/* 共通設定
-------------------------------------------------- */
/* 基本設定 */
* {
  box-sizing: border-box;
}
body {
  background: #fff;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
:not(frame) img, :not(script) img, :not(.noscript) img {
  /*width:100%;
  	height:auto;
  	border:1px solid #f00;*/
}
#wrapper {
  position: relative;
}
#globalnavi img, #main img, #footerShare img, #footerBnr img, #pageTop02 img, #footerLink img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
ul {
  list-style: none;
}
sup {
  font-size: 0.8em;
  vertical-align: super;
}
/* リンク関連 */
a {
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
}
a span, a:hover img {
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
}
a:link, a:visited, a:active {
  color: #392763;
  text-decoration: underline;
}
a:hover {
  color: #392763;
  text-decoration: none;
}
p {
  margin-bottom: 1em;
}
.newsArea a:link, .newsArea a:visited, .newsArea a:active, .newsArea a:hover {
  color: #ffffff;
  text-decoration: none;
}
/*a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}*/
/* ページ内リンク */
.pageLink {
  visibility: hidden;
}
/* その他設計 */
.dn {
  display: none !important;
}
.fixed {
  position: fixed;
  z-index: 60;
  width: 100% !important;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clr {
  zoom: 1;
}
.clr:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear {
  clear: both;
}
.nowrap {
  white-space: nowrap;
}
.icnNew {
  margin: 0 0 0 0.5em !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 1 !important;
  vertical-align: middle !important;
  height: 0.8em !important;
  width: auto !important;
}
.npWrap {
  position: relative;
}
.npCover {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 15;
}
a.da img, a:hover.da img {
  opacity: 0.5;
  cursor: default;
}
.fntClr_comment {
  color: #B0B0B1;
}
.wrap-content {
  padding: 30px 20px 20px;
  background: url(../../img/common/body_bg.png) repeat-y;
  background-size: 100% 100%;
  background-clip: padding-box;
}
.pagebody2 .ttl {
  padding: 65px 0 45px;
}
.pagebody2 .ttl h1 {
  text-align: center;
}
.notice .pagebody2 .ttl h1.a_txt01, .privacypolicy .pagebody2 .ttl h1.a_txt01 {
  font-size: 16px;
  font-weight: 400;
}
.pagebody2 .ttl h1.cat01, .pagebody2 .ttl h1.pn01 {
  color: #4D1F63;
  font-weight: bold;
}
.pagebody2 .ttl h1.cat01 {
  padding: 0 0 15px 0;
  margin: 0 0 22px;
  background: url("../../img/common/bgi_h1.png") center bottom no-repeat;
  background-size: 40px 2px;
  display: flex;
}
body[class^="feature0"] .pagebody2 .ttl h1.cat01 {
  padding: 0 0 35px 0;
  margin: 0 0 15px;
}
.cm .pagebody2 .ttl h1.cat01, body[class^="present"] .pagebody2 .ttl h1.cat01 {
  padding: 0 0 0 0;
  margin: 0;
  background: none;
}
.pagebody2 .ttl h1.cat01 > span.useful {
  background: url("../../../assets/img/common/icon_useful.png") left center no-repeat;
  background-size: contain;
}
h1.cat01 > span.autumn {
  background: url("../../../assets/img/common/icon_autumn.png") left center no-repeat;
  background-size: contain;
}
h1.cat01 > span.buy {
  background: url("../../../assets/img/common/icon_buy.png") left center no-repeat;
  background-size: contain;
}
h1.cat01 > span.qanda {
  background: url("../../../assets/img/common/icon_qanda.png") left center no-repeat;
  background-size: contain;
}
h1.cat01 > span.cm {
  background: url("../../../assets/img/common/icon_cm.png") left center no-repeat;
  background-size: contain;
}
h1.cat01 > span.present {
  background: url("../../../assets/img/common/icon_present.png") left center no-repeat;
  background-size: contain;
}
h1.cat01 > span {
  font-size: 16px;
  margin: 0 auto;
  padding: 3px 0 0 32px;
  box-sizing: border-box;
  height: 28px;
}
h1.cat01 > span.feature, body[class^="feature0"] #main h1.cat01 > span {
  padding: 3px 0 0 0;
}
body[class^="feature0"] #main h1.cat01 > span > img {
  width: 160px;
}
body[class^="feature0"] h1.pn01 {
  font-size: 28px;
  line-height: 1.1;
}
body[class^="feature0"] h1.pn01 em {
  font-size: 40px;
  color: #B8A5C1;
  display: inline-block;
  margin-right: 0.1em;
  font-weight: 500;
  height: 100%;
}
body[class^="feature0"] h1.pn01 strong {
  font-size: 40px;
  font-weight: 500;
}
body.feature05 h1.pn01 strong {
  font-size: 30px;
  font-weight: 500;
}

body.feature01 h1.pn01 span.posR {
  left: 0;
}
body.feature03 h1.pn01 span.posR {
  left: -2.5em;
}
body.feature04 h1.pn01 span.posR {
  left: 1em;
}
.pagebody2 .ttl h1.pn01 {
  text-align: center;
  font-size: 18px;
  line-height: 1.1;
}
.buy .pagebody2 .ttl h1.pn01, .product .pagebody2 .ttl h1.pn01, .faq .pagebody2 .ttl h1.pn01, .store .pagebody2 .ttl h1.pn01, .eximperfor .pagebody2 .ttl h1.pn01 {
  font-size: 22px;
}
.eximperfor .pagebody2 .ttl h1.pn01 span {
  font-size: 16px;
}
.evening .pagebody2 .ttl h1.pn01, .autumn  .pagebody2 .ttl h1.pn01 {
  font-size: 22px;
  line-height: 1.4;
}
.special .pagebody2 .ttl h1.pn01, .trivia_s .pagebody2 .ttl h1.pn01, .forcast .pagebody2 .ttl h1.pn01, .calendar .pagebody2 .ttl h1.pn01, .trivia .pagebody2 .ttl h1.pn01, .trivia .pagebody2 .ttl h1.pn01, .trivia .pagebody2 .ttl h1.pn01, .selfcheck .pagebody2 .ttl h1.pn01 {
  font-size: 20px;
}
.imperfor .pagebody2 .ttl h1.pn01, .counterplan  .pagebody2 .ttl h1.pn01 {
  font-size: 20px;
  line-height: 1.2;
}
.himitsu .pagebody2 .ttl h1.pn01, .counterplan  .pagebody2 .ttl h1.pn01 {
  font-size: 20px;
  line-height: 1.7;
}
.survey .pagebody2 .ttl h1.pn01 {
  font-size: 26px;
  line-height: 1.4;
}
.how_predict .pagebody2 .ttl h1.pn01 {
  font-size: 20px;
  line-height: 1.7;
}
.rhinitis .pagebody2 .ttl h1.pn01 {
  font-size: 22px;
  line-height: 1.4;
}
.feature #main .pagebody2 .ttl h1 img {
  width: 219px;
}
.feature #main .pagebody2 .ttl h1 img {
  width: 219px;
}
.feature #main .pagebody2 .ttl h1.cat01 img {
  width: 146px;
}
.feature #main .pagebody2 .ttl h1.pn01 {
  font-size: 14px;
}
.feature02 #main .pagebody2 .ttl h1 img {
  width: 176px;
}
.feature03 #main .pagebody2 .ttl h1 img {
  width: 219px;
}
.feature04 #main .pagebody2 .ttl h1 img {
  width: 195px;
}
.feature05 #main .pagebody2 .ttl h1 img {
  width: 195px;
}
.buy #main .pagebody2 .ttl h1 img {
  width: 227px;
}
.product #main .pagebody2 .ttl h1 img {
  width: 199px;
}
.faq #main .pagebody2 .ttl h1 img {
  width: 146px;
}
.store #main .pagebody2 .ttl h1 img {
  width: 157px;
}
.special #main .pagebody2 .ttl h1 img {
  width: 249px;
}
.survey #main .pagebody2 .ttl h1 img {
  width: 300px;
}
.counterplan #main .pagebody2 .ttl h1 img {
  width: 293px;
}
.how_predict #main .pagebody2 .ttl h1 img {
  width: 216px;
}
.trivia_s #main .pagebody2 .ttl h1 img {
  width: 227px;
}
.forcast #main .pagebody2 .ttl h1 img {
  width: 259px;
}
.calendar #main .pagebody2 .ttl h1 img {
  width: 147px;
}
.trivia #main .pagebody2 .ttl h1 img {
  width: 151px;
}
.selfcheck #main .pagebody2 .ttl h1 img {
  width: 192px;
}
.evening #main .pagebody2 .ttl h1 img {
  width: 223px;
}
.rhinitis #main .pagebody2 .ttl h1 img {
  width: 187px;
}
.imperfor #main .pagebody2 .ttl h1 img {
  width: 187px;
}
.eximperfor #main .pagebody2 .ttl h1 img {
  width: 242px;
}
.autumn #main .pagebody2 .ttl h1 img {
  width: 178px;
}
.present #main .pagebody2 .ttl h1 img, .present01 #main .pagebody2 .ttl h1 img, .present02 #main .pagebody2 .ttl h1 img, .present03 #main .pagebody2 .ttl h1 img, .present04 #main .pagebody2 .ttl h1 img {
  width: 105px;
}
.pagebody2 .inner {
  padding: 20px 10px;
  background: #FFF;
}
.pagebody2 .inner.inner_mb {
  margin-bottom: 25px;
}
.inner_mt {
  margin-top: 30px;
}
.pagebody2 .contents02 + .inner.inner_mb {
  margin-bottom: 0;
}
.pagebody2 .inner .h2, .pagebody2 .inner h2 {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  color: #4D1F63;
  border-bottom: 1px solid #4D1F63;
  padding-bottom: 20px;
  margin-bottom: 27px;
}
.pagebody2 .inner .h2 {
  margin-top: 30px;
}
.pagebody2 .bnr {
  padding: 25px 10px;
}
.pagebody2 #feature_list {
  background: url(../../images/common/list_bg01.png) no-repeat;
  background-size: 100% 100%;
  background-clip: padding-box;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 30px;
}
.pagebody2 #feature_list li:not(:last-of-type) {
  margin-bottom: 5px;
}
.pagebody2 #feature_list .blk01 {
  margin-top: 5vw;
}
.pagebody2 #feature_list .blk01 p {
  margin-bottom: 5px;
}

body.feature05 #feature_list ul li:nth-of-type(5) a img, body.feature04 #feature_list ul li:nth-of-type(4) a img, body.feature03 #feature_list ul li:nth-of-type(3) a img, body.feature02 #feature_list ul li:nth-of-type(2) a img, body.feature01 #feature_list ul li:first-of-type a img {
  opacity: 0.75;
}
section.kouno {
  padding: 30px 0;
}
section.kouno table th, section.kouno table td {
  border: 1px solid #4C2162;
  text-align: left;
  color: #000;
}
section.kouno table td {
  padding: 0.5em;
  font-size: 92%;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #4d1f63;
  background: #FFF;
  color: #111111;
  line-height: 1.2;
}
section.kouno table th {
  padding: 0.5em;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  border: 1px solid #4d1f63;
  color: #fff;
  line-height: 1.2;
  background: #673C7B;
}
section.kouno table {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
}
/* wrapper
-------------------------------------------------- */
/* header
-------------------------------------------------- */
#header {
  position: relative;
  width: 100%;
  text-align: center;
  line-height: 0;
  padding-top: 10px;
  margin-bottom: 7px;
}
#headerCont {
  line-height: 0;
  zoom: 1;
  background: #fff;
  width: 93.75%;
  margin: 0 auto;
  position: relative;
}
#headerCont:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#header .head_icon {
  position: absolute;
  bottom: -52px;
  right: 0;
  z-index: 10;
  background-color: #fff;
  padding: 8px;
  transform: scale(0.6);
  transform-origin: top right;
}
.index #header .head_icon {
  right: -5.4%;
}
#header .head_icon ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#header .head_icon ul li {
  width: 30px;
}
#header .head_icon ul li:not(:nth-of-type(1)) {
  margin-left: 10px;
}
.hisamitsu_msg {
  font-size: 10px;
  text-align: left;
  padding-top: 5px;
  background-color: #fff;
  line-height: 1;
  margin-left: 2px;
}
#headerTitle {
  width: 100%;
  display: inline;
  float: left;
  line-height: 0;
}
#headerNavi {
  /*width: 13.16%;*/
  display: inline;
  float: right;
  line-height: 0;
  position: fixed;
  right: 10px;
  top: 25px;
  z-index: 999;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
#headerNavi p {
  display: inline-block;
  margin-left: 10px;
}
#headerHisamitsu {
  display: block;
  line-height: 1.2;
}
#headerLogo {
  line-height: 0;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 0;
}
#headerMenu {
  cursor: pointer;
  line-height: 0;
  /*margin-bottom: 10px;*/
}
.flash {
  animation-name: flash;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
}
@keyframes flash {
  50% {
    opacity: 0;
  }
}
/* globalnavi
-------------------------------------------------- */
#globalnavi {
  width: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #5a2781;
  height: 100%;
}
#globalnavi .globalnavi_close {
  width: 93.75%;
  margin: 0 auto;
  text-align: right;
  padding-top: 10px;
}
#globalnavi .globalnavi_close img {
  width: 13.16%;
  height: auto;
}
#globalnaviArea {
  background: #5a2781;
}
#globalnaviCont {
  margin: 0 auto;
  background-color: #5a2781;
}
#globalnaviCont li a {
  padding: 0.9em 5% 0.7em 13%;
  display: block;
  color: #FFF;
  font-weight: bold;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid #937aa7;
}
#globalnaviCont li:last-child a {
  border: none;
}
#globalnaviCont .icnNew {
  display: inline;
}
#globalnaviBtn01 {
  background: url(../cont_img/common/globalnavi_icon.gif) no-repeat 95% 50%, url(../cont_img/common/gnav_01.gif) no-repeat 5% 50%;
  background-size: contain;
  border-top: #937aa7 1px solid;
}
#globalnaviBtn02 {
  background: url(../cont_img/common/globalnavi_icon.gif) no-repeat 95% 50%, url(../cont_img/common/gnav_02.gif) no-repeat 5% 50%;
  background-size: contain;
}
#globalnaviBtn03 {
  background: url(../cont_img/common/globalnavi_icon.gif) no-repeat 95% 50%, url(../cont_img/common/gnav_03.gif) no-repeat 5% 50%;
  background-size: contain;
}
#globalnaviBtn04 {
  background: url(../cont_img/common/globalnavi_icon.gif) no-repeat 95% 50%, url(../cont_img/common/gnav_04.gif) no-repeat 5% 50%;
  background-size: contain;
}
#globalnaviBtn05 {
  background: url(../cont_img/common/globalnavi_icon.gif) no-repeat 95% 50%, url(../cont_img/common/gnav_05.gif) no-repeat 5% 50%;
  background-size: contain;
  border-bottom: #937aa7 1px solid;
}
#globalnaviBtn06 {
  background: url(../cont_img/common/globalnavi_icon.gif) no-repeat 95% 50%, url(../cont_img/common/gnav_06.gif) no-repeat 5% 50%;
  background-size: contain;
}
/* main
-------------------------------------------------- */
#main {
  padding: 0 0 5em 0;
  text-align: center;
  background: #fff;
}
#mainCont {
  margin: 0 auto;
  text-align: left;
  line-height: 0;
  padding: 0 0 2em 0;
}
#main #mainCont.navCont {
  padding-bottom: 2em;
}
/* ページタイトル */
/*#pagetitle0 {
  margin: 0;
  padding: 0 5.5%;
  line-height: 0;
  width: 100%;
  background: url(../cont_img/common/pagetitle_feature0_bgi.png) no-repeat;
  background-size: cover;
}*/
#pagetitle {
  margin: 0;
  padding: 0 5.5%;
  line-height: 0;
  width: 100%;
}
#pagetitle02 {
  margin: 0;
  padding: 0 3%;
  line-height: 0;
  width: 100%;
  background-size: cover;
}
.pagetitleFeature {
  background: url(../cont_img/common/pagetitle_feature_bgi.png) no-repeat;
  background-size: cover;
}
.pagetitleBuy {
  background: url(../cont_img/common/pagetitle_buy_bgi.png) 50% bottom no-repeat;
  background-size: contain !important;
}
.pagetitleFaq {
  /*background: url(../cont_img/common/pagetitle_faq_bgi.png) no-repeat;
  background-size: cover;*/
}
#pagetitle.pagetitleFaq {
  padding: 0 3%;
  background-color: #4D1F63;
}
#pagetitle.pagetitleFaq h1 {
  background: url(../cont_img/common/pagetitle_faq_bgi.png) no-repeat #ffffff;
  background-size: cover;
  margin-top: 10%;
}
.pagetitleCm {
  background: url(../cont_img/common/pagetitle_cm_bgi.png) no-repeat center;
  background-size: cover !important;
  padding: 0 3% 5em !important;
}
.pagetitlePresent {
  background: url(../cont_img/common/pagetitle_present_bgi.png) no-repeat;
  background-size: cover;
}
.pagetitleOther {
  background: url(../cont_img/common/pagetitle_other_bgi.png) no-repeat;
  background-size: cover;
}
.pagetitleQuiz {
  background: url(../cont_img/common/pagetitle_quiz_bgi.png) no-repeat;
  background-size: cover;
}
.pagetitleInfo {
  /*background: url(../cont_img/common/pagetitle_info_bgi.png) no-repeat;
  background-size: cover;*/
  padding: 0 3% 0 !important;
  background-color: #4D1F63;
}
.pagetitleInfo h1 {
  background: url(../cont_img/common/pagetitle_info_bgi.png) no-repeat;
  background-size: cover;
  margin-top: 10%;
}
#main img.pagetitlePict {
  display: block;
  position: absolute;
  left: 40%;
  top: -20%;
  width: 20% !important;
}
#Mainvisual {
  margin: 0;
  padding: 0 0 !important;
  line-height: 0;
  width: 100%;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
#Mainvisual .bx-wrapper .bx-controls .bx-controls-direction {
  position: relative;
}
#Mainvisual .bx-wrapper .bx-controls .bx-controls-direction a {
  background-color: #ccc;
  color: #000;
  padding: 16px 0;
  width: 35px;
  text-indent: -999px;
  display: block;
  text-decoration: none;
  position: absolute;
  bottom: 150px;
}
#Mainvisual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
#Mainvisual .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -40px -32px;
}
#Mainvisual .Mainvisual_slide_ctrl {
  position: absolute;
  top: 50%;
  text-indent: -9999px;
  width: 35px;
  height: 35px;
}
#Mainvisual .nextBtn {
  right: 3.125%;
  background: url('images/controls.png') no-repeat -40px -32px;
}
#Mainvisual .prevBtn {
  left: 3.125%;
  background: url('images/controls.png') no-repeat 0 -32px;
}
#Mainvisual .Mainvisual_slide li {
  float: left;
}
#Mainvisual .Mainvisual_slide li a {
  display: block;
  width: 100%;
}
#Mainvisual .Mainvisual_slide li img {
  width: 100%;
  height: auto;
}
/* コンテンツ */
#contentBlock {
  margin: 0 auto;
  padding: 1em;
  width: 89%;
  background: #FFF;
}
#contentBlock p {
  margin-bottom: 1em;
  word-wrap: break-word;
}
#contentBlock p strong {
  color: #932596;
  font-weight: bold;
}
/* title */
.hTitleMsg {
  margin-bottom: 0.5em !important;
  font-size: 170%;
  font-weight: bold;
  color: #932596;
  line-height: 1.2;
  text-align: center;
}
.hTitleSholder {
  padding: 0.2em;
  background: #392763;
  display: inline-block;
  color: #FFF;
  font-size: 100%;
}
.hTitle02 {
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  font-size: 170%;
  border-left: 6px solid #392763;
  line-height: 1.2;
  color: #392763;
  font-weight: bold;
  clear: both;
}
.hTitle02 span {
  font-size: 80%;
  display: block;
}
.hTitle03 {
  margin-bottom: 0.5em;
  font-size: 150%;
  line-height: 1.4;
  font-weight: bold;
}
.hTitle03 span {
  font-size: 80%;
  display: block;
}
.hTitle04 {
  margin-bottom: 0.5em;
  font-size: 130%;
  line-height: 1.4;
  font-weight: bold;
}
.hTitle04 span {
  font-size: 20px;
  display: block;
}
.hTitle05 {
  font-size: 120%;
  line-height: 1.4;
  font-weight: bold;
}
.hTitle06 {
  font-size: 100%;
  line-height: 1.4;
  font-weight: bold;
}
/* 更新日 */
.dateUpdate {
  font-size: 12px !important;
  font-weight: normal;
  color: #000;
  display: block;
  text-align: right;
}
.dateUpdate .icnNew {
  margin: 0 5px !important;
}
/* text */
.txtNotice {
  font-size: 12px !important;
}
.txtSuoervision {
  margin-top: 1em;
  margin-bottom: 0 !important;
  font-size: 12px;
  text-align: right;
}
.txtSign {
  margin-bottom: 0 !important;
  text-align: right;
}
/* link */
.linkBtn {
  text-align: center;
  position: relative;
  line-height: 0;
}
.linkTxt {
  line-height: 180%;
  font-size: 15px;
}
.linkTxt li {
  margin-left: 1em;
  text-indent: -1em;
}
.linkTxt li a {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
}
.linkInactive {
  opacity: 0.6;
}
.linkTxt li strong {
  font-weight: bold;
}
/* table */
table {
  width: 100%;
  color: #540286;
}
table .even {
  background: #F7F2F9;
}
table .txtCenter {
  text-align: center;
  background: #8B4DAE;
  color: #FFF;
}
table th {
  padding: 0.2em;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  font-weight: bold;
  border: 2px solid #7e25a9;
  background: #FFF;
  line-height: 1.2;
}
table td {
  padding: 0.2em;
  font-size: 92%;
  vertical-align: middle;
  text-align: center;
  border: 2px solid #7e25a9;
  background: #FFF;
  line-height: 1.2;
}
/* list */
.listStyleNotice {
  line-height: 160%;
}
.listStyleNotice li {
  margin-left: 1em;
  text-indent: -1em;
}
.listStyleDisc, .listStyleCircle, .listStyleSquare, .listStyleDecimal, .listStyleDecimalLeadingZero, .listStyleLowerRoman, .listStyleUpperRoman, .listStyleLowerAlpha, .listStyleUpperAlpha {
  margin-left: 30px;
  list-style-position: outside;
  line-height: 160%;
}
.listStyleDisc li {
  list-style-type: disc;
}
.listStyleCircle li {
  list-style-type: circle;
}
.listStyleSquare li {
  list-style-type: square;
}
.listStyleDecimal li {
  list-style-type: decimal;
}
.listStyleDecimalLeadingZero li {
  list-style-type: decimal-leading-zero;
}
.listStyleLowerRoman li {
  list-style-type: lower-roman;
}
.listStyleUpperRoman li {
  list-style-type: upper-roman;
}
.listStyleLowerAlpha li {
  list-style-type: lower-alpha;
}
.listStyleUpperAlpha li {
  list-style-type: upper-alpha;
}
/* 分割 */
#contentBlock .sep02 {
  margin-left: -2%;
  overflow: hidden;
}
#contentBlock .sep02con01 {
  margin-left: 2%;
  width: 48%;
  display: inline;
  float: left;
}
#contentBlock .sep02cnt02 {
  margin-left: 2%;
  width: 100%;
}
#contentBlock .blockInner .sep02 {
  margin-left: -2%;
  overflow: hidden;
}
#contentBlock .blockInner .sep02con01 {
  margin-left: 2%;
  width: 48%;
  display: inline;
  float: left;
}
#contentBlock .blockInner .sep02cnt02 {
  margin-left: 2%;
  width: 100%;
}
/* コンテンツ枠*/
.blockCont, .blockContP {
  margin-bottom: 1em;
  zoom: 1;
}
.blockCont:after, .blockContP:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.mgn0 {
  margin-bottom: 0;
  zoom: 1;
}
.mgn0:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* コンテンツ枠（インナー） */
.blockInner {
  padding: 0 1.3em;
}
/* コンテンツ枠（区切り実線） */
.blockSectionSolid {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #3B2965;
}
/* コンテンツ枠（区切り点線） */
.blockSectionDotted {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px dotted #3B2965;
}
/* コンテンツ枠（フレーム枠） */
.blockFrame {
  padding: 0.5em 1em;
  background: #392763;
  background: url(../cont_img/common/block_frame_bgi.jpg) 50% 50% #392763;
  background-size: cover;
  border: 6px solid #B0A9C1;
  color: #FFF;
}
.blockFrame a {
  color: #FFF;
}
/* コンテンツ枠（CM枠） */
.blockContFrame {
  margin-bottom: 2em;
  padding: 4px;
  background: #392763;
  color: #FFF;
}
.blockContFrame p {
  margin-bottom: 0 !important;
}
.blockContFrame a {
  color: #FFF;
}
/* コンテンツ枠（レポート枠） */
.blockContReport {
  margin-bottom: 1em;
  padding: 1em;
  background: #f4eaf5; /*background:#ECDFF2;
	border:6px solid #B0A9C1;*/
}
.blockContFrame p {
  margin-bottom: 0 !important;
}
/* コンテンツ枠（コラム） */
.blockColumn {
  padding: 1em;
  background: #ECDFF2;
}
/* コンテンツ枠（ポイント） */
.blockPoint {
  padding: 1em 0.5em;
  background: #701F7D;
  color: #FFF;
}
/* 注釈 */
dl.attention {
  padding: 0.2em 0.5em;
  border: 1px solid #f00;
  color: #F00;
  overflow: hidden;
}
dl.attention dt {
  width: 3.5em;
}
dl.attention dd {
  margin: -1.6em 0 0 0;
  padding: 0 0 0 3.5em;
}
/* 本文 */
.imgL {
  margin-right: 2em;
  margin-bottom: 1em;
  display: inline;
  float: left;
}
.imgR {
  margin-left: 2em;
  margin-bottom: 1em;
  display: inline;
  float: right;
}
.imgC {
  margin-bottom: 1em;
  display: block;
  text-align: center;
}
.txt {
  text-align: left;
}
/* 関連ページ一覧 */
/* 下部リンク */
#btmLink {
  margin: 1em 2% 0 2%;
  width: 96%;
  text-align: center;
  zoom: 1;
}
#btmLink:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#btmLink li {
  display: inline-block;
  text-align: center;
}
#btmLink li a {
  /*background:#392763;*/
  display: block;
  color: #FFF;
}
#pagerList .sep01 li {
  margin-bottom: 1em;
  display: inline;
}
/* footer
-------------------------------------------------- */
#footer {
  margin: 0 auto;
  width: 93.75%;
  text-align: center;
  background: #fff;
}
#footerCont {
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 2.3em;
  width: 86.67%;
}
/* シェアボタン */
#footerShare {
  margin: 1em auto 1em auto;
  padding: 0 5% 0.1em 5%;
  border: 1px solid #fff;
  zoom: 1;
}
#footerShare:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#footerShareTitle {
  margin: 0 auto;
  width: 30%;
  line-height: 0;
  text-align: center;
}
#footerShareTitle img {
  position: relative;
  top: -0.5em;
}
#footerShareTwitter {
  width: 26%;
  display: inline;
  float: left;
}
#footerShareFacebook {
  width: 32%;
  display: inline;
  float: left;
}
#footerShareMixi {
  width: 24%;
  display: inline;
  float: left;
}
#footerShareLine {
  width: 18%;
  display: inline;
  float: left;
}
/* footerBnr */
#footerBnr {
  margin-bottom: 0.5em;
  zoom: 1;
}
#footerBnr:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#footerBnrBuy, #footerBnrStore {
  margin-bottom: 0.1em;
}
/* ページトップ */
#pageTop {
  padding: 0px;
  position: fixed;
  /*_position:relative;*/
  /*bottom: calc(100vw * 0.125);*/
  bottom: calc(100vw * 0.01);
  right: 10px;
  width: 40px;
  line-height: 0;
  z-index: 999;
  /*background:url("../cont_img/common/footer_pagetop.png") no-repeat 90% 50% #392763;
	_background:url("../cont_img/common/footer_pagetop.gif") no-repeat right 50%;*/
  text-align: right;
  opacity: 0.8;
}
#pageTop:hover {
  opacity: 0.6;
}
#pageTop a {
  display: block;
  color: #FFF;
}
/* ページトップ */
#topics {
  padding: 0px;
  position: fixed;
  bottom: 80px;
  right: 10px;
  width: 16%;
  line-height: 0;
  z-index: 999;
  text-align: right;
  opacity: 0.8;
  background: none;
}
#topics:hover {
  opacity: 0.6;
}
#topics a {
  display: block;
  color: #FFF;
}
/* SNSボタン */
#footerSNS {
  margin-bottom: 1em;
}
#snsBtn01, #snsBtn02 {
  margin-bottom: 0.1em;
  display: block;
  clear: both;
  overflow: hidden;
}
#snsBtn01 li, #snsBtn02 li {
  line-height: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  float: left;
}
#twitter-widget-0 {
  overflow: hidden !important; /*width:110px !important;*/
}
#snsBtn01 li span, #snsBtn01 li iframe {
  line-height: 0;
}
#snsBtn02 li span, #snsBtn02 li iframe {
  line-height: 0;
}
.fb_iframe_widget {
  line-height: 0;
}
/* 最終更新日 */
#footer #lastUpdate {
  margin-bottom: 2em;
  padding: 1em 0;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 50%;
  border-top: 1px dotted #887da1;
  border-bottom: 1px dotted #887da1;
}
/* footerLink */
#footerLink {
  margin: 0 auto 2em auto;
  width: 60%;
  overflow: hidden;
}
/* copyright */
#copyright {
  text-align: center;
  color: #666666;
  font-size: 8px !important;
}
/* ---------------------------------------------------- */
/* feature */
/* ---------------------------------------------------- */
.h2_featureArea {
  position: relative;
  margin-top: -50%;
  border-top: 2px #4d1f63 dotted;
  border-bottom: 2px #4d1f63 dotted;
  margin-bottom: 20px;
}
.h2_feature {
  margin: 0 auto;
  width: 100%;
  padding: 10px 0;
  text-align: left;
  font-size: 170%;
  line-height: 1.2;
  color: #4d1f63;
  font-weight: bold;
  clear: both;
}
.featureBox {
  margin: 0;
  /* width: 90%;
  padding: 2% 1%;*/
  text-align: left;
  clear: both;
}
.featureBox h2 {
  margin: 10px 0 5px;
  padding: 0;
  font-size: 170%;
  line-height: 1.2;
  color: #4d1f63;
  font-weight: bold;
}
.featureBox p {
  line-height: 160%;
}
.feature_contentBlockArea {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8b5cd+0,f0ebf2+100 */
  background: #4d1f63; /* Old browsers */ /*  background: -moz-linear-gradient(left, #4d1f63 0%, #f0ebf2 100%);
  /* FF3.6-15 */
  /*  background: -webkit-linear-gradient(left, #4d1f63 0%, #f0ebf2 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(to right, #4d1f63 0%, #f0ebf2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1f63', endColorstr='#f0ebf2', GradientType=1);
  /* IE6-9 */
}
.feature_contentBlock {
  margin: 0 auto;
  padding: 1em;
  width: 94%;
  /*background: #fff url("../cont_img/common/pagetitle_feature_bgi.png") no-repeat;
  background-size: 100%;*/
  background-color: #ffffff;
}
#subcon p {
  margin-bottom: 1em;
  word-wrap: break-word;
  line-height: 160%;
}
#subcon p.txt03 {
  font-size: 100%;
  text-indent: -1em;
  margin-left: 1em;
}
#subcon p strong {
  color: #8c3fc5;
  font-weight: bold;
}
a.zoomBtn {
  width: 70%;
  margin: 0 auto;
  display: block;
}
.feature_bottomArea {
  background: #4d1f63;
  margin: 0;
}
.feature_bottom {
  background: #e9e4ec;
  margin: 0 auto;
  padding: 20px 0;
  width: 94%;
}
#subcon02, #subcon03 {
  width: 89%;
  margin: 0 auto;
}
#subcon02 .txt {
  margin-top: 3px;
  font-size: 1em;
  line-height: 1;
}
#m_List, #m_List02 {
  width: 100%;
  display: none;
}
#pagerList {
  zoom: 1;
}
#pagerList li {
  margin: 0 auto;
  text-align: left;
  height: auto;
}
#pagerList li a {
  border: #4d1f63 2px solid;
  border-bottom: none;
  display: block;
}
#pagerList li a:hover {
  border: #4d1f63 2px solid;
  border-bottom: none;
  display: block;
}
#pagerList li img {
  /*border: #4d1f63 2px solid;
      border-bottom: none;*/
  display: block;
}
#pagerList li:first-child a {
  border-top: none;
}
#pagerList li:first-child a:hover {
  border-top: none;
}
#pagerList li:last-child a {
  border-bottom: #4d1f63 2px solid;
}
#pagerList li:last-child a:hover {
  border-bottom: #4d1f63 2px solid;
}
/*#pagerList li:first-child img {
  border-top: none;
}
#pagerList li:last-child img {
  border-bottom: #4d1f63 2px solid;
}*/
#pagerList03 {
  zoom: 1;
}
#pagerList03 li {
  margin: 0 auto;
  text-align: left;
  height: auto;
}
#pagerList03 li img {
  border: #4d1f63 2px solid;
  border-bottom: none;
  display: block;
}
#pagerList03 li:first-child img {
  border-top: none;
}
#pagerList03 li:last-child img {
  border-bottom: #4d1f63 2px solid;
}
.menuList dt img {
  display: block;
}
.buy_bnr {
  margin-top: 1.5em;
  display: block;
}
#jr_bnr {
  width: 93.75%;
  margin: 0 auto 10px;
}
.newsArea {
  background: #724D82;
  padding: 1.2em 0 2em;
}
.newsttl {
  display: block;
  width: 26% !important;
  margin: 0 auto 1em;
}
.newsArea ul {
  width: 94%;
  margin: 0 auto;
  display: table;
}
.newsArea li {
  text-align: left;
  background: url(../cont_img/common/news_bg.png) repeat-x bottom;
  padding: 0.5em;
  font-size: 90%;
  color: #5a2781;
  display: table-row;
  line-height: 1.8;
}
.newsArea li span {
  display: table-cell;
  color: #fff;
}
.newsArea li span.date {
  width: 80px;
}
#footerLnk {
  overflow: hidden;
  padding-top: 10px;
}
#footerLnk div {
  width: 46.875%;
}
#footerLnk div p {
  position: relative;
  padding: 0 0 15px 20px;
  text-align: left;
  line-height: 1;
  margin-bottom: 0;
}
#footerLnk div p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '→';
}
#footerLnk div p a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
}
#footerLnk .footerLnk_left {
  float: left;
}
#footerLnk .footerLnk_right {
  float: right;
}
.snsList {
  margin: 0.3em 0;
  overflow: hidden;
}
.snsList li {
  display: inline-block;
  float: left;
  width: 21.15%;
  margin-right: 5.0%;
}
.snsList li:last-child {
  margin-right: 0;
}
.footlinkList {
  border-bottom: #5a2781 1px solid;
  padding-bottom: 10px;
}
.footlinkList li {
  display: block;
  text-align: left;
}
.footlinkList li a {
  text-decoration: none;
}
/* footerGuide */
#footerGuide {
  border-top: 1px solid #d9d9d9;
  width: 100%;
  padding: 1em 0 0;
  margin-bottom: 1em;
  font-size: 75%;
  color: #666666;
}
#footerGuide a {
  color: #666666;
}
#footerGuideNotice {
  margin-right: 0.5em;
  padding-right: 0.5em;
  display: inline;
  border-right: 1px solid #666666;
}
#footerGuidePrivacy {
  margin-right: 0.5em;
  padding-right: 0.5em;
  display: inline;
}
#n_txtbtn {
  text-decoration: underline;
  color: #5a2781;
}
#n_txt {
  margin-top: 1em;
  display: none;
}
a.detBtn {
  width: 64.4%;
  margin: 20px auto 0;
  display: block;
}
h3.feature_top {
  text-align: center;
  width: 58.2%;
  margin: 25px auto 0 !important;
  border: none !important;
  padding: 0 !important;
}
#pagerList02 {
  zoom: 1;
  margin-top: -5px;
}
#pagerList02 li {
  margin: 5px auto;
  padding: 2px 0;
  text-align: left;
  height: auto;
  border: #4d1f63 2px solid;
}
#pagerList02 li:first-child {
  margin: 0 auto 5px;
}
#pagerList02 li img {
  display: block;
}
.menuList02 dt img {
  display: block;
}
.deftable01 {
  border: 2px solid #4d1f63;
}
.deftable01 th {
  padding: 0.5em;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  border: 1px solid #4d1f63;
  background: #683a7d;
  color: #fff;
  line-height: 1.2;
}
.deftable01 td {
  padding: 0.5em;
  font-size: 92%;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #4d1f63;
  background: #FFF;
  color: #111111;
  line-height: 1.2;
}
.deftable01 img {
  width: 30% !important;
}
.deftable01 .center {
  text-align: center !important;
}
.feature01 .pagebody2 .contents01 .txt01 {
  font-size: 16.5px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0;
  border-bottom: 0 none;
  color: #000;
  text-align: left;
}
/* ---------------------------------------------------- */
/* buy */
/* ---------------------------------------------------- */
.buy_contentBlockArea {
  background: #420052;
  padding-bottom: 40px;
  margin-bottom: 1.5em;
}
.buy_contentBlock {
  margin: 0 auto;
  padding: 1em;
  width: 93.8%;
  background: #FFF;
}
.blockCont h3 {
  text-align: center;
  border-bottom: 2px solid #5a2781;
  color: #5a2781;
  font-weight: bold;
  font-size: 170%;
  line-height: 120%;
  margin: 10px 0;
  padding: 0 0 10px;
}
.blockCont h3.nonB {
  border: none;
}
.blockCont .bd_none.h3_forcast span {
  color: #000000;
  font-size: 100%;
  display: inline;
}
.blockCont h3 span {
  color: #111111;
  font-weight: bold;
  font-size: 65%;
  display: inline-block;
}
p.txt b {
  font-weight: bold;
}
.attArea {
  background: #f6f0f8;
  padding: 2em 4% 1em;
  margin-bottom: 2em;
}
.attArea p.ttl {
  text-align: center;
  font-weight: bold;
  color: #420052;
  font-size: 150%;
  margin-bottom: 0.7em !important;
}
.mb1 {
  margin-bottom: 1em !important;
}
.mb2 {
  margin-bottom: 2em !important;
}
/* ---------------------------------------------------- */
/* present */
/* ---------------------------------------------------- */
.h2_present {
  margin: 1.5em 0 0.5em;
}
.presentList {
  overflow: hidden;
  margin-bottom: 2em;
}
.presentList li {
  width: 49%;
  margin-top: 0.5em;
}
.presentList li:nth-child(odd) {
  float: left;
}
.presentList li:nth-child(even) {
  float: right;
}
#footguideArea {
  text-align: center;
  overflow: hidden;
  padding: 0;
  background-color: #e9e4ec;
}
.footguideArea_ttl {
  font-size: 14px;
  padding-bottom: 5px;
  color: #4d1f63;
  border-bottom: #4d1f63 1px solid;
  margin-bottom: 10px;
  line-height: 1.4;
}
#footguideArea img.ttl {
  width: 100%;
  margin: 0.5em auto 1em;
}
#footguideArea li {
  width: 100%;
}
#footguideArea li:nth-child(odd) {
  /*float: left;*/
  margin-bottom: 10px;
}
#footguideArea li:nth-child(even) {
  /*float: right;*/
}
.footguideArea_inner {
  width: 86%;
  margin: 0 auto;
  padding: 20px 0;
}
/* ---------------------------------------------------- */
/* gallery */
/* ---------------------------------------------------- */
.cmtitle {
  width: 48.5%;
  margin: 0 auto;
  padding: 3em 0 0.7em;
}
.cmAbout {
  padding: 1em;
  word-wrap: break-word;
  line-height: 160%;
  font-size: 100%;
  background: rgba(255, 255, 255, 0.9);
}
.cmAbout p.ttl {
  text-align: center;
  font-weight: bold;
  color: #4d1f63;
  font-size: 130%;
  display: block;
  margin: 0.4em auto;
}
dl.cmList {
  margin-bottom: 1.8em;
}
dl.cmList dt {
  text-align: center;
  font-weight: bold;
  color: #4d1f63;
  font-size: 140%;
  margin: 2em 0 0.8em;
}
dl.cmList dt:first-child {
  margin-top: 3em;
}
dl.cmList dd {
  width: 280px;
  height: 157px;
  margin: 0 auto;
}
.prfArea {
  width: 94%;
  margin: 0 auto 2em;
}
.prfBox {
  background: #fefeff;
  border: 2px solid #4d1f63;
  padding: 1% 4% 1.5em;
}
.prfBox dt {
  color: #4d1f63;
  font-weight: bold;
  padding: 0.1em 0 0 20px;
  font-size: 110%;
  background: url(../cont_img/gallery/cm_bg.png) left top no-repeat;
  background-size: 4%;
  line-height: 140%;
  margin: 1em 0.3em 0.3em;
}
.prfBox dd {
  line-height: 160%;
  background: url(../cont_img/gallery/cm_line.gif) repeat-x bottom;
  padding: 0 0.3em 1em;
}
.prfBox dd:last-child {
  background: none;
}
img.prf_title {
  width: 35% !important;
  margin: 1.5em auto 0.4em;
  display: block;
}
.txtCen {
  text-align: center;
}
.prfBox p.midashi {
  font-weight: bold;
  text-align: center;
  font-size: 130%;
  margin-top: 1em;
}
.prfBox span {
  color: #883887;
}
.prfBox span.algr {
  color: #000000;
  font-weight: normal !important;
}
.prfBox p {
  line-height: 140% !important;
}
.present_bnr {
  display: block;
}
.quiz_bnr {
  display: block;
  margin-bottom: 1.8em;
}
.mvBtn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
}
.mvBtnInner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 480px;
  height: 270px;
}
.mvBtnInner02 {
  display: block;
  position: absolute;
  top: -50%;
  left: -50%;
  width: 480px;
  height: 270px;
}
.mvTxt {
  width: 70%;
  text-align: center;
  margin: 30px auto 0;
}
/* ---------------------------------------------------- */
/* faq */
/* ---------------------------------------------------- */
.faq_contentBlockArea {
  /*background: url(../cont_img/evening/bg_faq.png) repeat-y;
  background-size: 100% auto;*/
  background-color: #4D1F63;
  padding-bottom: 40px;
  margin-bottom: 1.5em;
}
.faq_contentBlock {
  margin: 0 auto;
  padding: 1em;
  width: 94%;
  background: #FFF; /*border: 2px solid #5a2781;*/
}
.blockCont h3 strong {
  display: block;
  color: #e9803f;
  margin-bottom: 0.5em;
  padding: 0.5em;
  background-color: #FFFCDB;
}
/* ---------------------------------------------------- */
/* info */
/* ---------------------------------------------------- */
.info_contentBlockArea {
  /*background: url(../cont_img/forcast/bg_info.jpg) repeat-y;
  background-size: 100% auto;*/
  padding-bottom: 20px;
  margin-bottom: 1.5em;
  background-color: #4D1F63;
}
.info_contentBlock {
  margin: 0 auto;
  padding: 1.5em 1em 0;
  width: 94%;
  background: rgba(255, 255, 255, 1);
}
.info_contentBlock.trivia_s {
  width: 100%;
  padding-bottom: 15px;
}
.trivia_s h2 {
  margin-bottom: 5px;
}
.trivia_s .trivia_s_txt01 {
  background-color: #e9ddeb;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 15px;
}
.trivia_s .trivia_s_txt01 h3 {
  margin-bottom: 15px;
}
.trivia_s .trivia_s_txt01 p {
  margin-bottom: 15px;
}
.trivia_s .trivia_s_txt01 p span {
  color: #7c0378;
  font-weight: bold;
}
.trivia_s .trivia_s_txt01 .trivia_s_fig {
  width: 57%;
  margin: 0 auto;
}
#trivia_s_prof {
  background: url("../cont_img/trivia_s/bg01.png") top center;
  padding: 15px 0;
}
#trivia_s_prof .prof_inner {
  box-sizing: border-box;
  background-color: #ffffff;
  border: solid 3px #7c0378;
  border-radius: 5px;
  margin: 15px auto;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 90%;
}
#trivia_s_prof .prof_inner h2 {
  margin-bottom: 15px;
}
.bd_none {
  border: none !important;
}
.map_contentBlock {
  margin: 0 auto;
  width: 94%;
}
.m0 {
  margin: 0 !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt2 {
  margin-top: 2em !important;
}
.pb1 {
  padding-bottom: 1em !important;
}
.h3_forcast {
  width: 78.5% !important;
  margin: 0 auto !important;
}
p.txt small {
  font-size: 90%;
}
/* ---------------------------------------------------- */
/* quiz */
/* ---------------------------------------------------- */
.quiz_contentBlockArea {
  background: url(../cont_img/quiz/bg_quiz.jpg) no-repeat;
  background-size: cover;
  overflow: hidden;
  margin: 0 0 2em;
  padding: 0;
}
.quiz_contentBlock {
  width: 94%;
  background: #fff;
  margin: 1em auto;
  padding: 4% 4% 10%;
  z-index: 1000;
  border-radius: 5px;
  border: 10px solid #4b1177;
  overflow: hidden;
  position: relative;
}
.btnArea {
  margin-top: -50px;
  position: relative;
  z-index: 1010;
}
.h_img {
  width: 46%;
  z-index: 1003;
  float: left;
  margin-top: -70px;
  line-height: 0;
}
.h_img img.posA {
  bottom: -30px;
  left: 0;
}
#q03 .h_img img.posA {
  bottom: -50px;
}
#q04 .h_img img.posA {
  bottom: -20px;
}
#q05 .h_img img.posA {
  bottom: -50px;
}
#qend .h_img img.posA {
  bottom: -5px;
}
.btn_kaito {
  width: 24%;
  z-index: 1002;
  float: left;
  margin-left: -5%;
}
.btn_kaito a input {
  width: 100% !important;
}
.btn_prf {
  width: 43%;
  z-index: 1004;
  float: right;
  margin-right: 3%;
}
.quiz_contentBlock p.q {
  color: #4b1177;
  font-weight: bold;
  font-size: 115%;
  margin-bottom: 0.3em !important;
}
.quiz_contentBlock p.q span {
  display: inline-block;
  padding: 0 0.2em 0.2em;
  margin: 0 0 0.3em;
  font-size: 120%;
  background: url(../cont_img/quiz/bg_q.png) no-repeat bottom left;
  background-size: 100% auto;
}
.quiz_contentBlock p.last {
  color: #4b1177;
  font-weight: bold;
  font-size: 115%;
  text-align: center;
  margin-bottom: 0.3em !important;
  padding-bottom: 3em;
}
.quiz_contentBlock p.q em {
  font-size: 150%;
  margin: 0.2em 0;
  display: block;
}
.quiz_contentBlock p.q em strong {
  font-size: 120%;
}
.quiz_contentBlock ul.answer {
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  line-height: 190%;
  width: 55%;
  float: right;
}
.radio {
  display: none;
}
.radio + .radio-icon:before {
  content: "\f3a6";
  font-family: "Ionicons";
  color: #ffffff;
  font-size: 10px;
  border: 2px solid #000;
  vertical-align: top;
  border-radius: 100px;
}
.radio:checked + .radio-icon:before {
  content: "\f3a7";
  background: #000;
  color: #000;
}
.quiz_contentBlock ul.answer li {
  color: #de0000;
}
.quiz_contentBlock ul.answer li:nth-child(2) {
  color: #00acfc;
}
.quiz_contentBlock ul.answer li:nth-child(3) {
  color: #f0a401;
}
.quiz_contentBlock ul.answer li label {
  display: block;
  margin-left: 3em;
  text-indent: -2.5em !important;
}
.commentary {
  overflow: hidden;
}
.commentary span {
  display: block;
  float: left;
  color: #d10010;
  font-weight: bold;
  line-height: 160%;
  width: 15%;
  text-align: right;
}
.commentary p {
  font-weight: bold;
  text-align: left;
  line-height: 160%;
  width: 85%;
  float: right;
  padding-bottom: 3em;
}
/* ---------------------------------------------------- */
/* top */
/* ---------------------------------------------------- */
#newsBox {
  background: rgba(0, 0, 0, 0.6);
  width: 94%;
  margin: 0.5em auto 1em;
  border: 1px solid #fff;
  font-size: 90%;
  color: #fff;
  padding: 0 0.2em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
}
#newsBox span.ttl {
  font-weight: bold;
}
#newsBox li {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  font-size: 70%;
  color: #fff;
  padding: 0.3em 0 0;
}
#newsBox li span {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
#newsBox li img {
  width: 20px !important;
  margin: 0 0 0 4px;
  vertical-align: inherit;
}
#newsBox li a {
  color: #fff;
}
#inf_forcast a {
  background-color: #5a2781;
  color: #fff;
  text-decoration: none;
  width: 94%;
  margin: 1em auto 0;
  text-align: left;
  display: block;
  padding: 5px 0 5px 5px;
  font-size: 12px;
}
#inf_forcast a span {
  font-weight: bold;
  font-size: 12px;
  color: #F6EE2E;
}
#inf_jr a {
  background-color: #F6EE2E;
  color: #E0581F;
  text-decoration: none;
  width: 94%;
  margin: 0 auto 1em;
  text-align: left;
  display: block;
  padding: 5px 0 5px 5px;
  font-size: 12px;
  font-weight: bold;
}
#inf_jr a::after, #inf_forcast a::after {
  content: "more＞";
  display: block;
  top: 4px;
  right: 5px;
  position: absolute;
}
#inf_jr a span {
  color: #5a2781;
  font-size: 12px;
  font-weight: bold;
}
.ticker {
  width: 80%;
  float: right;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.ticker ul {
  width: 100%;
  position: relative;
}
.ticker ul li {
  width: 100%;
  display: none;
}
#maincon {
  word-wrap: break-word;
  line-height: 160%;
}
.top_contentBlock {
  width: 94%;
  margin: 0 auto;
}
/* ---------------------------------------------------- */
/* アレグラFXとは */
/* ---------------------------------------------------- */
#feature {
  padding: 0;
  overflow: hidden;
}
#feature img.ttl {
  width: 51.4%;
  margin: 20px auto 10px;
  display: block;
}
#feature p {
  text-align: center;
  font-weight: bold;
  color: #000;
  font-size: 120%;
  margin: 1.2em 0 0;
}
#feature .img_product {
  float: right;
  width: 37.2%;
  text-align: center;
}
#feature .img_product a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
#feature li {
  width: 86.7%;
  margin: 0 auto;
}
#feature li a {
  display: block;
  width: 100%;
}
#main .feature02_img01 {
  width: 60%;
}
/* ---------------------------------------------------- */
/* 購入にあたって */
/* ---------------------------------------------------- */
#buy {
  background: url(../cont_img/top/bg_buy.jpg) no-repeat;
  background-size: cover;
  padding: 1.8em 0 2em;
}
#buy img.ttl {
  width: 55%;
  margin: 0 auto;
  display: block;
}
#buy ul {
  width: percentage(520/620);
  margin: 0 auto;
}
#buy ul li {
  width: 100%;
}
#buy ul li:nth-child(1) a {
  display: inline-block
}
#buy ul li:nth-child(1) a {}
#buy ul li:nth-child(2) a {}
#buy ul li:nth-child(3) a {}
#buy ul li:nth-child(4) a {}
#buy ul li:nth-child(5) a {}
#buy ul li:nth-child(1) a {
  background-size: conain;
}
#buy ul li a {
  display: block;
  width: 100%;
  url(../cont_img/top/buy_img03.png) 50% top no-repeat
}
#buy p {
  text-align: center;
  font-weight: bold;
  color: #5a2781;
  font-size: 110%;
  margin: 0.5em 0 0;
}
/* ---------------------------------------------------- */
/* お役立ち情報 */
/* ---------------------------------------------------- */
#info {
  background: url(../cont_img/top/bg_info.jpg) no-repeat;
  background-size: cover;
  padding: 1.8em 0 2em;
}
#info img.ttl {
  width: 49.3%;
  margin: 0 auto 30px;
  display: block;
}
#info ul.bnrList li {
  width: 80%;
  /*float: left;*/
  margin-left: 10%;
}
#info ul.bnrList li:last-child {
  margin-right: 0;
}
#info ul.bnrList li a {
  display: block;
  width: 100%;
}
#info ul.bnrList li:nth-child(1) a {
  background: url(../cont_img/top/info_btn01_bg.png) 50% top no-repeat;
  background-size: 100%;
}
#info ul.bnrList li:nth-child(2) a {
  background: url(../cont_img/top/info_btn02_bg.png) 50% top no-repeat;
  background-size: 100%;
}
#info ul.bnrList li:nth-child(3) a {
  background: url(../cont_img/top/info_btn03_bg.png) 50% top no-repeat;
  background-size: 100%;
}
#info ul.bnrList li:nth-child(4) a {
  background: url(../cont_img/top/info_btn04_bg.png) 50% top no-repeat;
  background-size: 100%;
}
#info .infoBox {
  /*background: url(../cont_img/top/info_boxbg2.png) no-repeat;*/
  background-size: 100%;
  padding: 3% 0 3% 2%;
  margin-bottom: 1em;
}
#info .infoBox img.ttl02 {
  width: 49%;
  margin-top: 1em;
}
#info .infoBox ul.checkList {
  font-weight: bold;
  color: #5a2781;
  font-size: 94%;
  margin: 1.5em 0;
}
#info .infoBox ul.checkList li {
  padding-left: 25px;
  background: url(../cont_img/top/info_checkbg.png) no-repeat;
  background-size: 18px;
  display: inline-block;
  font-size: 120%;
  width: 65%;
}
#info .infoBox a.bnr_chal {
  display: block;
  width: 65%;
  margin-top: 0.3em;
  left: 5%;
  bottom: 5%;
}
.useful_blk02, .blk02 {
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 2em;
}
.useful_blk01 {
  background: #4D1F63;
  color: #ffffff !important;
  margin: 2em 0 4em;
  /*display: flex;
  justify-content: space-between;
  align-items: center;*/
}
.useful_blk01 a {
  color: #ffffff !important;
  text-decoration: none;
  /*display: flex;
  justify-content: space-between;
  align-items: center;*/
  display: block;
  width: 100%;
  height: 100%;
  padding: 1em 1em 0.5em;
}
.useful_blk01 a div h3 {
  margin-bottom: 0.5em;
}
.useful_blk01 a div.img01 {
  width: 70%;
  margin: 0 auto;
}
.useful_blk01 a:hover {
  opacity: 0.5;
}
.useful_blk02 h3 {
  background: #6E4199;
  padding: 0 1em;
  color: #ffffff;
  margin-bottom: 0.5em;
}
.useful_blk02 > div {}
.blk01 > a > div {}
.useful_blk01 > a > div.img01 {}
.useful_blk01 > a > div.img01 img {
  width: 100%;
}
.useful_blk02 p {}
.useful_blk02 p.img01 {
  margin-bottom: 0;
}
.trivia .useful_blk02 p.img01 {
  width: 100%;
}
.useful_blk02 p.img01 a {
  margin-top: 1em;
}
.useful_blk01 > a > div.img01 img, .useful_blk02 p.img01 img {
  margin-top: 0;
  /* width: 100%; */
}
.useful_blk02 p.img01 > a > img {
  width: 100%;
}
hr.useful_line01 {
  margin-bottom: 1em;
  border: solid 1px #6E4199;
}
.useful_blk03 h3 {
  background: #E6E6E6;
  padding: 0 1em;
  color: #000000;
  margin-bottom: 0.5em;
}
.useful_blk03 > div ul li {
  margin: 0 1em;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 2;
}
.useful_blk03 > div ul li a {
  display: inline;
}
.kafun_btn01 {
  margin: 0 auto;
  width: 100%;
}
.kafun_btn01 a {
  display: block;
  width: 100%;
  color: #ffffff !important;
  background: #6E4199;
  font-size: 13px;
  padding: 0.25em 0.5em;
  text-decoration: none;
  text-align: center;
}
.kafun_btn01 a .word02 {
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 360px) {
  #info .infoBox {
    background: url(../cont_img/top/info_boxbg.png) no-repeat;
    background-size: contain;
    padding: 3% 0 3% 2%;
    margin-bottom: 1em;
  }
  #info .infoBox img.ttl02 {
    margin-top: 0.3em;
  }
  #info .infoBox ul.checkList {
    margin-top: 0em;
  }
  #info .infoBox ul.checkList li {
    font-size: 50%;
    width: 100%;
  }
}
/* ---------------------------------------------------- */
/* 鼻炎Q&A */
/* ---------------------------------------------------- */
#faq {
  background: url(../cont_img/top/bg_faq.jpg) no-repeat bottom left;
  background-size: cover;
  padding: 1.8em 0 1em;
}
#faq img.ttl {
  width: 41.3%;
  margin: 0 auto;
  display: block;
}
#faq ul {
  width: 81.25%;
  margin: 1.2em auto 0;
}
#faq ul li {
  width: 100%;
  margin-bottom: 5px;
}
#faq ul li a {
  display: block;
  width: 100%;
}
#faq ul li a img {
  display: block;
}
#faq ul li:nth-child(1) a {
  background: url(../cont_img/top/faq_img01_bg.png) 50% top no-repeat;
}
#faq ul li:nth-child(2) a {
  background: url(../cont_img/top/faq_img02_bg.png) 50% top no-repeat;
}
#faq ul li:nth-child(3) a {
  background: url(../cont_img/top/faq_img03_bg.png) 50% top no-repeat;
}
#faq ul li:nth-child(4) a {
  background: url(../cont_img/top/faq_img04_bg.png) 50% top no-repeat;
}
#faq ul li:nth-child(5) a {
  background: url(../cont_img/top/faq_img05_bg.png) 50% top no-repeat;
}
#faq p {
  text-align: center;
  font-weight: bold;
  color: #5a2781;
  font-size: 110%;
  margin: 0.5em 0 0;
}
/* ---------------------------------------------------- */
/* CMギャラリー */
/* ---------------------------------------------------- */
#cm {
  /*background:url(../../images/index/bg06_bottom.png) 50% bottom no-repeat,url(../../images/index/bg06_top.png) 50% top no-repeat,url(../cont_img/top/bg06_contents_sp.jpg) 50% 50% no-repeat;*/
  background: url(../cont_img/top/bg_cm.jpg) 50% 50% no-repeat;
  background-size: cover;
  padding: 1.8em 0 4em;
}
#cm img.ttl {
  width: 50%;
  margin: 2em auto 1em;
  display: block;
}
#cm .cmbox {
  width: 70.2%;
  margin: 0 auto;
}
#cm .cmbox .posR {
  display: block;
}
#cm .cmbox p.posA {
  top: 20%;
  left: 0;
  width: 100%;
  font-weight: bold;
  color: #5a2781;
  font-size: 15px
}
#present .cmbox {
  width: 70.2%;
  margin: 0 auto;
}
#present .cmbox .posR {
  display: block;
}
#present .cmbox p.posA {
  top: 20%;
  left: 0;
  width: 100%;
  font-weight: bold;
  color: #5a2781;
  text-shadow: none;
  font-size: 15px;
}
#cm img.ttl {
  width: 50%;
  margin: 2em auto 1em;
  display: block;
}
@media screen and (max-width: 250px) {
  #cm {
    background-size: contain;
    padding: 1.8em 0 1em;
  }
}
/* ---------------------------------------------------- */
/* プレゼント */
/* ---------------------------------------------------- */
#present {
  background: url(../cont_img/top/bg_present.jpg) no-repeat;
  background-size: cover;
  padding: 1.8em 0 1em;
}
#present img.ttl {
  width: 37%;
  margin: 0 auto;
  display: block;
}
#present p {
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 110%;
  margin: 0.5em 0 0;
  overflow: hidden;
  text-shadow: -1px -1px 0px #111111, 1px -1px 0px #111111, 1px 1px 0px #111111, -1px 1px 0px #111111;
}
#present .prebox {
  width: 61%;
  float: right;
  margin-top: 1.5em;
}
#present .prebox .posR.end {
  display: block;
  margin: 0 auto;
}
#present .prebox .posR.end img {
  opacity: 0.7;
}
#present .prebox .posR.end p.posA {
  top: 30%;
  left: 5%;
  width: 90%;
  color: #5a2781;
  text-shadow: none;
  font-weight: bold;
}
#present .prebox a {
  width: 56.3%;
  display: block;
  margin: 0 auto;
}
#present .prebox a.posR {
  width: 50% !important;
  display: block;
  margin-bottom: 20px;
}
#present .prebox a.posR img.np {
  box-shadow: 0px 0px 6px 3px #ffffff;
  -moz-box-shadow: 0px 0px 6px 3px #ffffff;
  -webkit-box-shadow: 0px 0px 6px 3px #ffffff;
}
.w60 {
  width: 60% !important;
}
.w50 {
  width: 50% !important;
}
.w40 {
  width: 40% !important;
}
.onepointBox {
  border: 10px solid #f2eefb;
  padding: 10px;
}
.onepointBox .midashi {
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}
span.cr_pur {
  color: #5a2781 !important;
}
dl.autList dt {
  margin-top: 0.5em;
  padding: 0.5em 0.5em 0em 2em;
  color: #48265D;
  font-weight: bold;
  font-size: 150%;
  line-height: 1.2;
}
dl.autList dt.num01 {
  background: url(../cont_img/autumn/icn_num01.png) no-repeat 0 0.5em;
  background-size: 1.5em;
}
dl.autList dt.num02 {
  background: url(../cont_img/autumn/icn_num02.png) no-repeat 0 0.5em;
  background-size: 1.5em;
}
dl.autList dt.num03 {
  background: url(../cont_img/autumn/icn_num03.png) no-repeat 0 0.5em;
  background-size: 1.5em;
}
dl.autList dd {
  margin-top: 0.5em;
  padding: 0em 0em 0em 3em;
  line-height: 160%;
}
.imgR {
  width: 30%;
}
.blockCont h3.hTitle04 {
  color: #fff;
  border: none;
  line-height: 150%;
}
.blockCont h3.hTitle04 strong {
  color: #fff;
  font-size: 32px;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 0;
}
.hTitle04 .prof {
  font-size: 24px;
  white-space: nowrap;
  color: #fff;
}
.hTitle04 .ruby {
  font-size: 16px;
  display: inline;
  white-space: nowrap;
}
.blockprf {
  padding: 0.5em 1em;
  background: #E9E4EC;
  background-size: cover;
  color: #4D1F63;
}
.blockprf h3.hTitle04, .blockprf h3.hTitle04 .prof, .blockprf h3.hTitle04 strong {
  color: #4D1F63;
}
#select {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  overflow: hidden;
  width: 100%;
}
#select li {
  margin-right: 2%;
  margin-bottom: 0.5em;
  width: 48%;
  cursor: pointer;
  float: left;
}
#select li:nth-child(even) {
  float: right;
  margin-right: 0;
}
#area {
  margin-bottom: 0.5em;
  text-align: center;
}
#area h4 {
  margin-bottom: 0.5em;
  color: #701f7d;
}
#area p {
  margin-bottom: 0em;
}
#calArea {
  margin-top: 0px;
  background: #ffffff;
  width: 94%;
  padding: 1em 0 1.5em;
  margin: 0 auto;
}
#calArea h3 {
  padding: 10px 1em 0;
  font-size: 120%; /* color: #fff;*/
}
#calBox {
  background: #f8f6fd;
  margin: 0 auto;
  width: 100%;
  padding: 1em 1em;
}
#calBox p.small {
  margin: 0 0 0 1em;
  text-indent: -1em;
}
.jissekiBox {
  background: #fff;
  border: solid 2px #5a2781;
  margin: 0 0 2em;
  padding: 1em;
}
.jissekiBox .midashi {
  text-align: left;
  color: #4d1f63;
  font-size: 150%;
  font-weight: bold;
  line-height: 160%;
  margin: 0 0 0px;
}
.jissekiBox p {
  width: auto !important;
  margin-bottom: 0 !important;
}
.hmeg {
  margin-bottom: 0.5em !important;
  font-size: 150%;
  font-weight: bold;
  color: #4D1F63;
  line-height: 1.2;
  text-align: center;
  padding: 1em 0;
}
.Areacal {
  background: #ECDFF2;
  padding: 1.5em 1em;
  margin-bottom: 0.5em;
}
.r_seller {
  overflow: hidden;
  background: #f6f0f8;
  /*width:;*/
  margin: 0 auto 68px;
  padding: 32px 0 6px;
}
.r_seller .midashi {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}
.r_seller ul {
  padding: 1em;
  line-height: 160%;
}
.r_seller li {
  text-align: left;
  margin-bottom: 15px;
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.r_seller .fRight img {
  width: 20% !important;
  float: right;
  margin: 1em;
}
.r_seller .fLeft ul {
  padding-top: 0;
}
.blockCont ul.proList li {
  margin-left: 2.6em;
  text-indent: -2.6em;
  line-height: 160%;
}
.blockAttention {
  padding: 1em;
  border: 2px solid #392763;
  line-height: 160%;
}
.blockAttention p {
  margin-bottom: 0 !important;
}
.blockAttention h3 {
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  background: url(../cont_img/product/icon_attention.gif) no-repeat 0 0.1em;
  background-size: 1em;
  font-size: 130%;
  font-weight: bold;
  color: #392763;
  line-height: 1.2;
}
.blockAttention h4 {
  padding: 0.1em 0.1em 0.1em 2em;
  font-size: 120%;
  font-weight: bold;
  color: #FFF;
  margin-top: 1em;
}
.blockAttention .hTitleAttention01 {
  background: url(../cont_img/product/icn_attention01.gif) no-repeat 0.1em 50% #392763;
  background-size: 1.3em;
}
.blockAttention .hTitleAttention02 {
  background: url(../cont_img/product/icn_attention02.gif) no-repeat 0.1em 50% #392763;
  background-size: 1.3em;
}
.blockAttention .ex {
  margin-top: 10px;
  color: #000;
  font-size: 92%;
}
.blockAttention ul p {
  font-weight: bold;
}
.blockAttention ol p {
  font-weight: bold;
}
.blockAttention ol ul {
  margin-top: 0.5em;
}
.blockAttention ol ol {
  margin-top: 0.5em;
}
.blockAttention ol ol li {
  margin-left: 2.6em;
  text-indent: -2.6em;
}
.blockAttention table {
  margin: 1em 0;
  width: 100%;
}
.blockAttention .num01, .blockAttention .num02, .blockAttention .num03, .blockAttention .num04 {
  margin-top: 0.5em;
  margin-left: 1em;
  text-indent: -1em;
}
.buyfaq {
  line-height: 160%;
}
.buyfaq .contents01 table {
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 0;
}
.buyfaq .contents01 table th {
  width: 100%;
  display: block;
  text-align: center;
  background: #4d1f63;
  color: #fff;
  padding: 0.2em;
  border: none;
  line-height: 160%;
}
.buyfaq .contents01 table td {
  width: 100%;
  display: block;
  color: #4d1f63;
  padding: 1em;
  border: 2px solid #4d1f63;
  line-height: 160%;
}
.buyfaq .contents01 table tr li {
  border-bottom: 1px dashed #4d1f63;
  text-align: left;
  background: url(../cont_img/faq/arw.gif) no-repeat center right;
  margin-left: 1em;
  text-indent: -1em;
}
.buyfaq .contents01 table tr li a {
  display: block;
  padding: 2px;
  margin: 2px;
}
.buyfaq .contents01 table tr li:last-child {
  border-bottom: none;
}
.buyfaq .contents02 {
  margin-bottom: 2em;
}
.buyfaq .contents02 h3 {
  margin-top: 1em;
}
.buyfaq dl {
  margin: 1em;
  text-align: left;
  border-bottom: 1px dashed #5a2781;
}
.buyfaq dl.bdrnone {
  border-bottom: none;
}
.buyfaq dt {
  color: #4d1f63;
  background: url(../cont_img/faq/icon_q.jpg) no-repeat left 0.8em;
  background-size: 1.9em 1.9em;
  padding: 1em 0 1em 2.2em;
}
.buyfaq dd {
  background: url(../cont_img/faq/icon_a.jpg) no-repeat left 0.8em;
  background-size: 1.9em 1.9em;
  padding: 1em 0 1em 2.2em;
  overflow: hidden;
}
.buyfaq dd span {
  font-size: 10px;
  vertical-align: super;
}
.buyfaq dd .fLeft strong {
  font-size: 120%;
  color: #5a2781;
}
.buyfaq .contents02 table .cen {
  text-align: center;
}
h2.ansTit {
  font-size: 180%;
  font-weight: bold;
  color: #5a2781;
  text-align: center;
  margin: 1em auto 0;
  display: block;
  background: url(../cont_img/faq/icon_a.jpg) no-repeat 30% 65%;
  background-size: 1.2em 1.2em;
  padding: 1.2em 0 0.5em 1em;
}
/* present
-------------------------*/
.presentBox {
  background: rgba(255, 255, 255, 0.9);
  border: 5px solid #572b8a;
  padding: 1em;
  width: 96%;
  margin: 1em auto 2em;
  line-height: 160%;
}
.presentBox .midashi {
  text-align: center;
  color: #5a2781;
  font-size: 250%;
  font-weight: bold;
  margin-top: 1em;
  border-bottom: 3px solid #5a2781;
  padding: 0 1em 1em 0;
}
.presentBox .midashi span {
  vertical-align: bottom;
  font-size: 180%;
}
.presentBox .a_txt {
  font-size: 120%;
  margin: 1em 0 0;
  line-height: 140%;
  padding: 0 0 1em;
  border-bottom: 3px dashed #5a2781;
  font-weight: bold;
  color: #5a2781;
}
.presentBox .a_txt span {
  color: #c40f81;
}
.presentBox p.a_txt01 {
  text-align: left;
  margin-top: 1em;
}
.btn_return {
  width: 80%;
  margin: 1.5em auto 0;
}
.presentAnswer {
  background: url(../cont_img/present01/bg_subpresent.png) no-repeat top center;
  padding-top: 1em;
  background-size: 100% auto;
}
.hTitle03 {
  text-align: center;
}
.clearfix {
  overflow: hidden;
}
.clearfix .img01 {
  width: 38%;
  display: inline;
  float: left;
}
.clearfix ul {
  width: 62%;
  display: inline;
  float: right;
}
.clearfix ul li {
  margin: 0;
  padding: 0;
  line-height: 0;
  line-height: 160%;
  width: 90%;
  float: right;
  text-align: center;
}
.clearfix ul li a {
  font-size: 120%;
  display: block;
  padding: 0.7em 0.5em;
  text-decoration: none;
  color: #fff;
  background-color: #4d1f63;
  margin-bottom: 0.4em;
}
.clearfix ul li:last-child {
  margin-bottom: 0;
}
#contentBlock_pre #attention {
  border: 5px solid #6b2e79;
  padding: 1em;
  margin: 0 0 2em;
}
#contentBlock_pre #attention ul li {
  list-style-type: disc;
  margin-left: 2em;
  line-height: 160%;
}
#contentBlock_pre h4 span {
  font-size: 120%;
  text-align: center;
  color: #fff;
  background-color: #4d1f63;
  display: block;
  padding: 1em;
  margin-bottom: 0.5em;
}
.pc_wall {
  border: 5px solid #6b2e79;
  padding: 1em;
  margin: 2em 0;
}
.pc_wall.pwp {
  background-color: #f3effa;
}
.pc_wall img.wallimg {
  width: 80% !important;
  margin: 0 auto;
  display: block;
}
.pc_wall p {
  text-align: center;
  line-height: 160%;
  margin: 1em 0 0;
}
.pc_wall p span {
  display: block;
  font-weight: bold;
  font-size: 150%;
}
.pc_wall p.pwp {
  font-weight: bold;
  font-size: 150%;
  margin: 0;
}
.bnrArea_ama {
  width: 94%;
  margin: 0 auto;
}
/* amatatsu_a1
-------------------------*/
.result #breadcrumb {
  background: #fff;
}
.result #breadcrumb ul {
  margin-left: 60px;
}
.result .visual {
  background: url(../cont_img/amatatsu_q1/bg_h1.jpg) no-repeat center top;
  height: 255px;
}
.result #sidenav li:first-child {
  margin-bottom: 4px;
}
.result .contents01 {
  background: url(../cont_img/amatatsu_q1/bg_h2.jpg) repeat;
  padding: 17px 0 30px;
  border-top: 6px solid #411363;
}
.result .contents01 p {
  font-size: 24px;
  color: #fff;
  line-height: 50px;
}
.result .container {
  background: url(../cont_img/amatatsu_a1/bg_pbody.jpg) no-repeat center top;
}
.result .container.sub2 {
  background: url(../cont_img/amatatsu_a1/bg_pbody_02.jpg) no-repeat center top;
}
.result .container.sub3 {
  background: url(../cont_img/amatatsu_a1/bg_pbody_03.jpg) no-repeat center top;
}
.result .inner {
  width: 96%;
  margin: 0 auto;
}
.result .contents02 {
  padding-top: 2em;
  z-index: 0;
  margin: 0 0 2em;
  position: relative;
}
.result .contents02 .dept {
  background: url(../cont_img/amatatsu_a1/bg_dept.png) no-repeat center top;
  float: left;
  width: 100%;
  padding-top: 2em;
  text-align: center;
  overflow: hidden;
}
.result .contents02 .dept p {
  font-size: 150%;
  font-weight: bold;
  line-height: 40px;
}
.result .contents02 .dept p.txt01 {
  line-height: 80px;
  margin-top: 5px;
}
.result .contents02 .dept ul {
  text-align: left;
  width: 96%;
  height: auto;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
.result .contents02 .dept li {
  display: inline-block;
}
.result .contents02 .dept.sub02 {
  background: url(../cont_img/amatatsu_a1/bg_dept02.png) no-repeat center top;
}
.result .contents02 .dept.sub03 {
  background: url(../cont_img/amatatsu_a1/bg_dept03.png) no-repeat center top;
}
.result .contents02 .dept .txt01 {
  vertical-align: top;
  text-align: center;
}
.result .contents02 .dept .txt01 img.txt_kekka {
  width: 40% !important;
  margin: 0 auto;
  display: inline-block;
  vertical-align: bottom;
}
.result .contents02 .r_txt01 {
  border: 5px solid #934fbf;
  padding: 0.5em 1em;
  background: #fffffe;
  padding-top: 2em;
  float: right;
  width: 70%;
}
.result .contents02 .r_txt01 p {
  font-size: 120%;
  color: #883887;
  text-align: left;
  font-weight: bold;
  line-height: 160%;
  word-wrap: normal;
}
.result .contents02 .r_img01 {
  position: absolute;
  z-index: 50;
  bottom: 0;
  left: 0;
  width: 30%;
}
.result .contents02 .r_img01 p {
  font-weight: bold;
  margin: 0 !important;
}
.result .contents02 .r_img01 p span {
  display: block;
}
.result .contents03 h3 {
  font-size: 180%;
  margin: 2em 0 1em;
  color: #4d1f63;
  font-weight: bold;
  text-align: center;
}
.result .contents03 ul {
  line-height: 230%;
  width: 98%;
  margin: 0 auto 1em;
}
.result .contents03 li a {
  text-align: left;
  display: block;
}
.result .contents03 .bnr01 {
  margin-top: 2em;
}
.result .contents03 .btn_more {
  margin-top: 2em;
  margin-bottom: 2em;
}
.privacyArea {
  text-align: left !important;
}
.privacyArea li {
  line-height: 160%;
}
.blockFrame li a {
  padding: 0.5em 3em 0.5em 0;
  display: block;
  border-top: 1px solid #615282;
  background: url(../cont_img/common/arw.png) no-repeat 100% 50%;
  background-size: 1em;
}
.blockFrame li:first-child a {
  border-top: none;
}
/**/
/*------*/
.posA {
  position: absolute;
}
.posR {
  position: relative;
}
.cvr, #subcon02 .present_bnr.mb1.posR .cvr, #wrapper #main #present .top_contentBlock .prebox .posR .cvr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}
.feature_contentBlock .blockCont #n_txtbtn {
  cursor: pointer;
}
.dspIB {
  display: inline-block;
}
.invisible_layer {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/common/space.gif);
}
.clm01 {
  padding: 0 1em 0.5em;
  background-color: #E9E4EC;
}
#bnr_taisaku_ft {
  width: 93.75%;
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0 0 0.7em;
}
#bnr_taisaku_ft a {
  display: block;
  width: 100%;
  margin: 0 auto;
}
#qa_body #bnr_taisaku_ft a, #useful_body #bnr_taisaku_ft a, #buy_body #bnr_taisaku_ft a, #feature_body #bnr_taisaku_ft a {
  width: 93.75%;
}
div.side_fx a {
  display: block;
}
.ivl {
  position: relative;
}
*.ivl::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

/* cm ************************************************/
.cm_01 .cm_txt01 {
  font-weight: bold;
  text-align: center;
}
.cm_01 .cm_txt02 {
  font-size: 4vw !important;
  line-height: 1.8em;
  padding-bottom: 10vw;
}
div.blk02_tmp {

}
.cm_01 h2.main_title,
h2.sub_tmp {
  border: none !important;
  font-size: 5vw !important;
  margin-bottom: 0 !important;
}
.cm_01 .blk02 h3 {
  color: #4D1F63;
  font-size: 4.5vw;
  font-weight: bold;
  text-align: center;
}
.blk02 .mv03 p.note_txt {
  color: #ff0000;
  font-weight: bold;
  height: 2.2em;
  margin-bottom: 0 !important;
}
.cm_01 .blk02 .mv04 {
  padding-top: 10vw;
}
.list_wrp {
  padding-bottom: 60px;
}
.cm_02 .list_wrp {
  padding-bottom: 26vw;
}
.cm_02 .list_wrp {
  margin-top: 5vw;
}
.list_wrp li {
  margin: 0 auto 5vw;
  width: 94%;
}
.list_wrp span {
  display: block;
  font-size: 4.5vw;
  line-height: 1.5em;
  text-align: center;
}
.list_wrp .inr_top {
  background: #4D1F63;
  padding: 1em 0;
}
.list_wrp .inr_top span {
  color: #fff;
  font-size: 4vw;
  line-height: 1.4em;
}
.list_wrp .inr_top span.ttl {
  font-size: 6vw;
  font-weight: bold;
  padding: 0 !important;
}
.list_wrp .inr_btm {
  border: 1px solid #4D1F63;
  box-sizing: border-box;
  line-height: 1.46em;
  padding: .8em 0;
  width: 100%;
}
.list_wrp li:last-of-type {
  position: relative;
}
.list_wrp li .note_txt {
  position: static;
}
.list_wrp li .note_txt p {
  font-size: 3.5vw;
  margin: 0 !important;
}
.blk03.pict_box {
  box-sizing: border-box;
  font-size: 3.5vw;
  height: 29vw;
  position: relative;
  text-align: center;
  width: 100%;
}
.pict_frm {
  background: url(../../images/cm/char_01.png) top left/35vw no-repeat, url(../../images/cm/char_02.png) top right/35vw no-repeat;
  bottom: 28.5vw;
  height: 29vw;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% + 4px);
}
.blk03.pict_box h2 {
  font-size: 5vw !important;
  margin-bottom: 0 !important;
}
.blk03.pict_box p {
  font-size: 120%;
  margin-bottom: 0 !important;
}
.cm_02 .blk03 {
  margin-bottom: 1em;
}
.cm_02 .pcon {
  display: none;
}




.cat01-hayfever > span {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  padding: 4px 0 0 40px;
  color: #4D1F63;
  font-size: 16px;
  font-weight: 700;
  line-height: 27.5px;
}
.cat01-hayfever > span.useful {
  background: url("../../../assets/img/common/icon_useful.png") left center no-repeat;
  background-size: contain;
}