@charset "utf-8";


/*----------------------------------------------------
Common
----------------------------------------------------*/
.pc{ display: none; }
.pc_inline, .pc_i{ display: none; }
.sp{ display: block; }
.sp_inline, .sp_i{ display: inline; }
body p{
  font-size: 15px;
}
img{
    max-width: 100%;
    height: auto;
}
#footer{
    width: 94%;
}
#footer img{
    width: 100%;
}
#footer .newsArea{
    width: 100%;
}
#footerLnk{
    padding: 10px;
}
.btn_pdf,
.btn_detail{
    width: 80%;
    margin: 0 auto;
}
#header{
  padding-top: 0;
}
.hisamitsu_msg{
  font-size: 7.5px;
}
.hisamitsu_msg img{
  margin-right: 6px;
}
footer{
  /*background-color: #4D1F63;    */
  margin-bottom: 60px;
}
#pagebody p{
    margin-bottom: 1em;
}
p strong{
    color: #8c3fc5;
    font-weight: bold;
}
#sidenav,
#breadcrumb{
    display: none;
}
#subcon02 {
    width: 94%;
}
/*.wrap-content{
    background: #4d1f63;
}*/
#main{
    padding-bottom: 0;
    background: none;
  width: 100%;
}
#mainCont{
    padding-bottom: 0;
    line-height: 1.6;
}
.pagebody2 .ttl{
  padding: 25px 0 20px;
}

/*----------------------------------------------------
footer
----------------------------------------------------*/
#jr_bnr, #bnr_taisaku_ft{
    width: 94%;
    background: #FFF;
    margin-bottom: 0;
    padding: 0.5em 0;
}
#jr_bnr a{
    width: 100%;
}

/*----------------------------------------------------
present
----------------------------------------------------*/
body.present .present{
/*    width: 94%;
    margin: 0 auto;
    background: #4D1F63;
*/}
/*----------------------------------------------------
how predict
----------------------------------------------------*/
a.detBtn {
    width: 80% !important;
}

.fcGray {
    color: #646464;
}

.kome {
    margin: 0 0 0 1em;
    text-indent: -1em;
}

.listStyleDisc {
    margin-left: 0;
    font-size: 16px;
}

.listStyleDisc li {
    display: block;
    padding: 1em 0 0 20px;
    margin: 0 0 1em 0;
    list-style-type: none;
    background: url(../cont_img/trivia/list01.png) no-repeat left 19px;
    border-top: solid 1px #000000;
}

.listStyleDisc li:first-child {
    border: none;
}

.blockCont h3 {
    padding-bottom: 0;
    border: none;
}

.info_contentBlock {
    width: 100%;
    background: url("../cont_img/how_predict/bg01.png") no-repeat top center;
    background-size: cover;
}
.predict02 {
    padding: 1em;
    background-color: #ffffff;
    margin-bottom: 2em;
}

.pic01 {
    width: 56%;
    margin: 0 auto;
}

.predict03 {
    margin-bottom: 5em;
}

.predict04 {
    background-color: #b78fbe;
    margin: 0;
    padding: 1em;
}

.predict04 .clm {
    background-color: #ffffff;
    width: 100%;
    padding: 5em 1em 1em;
}

.predict04 .clm .posA {
    width: 100%;
    left: 0;
    top: -2em;
    text-align: center;
}

.predict04 .clm .posA img {
    width: 100px !important;
}

.predict05 {
    padding-bottom: 3em;
}

.predict05 h2 {
    margin-bottom: 1em;
}

/*----------------------------------------------------
feature
----------------------------------------------------*/
body.feature #main {
  /*background-color: #4D1F63;*/
  padding: 0;
}
body.feature #main .feature_contentBlock {
  background: url(../cont_img/feature/feature_body_bgi.png) no-repeat top center #ffffff;
  background-size: 100% auto;
  padding-top: 0 !important;
}
body.feature #main .feature_contentBlock.feature_ {
  background: url(../cont_img/feature/feature_body_bgi02.png) no-repeat top center #ffffff;
  background-size: 100% auto;
  padding-top: 0 !important;
}
body.feature #mainCont {
  padding-bottom: 0;
}

