@charset "shift_jis";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese');

/* page == product
------------------------------------------------------------------*/
.productNavWrap{
	text-align: center;
	padding-bottom:3%; 
}
#contentsWrap h2.fact_pagetit {
    position: relative;
    text-align: center;
    margin: 0 0 -6vw;
    border: none;
}
#contentsWrap h2.fact_pagetit::after {
    position: absolute;
    bottom: -1vw;
    left: -2vw;
    content: "";
    width: 36vw;
    height: 31vw;
    background-image: url(/brand/breathcare/img/product_pagetit01_model.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#contentsWrap h2.fact_pagetit img {
    width: 55%;
    padding: 5vw 0 4vw 22vw;
}
#contentsWrap .inner {
    border-top: 3px solid #169041;
    margin-top: 5vw;
    padding-top: 5vw;
    position: relative;
    background: #fff;
}
.productNavWrap li{
	display: inline-block;
	width: 45%;
	margin: 2% 0;
}
.productContents{
	padding:5% 0 2.5%; 
	border-bottom: 2px solid #c3eee7;
}
.productContents#products01{
	/* border-top: 2px solid #c3eee7; */
	padding-top:6%; 
}
.productContents .contentsHead{
	margin:0 auto;
}
#contentsWrap p.innertop {
	  line-height: 1.5;
    margin-top: -1.3%;
    margin-bottom: 1.3%;
}
#contentsWrap .productContents p.inner{
	line-height: 1.5;
	padding: 7% 4% 0;
}
.productContents .imgWrap{
	margin:0 auto 5%;
}
.btnsWrap02{
    overflow: hidden;
}
.btnsWrap02 li{
    display: block;
    float: left;
    width: 48%;
    padding: 1.5% 0 0 1.5%;
}
.pageTopProduct{
	text-align: right;
	margin: 0;
}
.pageTopProduct a{
	font-size: 12px;
	background: url(/brand/breathcare/sp/img/icon_pagetop.jpg) no-repeat left 0.3em / auto 70%;
	display: inline-block;
	padding-left: 1.5em;
	margin-right: 0.2em;
}
#products05{
	margin-bottom: 8%;
}

/* limitation */
#limitation {
	padding: 20px 4%;
	background: url(/brand/breathcare/sp/img/product_bg_limitation.png) no-repeat center;
}
#limitation h3 {
	width: 80%;
	margin: 0 auto 5px;
}
#limitation p.lead {
	width: 70%;
	margin: 0 auto 10px;
}
#limitation p.txt {
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0;
}
#limitation p.image {
	width: 52%;
	margin: 0 auto 15px;
	padding: 0;
}
#limitation div {
	background: rgba(255,255,255,0.5);
	padding: 5% 4% 5%;
	border-radius: 10px;
	margin-bottom: 15px;
}
#limitation ul li {
	padding: 10px 0 15px 45px;
	font-weight: bold;
	line-height: 1.6;
	color:#29a237;
}
#limitation ul li:first-child {
	background: url(/brand/breathcare/sp/img/product_icon_hachimitsulemon01.png) no-repeat left 5px;
	background-size: 35px auto;
}
#limitation ul li:nth-child(2) {
	background: url(/brand/breathcare/sp/img/product_icon_hachimitsulemon02.png) no-repeat left 5px;
	background-size: 35px auto;
}
#limitation ul li:nth-child(3) {
	background: url(/brand/breathcare/sp/img/product_icon_hachimitsulemon03.png) no-repeat left 5px;
	background-size: 35px auto;
}
#limitation ul + span {
	display: block;
	line-height: 1.4;
}

/* #sailormoon */

.sailormoonContents{
	background: url(/brand/breathcare/sp/img/bg_sailormoon.jpg) no-repeat top;
	border-top: 2px solid #c3eee7;
	/* background-size: 384px auto; */
	background-size: 100% 100%;
	overflow: hidden;
}
.sailormoonContents .ttl{
	margin-top: -12px;
	margin-left: 0px;
}
.sailormoonContents .inner{
padding: 0 20px;
}
.sailormoonContents .innerWrap{
	position: relative;

}
#contentsWrap .sailormoonContents .inner{
	padding-left: 19px;
	padding-right: 19px;
	position: relative;
}
.sailormoonContents .innerWrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/brand/breathcare/sp/img/bg_top_left.png) no-repeat top left,url(/brand/breathcare/sp/img/bg_top_right.png) no-repeat top right,
	url(/brand/breathcare/sp/img/bg_bot_left.png) no-repeat bottom left,
	url(/brand/breathcare/sp/img/bg_bot_right.png) no-repeat bottom right;
	background-size: 50px;

}
.sailormoonContents .innerWrap:after{
	content: '';
	position: absolute;
	top: 0;
	left: 49px;
	right: 49px;
	bottom: 0;
	background: url(/brand/breathcare/sp/img/bg_mid_top.png) repeat-x top, url(/brand/breathcare/sp/img/bg_mid_bot.png) repeat-x bottom;;
	background-size: auto 50px ;
}
.sailormoonContents .innerWrapBg{
	position: relative;

}
.sailormoonContents .innerWrapBg:before{
	content: '';
	position: absolute;
	top: 49px;
	left: 0px;
	right: 0px;
	bottom: 49px;
	background: url(/brand/breathcare/sp/img/bg_mid_left.png) repeat-y left, url(/brand/breathcare/sp/img/bg_mid_right.png) repeat-y right;;
	background-size: 50px auto,50px auto;
}
.sailormoonContents .innerWrapBg:after{
		position: absolute;
		top: 40px;
		left: 40px;
		right: 40px;
		bottom: 40px;
		content: '';
		background: #fff;
}
.sailormoonContents .innerWrapBg .content{
	padding: 0 10px 20px 10px;
	z-index: 3;
	position: relative;
	margin-top: -18%;
}