.pagetitleFeature {
  background-image: none;
}
body.feature #pagetitle {
  padding: 0;
}
body.feature .h2_featureArea {
  margin-top: 30px;
}
body.feature .feature_bottom {
  margin-bottom: 0;
  padding: 1em 0 2px;
}
body.feature #jr_bnr {
  width: 94%;
  background-color: #ffffff;
  padding: 20px 0;
  margin-bottom: 0;
}
#subcon p {
  margin-bottom: 0;
}
body.feature #jr_bnr img {
  width: 94%;
  margin: 0 auto;
  display: block;
}
body.feature .newsArea {
  width: 94%;
  margin: 0 auto;
}
.feature .contents01 p.txt01 {
    font-size: 16.5px;
    font-weight: bold;
    margin-bottom: 20px;
}
.fntClr_comment{
  color:#646464;
}
.blockCont h3.feature_top {
 margin-top: 50px !important;
}
#pagerList02 li {
  border: none;
}
.performance .inner{
    margin-top: 30px;
    padding-top: 0;
}
.contents01{
}
.contents02{
    /*margin-top: 40px;*/
}
.contents02 h3{
    width: 58.2%;
    margin: 0 auto;
    margin-bottom: 1em;
}
.contents02 h3 img{
    max-width: 320px;
}
#feature ul{
    margin-bottom: 40px;
}
#feature li{
    width: 100%;
    margin-bottom: 5px;
}
.feature table{
    margin-bottom: 20px;
}
body.feature04 .contents01 img{
  width: 190px;
  display: block;
  margin: 0 auto;
}
body.feature05 .contents01 img:first-of-type{
  width: 173px;
  display: block;
  margin: 0 auto;
}
.onepointBox{
  margin: 50px auto 0;
  border: 2px solid #4D1F63;
  padding: 10px
}
body.feature05 .onepointBox img{
  margin: 0 auto !important;
  width: 50px !important;
  margin-bottom: 10px !important;
}
.onepointBox .fRight {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: #5a2781 solid 2px;
}
.onepointBox .fRight span {
  display: block;
  color: #5a2781;
  font-size: 17px;
  letter-spacing: 0.1em;
  text-align: center;
}


/*----------------------------------------------------
feature
----------------------------------------------------*/
.pagebody2 .bnr2{
  width: 86.14vw;
  margin: 0 auto;
  padding: 30px 10px 40px;
}
.pagebody2 .bnr2 ul li {
	position:relative;
}
.pagebody2 .bnr2 ul li + li {
  margin-top: 5px;
}
.pagebody2 .bnr2 ul li span.new {
	display:block;
	position:absolute;
	top:-15%;
	left:-6%;
	z-index:5;
	width:12%;
} 
.pagebody2 .bnr2 ul li img.sp {
  display: inline-block;
}
.pagebody2 .bnr2 h3{
  text-align: center;
  margin-bottom: 13px;
}
.pagebody2 .bnr2 h3 img{
  width: 141px !important;
}


table.product_table2,
table.product_table {
  border: 2px solid #4d1f63;
  width: 100%;
  margin: 0 auto 35px;
  border-collapse: collapse;
}
table.product_table2{
  margin-bottom: 20px;
}
table.product_table2 th,
table.product_table th {
  /*background: #4d1f63;*/
  color: #fff;
  padding: 10px;
  text-align: center;
  background: none;
}
table.product_table2 th{
  text-align: left;
}
table.product_table2 th:last-child,
table.product_table th:last-child {
  border-right: 2px solid #4d1f63;
}
table.product_table2 td,
table.product_table td {
  text-align: center;
  color: #4d1f63;
  border: 2px solid #4d1f63;
  padding: 10px;
  background: none;
}
table.product_table2 td{
  text-align: left;
}
table.product_table tr td:nth-of-type(2) {
  background: #EDE8EF;
}
.bg1{
  background: #99669e;
  background: -moz-linear-gradient(left,  #99669e 0%, #6a1f71 100%);
  background: -webkit-linear-gradient(left,  #99669e 0%,#6a1f71 100%);
  background: linear-gradient(to right,  #99669e 0%,#6a1f71 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99669e', endColorstr='#6a1f71',GradientType=1 );
}
.product .pagebody2 .contents01 .r_seller{
  overflow: hidden;
  padding: 25px 15px 15px;
  margin-bottom: 30px;
}
.product .r_seller h4{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.product .r_seller ul {
  padding: 0;
}
.product .r_seller li {
  text-align: left;
  font-size: 15px;
  margin-bottom: 15px;
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.product .r_seller li:last-child {
  margin-bottom: 0;
}
.product .r_seller .fLeft ul {
  width: 100%;
  padding-top: 0;
  margin-top: 15px;
}
.product .r_seller .fRight img{
  width: 100% !important;
  box-sizing: border-box;
  margin: 0;
  margin-top: 10px;
}
.product .r_seller .fRight figure{
  margin: 0;
}

table.no_border{
  border: none;
}
table.no_border th,
table.no_border td{
  font-weight: normal;
  border: none;
  color: #000;
  font-size: 15px;
  display: inline;
}
table.no_border th{
  width: 4em;
  vertical-align: top;
}
ol.kakko{
  list-style-type: none;
}
ol.kakko li {
  counter-increment: cnt;
  padding-left: 40px;
  position: relative;
  font-size: 15px;
}
ol.kakko li:before {
  content: "(" counter(cnt) ") ";
  position: absolute;
  left: 0;
}
ol.dot{
  list-style-type: none;
}
ol.dot li {
  counter-increment: cnt;
  padding-left: 40px;
  position: relative;
}
ol.dot li:before {
  content: counter(cnt) ". ";
  position: absolute;
  left: 0;
}
.pagebody2 .inner .cap{
  color: #000;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0 !important;
}
.onepointBox {
  margin: 50px auto 0;
  border: 2px solid #4D1F63;
  padding: 20px 16px;
}
.product .onepointBox {
  text-align: left;
}
.onepointBox img{
  margin: 0 !important;
  margin-right: 30px !important;
}
.onepointBox .fRight {
  /*width: 400px;*/
  text-align: left;
  font-weight: bold;
  font-size: 24px;
  /*margin-top: 40px;*/
  /*margin-bottom: 50px;*/
}
.onepointBox .fRight span {
  display: block;
  border-bottom: #5a2781 solid 2px;
  color: #5a2781;
  padding-bottom: 5px;
  font-size: 17px;
  letter-spacing: 0.1em;
  margin: 0 0 15px;
}
.onepointBox p {
  /*margin-left: 15px;*/
  /*margin-bottom: 1em;*/
}
.onepointBox p small {
  /*display: block;*/
  font-size: 16px;/*margin-top: 15px;
line-height: 28px;*/
}
.onepointBox .flex{
  margin-bottom: 40px;
}
.onepointBox h4{
  font-size: 17px;
  font-weight: bold;
  color: #4D1F63;
  margin-bottom: 15px;
  text-align: center;
}
.onepointBox h5{
  font-size: 15px;
  color: #FFF;
  padding: 10px 20px;
  margin-bottom: 15px;
  line-height: 1;
}
.onepointBox .h6,
.onepointBox h6{
  font-size: 15px;
  font-weight: bold;
  color: #4D1F63;
  margin-bottom: 20px;
}
body.feature05 .onepointBox img{
  margin: 0 auto !important;
  width: 50px !important;
  margin-bottom: 10px !important;
}
.onepointBox .fRight {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: #5a2781 solid 2px;
}
.onepointBox .fRight span {
  display: block;
  color: #5a2781;
  font-size: 17px;
  letter-spacing: 0.1em;
  border-bottom: none;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}
.onepointBox .flex{
  display: block;
  margin-bottom: 0;
}
.flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.flex-center{
  justify-content: center;
}
.flex-middle{
  align-items: center;
}
.lh2{
  line-height: 1.4;
}

.trivia .img01{
  width: 208px;
  margin: 0 auto;
  display: block;
}
.yakudachi_ttl{
  width: 132px !important;
}
.pagebody2 .inner h2 span{
  color: #FF7D00;
}
.pagebody2 .inner h2.no_border{
  border-bottom: none;
  padding: 50px 0 0;
  text-align: left;
  background: url(../../../assets/img/hayfever/selfcheck/selfcheck_img.svg) no-repeat;
  background-position: 50% top;
  background-size: 56px;
  font-size: 17px;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.selfcheck .mt4{
  margin-top: 65px;
}
table.checktbl tr:nth-of-type(2) th{
  width: 33.33%;
}

table.checktbl td,
table.checktbl th{
  font-size: 11px;
}
.pagebody2 .inner .bg1 th,
.pagebody2 .inner .bg1 td{
  background: none !important;
  border: 1px solid #000;
}
.selfcheck .pagebody2 .inner table.checktbl th,
.selfcheck .pagebody2 .inner table.checktbl td{
  border: 1px solid #000;
}
.selfcheck .mt2{
  margin-top: 10px !important;
}

.pagebody2 .useful_list{
  text-align: center;
  width: 100vw;
  margin-left: -20px;
  background: #FFF;
  padding: 30px;
}

.pagebody2 .useful_list h3{
  font-size: 16px;
  color: #4D1F63;
  text-align: center;
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid #4D1F63;
  margin: 0 auto 20px;
}
span.cr_pur{
  font-weight: bold;
}
.trList{
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
}
#mainCont{
  background: none;
}

.side_fx{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.side_fx img{
  width: 100%;
}