.sailormoonContents .ttl_sub {
	position: relative;
	margin-left: -21px;
	margin-right: -20px;
	z-index: 3;
	top: 0;
	text-align: center;
	transform: translateY(-57%);
	display: block;
}	
.sailormoonContents .notes {
	color: #fff;
	font-size: 10px;
	padding: 0px 16px 10% 27px;
	/* text-shadow: -1px -1px 5px #e94195, 1px -1px 5px #e94195, -1px 1px 5px #e94195, 1px 1px 5px #e94195; */
	text-shadow: -1px -1px 8px #e94195, 1px -1px 9px #e94195, -1px 1px 9px #e94195, 1px 1px 9px #e94195;
	font-weight: 500;
	letter-spacing: -0.5px;
	margin-top: -7px;
	line-height: 1.6;

}
.sailormoonContents .note {
	position: absolute;
	top: 10px;
	z-index: 5;
	text-align: center;
	font-size: 10px;
	color: #e4007f;
	left: 50%;
	margin-left: -100px;
	line-height: 1;
}
.sailormoonContents .notes li{
	position: relative;
	padding-left: 11px;
	font-family: 'Noto Sans JP';
}
.sailormoonContents .notes span{
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'Noto Sans JP';
}
.sailormoonContents .content p {
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.1px;
	color: #333333;
	font-family: 'Noto Sans JP';
	line-height: 1.7;
}
#contentsWrap .sailormoonContents .content p + p{
	padding-top: 3%;
}
#contentsWrap .sailormoonContents .content p.ttl_sub_03 {
	margin-top: 13px;
	margin-bottom: 6px;
}
.sailormoonContents .content .ttl_sub_02{
	margin-top: 18px;
	margin-bottom: 0;
}
.sailormoonContents .logo{
	margin-top: -16px;
	margin-bottom:-21px;
}

#contentsWrap .sailormoonContents .btnsWrap03{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	
}
#contentsWrap .sailormoonContents .pageTopProduct {
	padding-bottom: 43px;
	margin-top: -3px;
	padding-right: 3%;
	padding-top: 0;
	letter-spacing: -0.3px;
}
@media screen and (min-width: 767px) {
	.sailormoonContents .ttl_sub{
    transform: translateY(-58%);
	}
}
@media screen and (max-width: 360px) {
	.sailormoonContents .content p{
		font-size: 11px;
	}
	.sailormoonContents .innerWrapBg .ttl_sub{
    transform: translateY(-55%);
	}
}
/* pokemon */
#contentsWrap .pokemonContents {
	border-top: 2px solid #c3eee7;
	padding: 0 0 20px;
	background: url(/brand/breathcare/sp/img/pokemon_bg.gif) 0 0 / 12px repeat;
}
#contentsWrap .pokemonContents img {
	width: 100%;
}
#contentsWrap .pokemonContents .pkg {
	margin-top: 20px;
}
#contentsWrap .pokemonContents .contents {
	margin: 30px 10px 0 15px;
}
#contentsWrap .pokemonContents .btn {
	margin: 20px 15px 0;
	padding-top: 0;
}
#contentsWrap .pokemonContents .pageTopProduct {
	margin: 22px 0 0;
	padding: 0 15px 0 0;
	letter-spacing: -0.3px;
}
.c-store-modal {
  display: none;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-store-modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.c-store-modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.c-store-modal_inner ul {
  width: 200px;
  margin: 20px auto 0;
}

.c-store-modal_inner ul li {
  margin: 7px 0 0;
}
.c-store-modal_inner ul li img{
	width: 100%;
}
.c-store-modal_ttl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

.c-store-modal_ttl::before {
  display: inline-block;
  width: 24px;
  height: 25px;
  margin: 0 9px 0 0;
  background: url(/brand/teirakku/img/common/ico_cart04.svg) no-repeat center;
  background-size: contain;
  content: "";
}

.c-store-modal_btn {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 135px;
  height: 30px;
  margin: 31px auto 0;
  border: 1px solid #fff;
  border-radius: 2px;
  font-size: 1.0rem;
}