@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,200,300,400,500,700,800,900&display=swap');

body{
  margin:0 auto;
  padding:0;
  text-align:left;
  font-size:15px;
  color: #3b3b3b; 
  font-family: 'Noto Sans JP';
  font-weight: 300;
  line-height:1.8em;
  width:480px
}

img{
	width:480px;
	vertical-align:bottom;
}

.text{
	width:93%;
	margin:10px auto 0 auto;
	text-align:justify
}


.yb{
	  background: linear-gradient(transparent 75%, #fac331 75%);
	  padding-bottom:-2px;
	  font-weight:600;

}

.ob{
	  background: linear-gradient(transparent 75%, #fdc76d 75%);
	  padding-bottom:-2px;
	  font-weight:600;

}

.matome{
	color:#da251f;
	font-size:200% !important;
	font-weight:800
}

.nayami_f{
	color:#972e3f;
	font-weight:600;
}


.red{
	color:#f90000;
	background: linear-gradient(transparent 75%, #fac331 75%);
	  padding-bottom:-2px;
	  font-weight:600;
}

/********上付き文字 https://webkan.hateblo.jp/entry/20150816/p1*******/
span.supText {
font-size:50%;
vertical-align: top;
position: relative;
top: -0.5em;
}
span.supText2 {
font-size:30%;
vertical-align: top;
position: relative;
top: -0.5em;
}

/*******************メインビジュアル***************************/
#main{
	position:relative;
	margin:0 0 20px 0
}

#main_logo{
	position:absolute;
	top:10px;
	left:10px;
	
}
#main_logo img{
	width:140px	
}

@media screen and (max-width: 480px) {
#main_logo{
	position:absolute;
	top:10px;
	left:10px;
		
}
#main_logo img{
	width:120px	
}	
}


#main h1{
	position:absolute;
	top:129px;
	left:10px;
	line-height:1.7em;
	color:#563400;
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight:bold;
	font-style: normal;
	font-size:30px;
	letter-spacing:0.05em;
	font-feature-settings: "palt";
}
@media screen and (max-width: 480px) {
#main h1{
	top:105px;
	font-size:24px;
}
}

#main h1 span{
	font-size:75%;
}
@media screen and (max-width: 320px) {
#main h1{
	top:100px;
	font-size:20px;
}	
}

.about{
	font-size:18px;
	color:#e89100;
	border-left:5px #e89100 solid;
	padding:0 0 3px 5px;
	margin:30px 0 10px 0
	
}
@media screen and (max-width: 320px) {
	
.about{
	font-size:17px;	
}
}

.gold_bg{
	background:url(img/gold_bg.jpg) no-repeat;
	background-size:93%;
	background-position: 50%;
	color:#563400;
	margin:70px 0 30px 0;
	padding:24px 0 14px 0
}

.gold_content{
	width:87%;
	margin:0 auto;
	text-align:center
}
.gold_content h3{
	font-size:140%;
	margin: 0 0 10px 0;
	line-height:1.4em
}
@media screen and (max-width: 320px) {
.gold_content h3{
	font-size:120%;
	margin: 10px 0 10px 0;
	line-height:1.4em
}	
	
}

.osusume{
	color:#da251f;
	font-size:150%;
	font-weight: 600;
}

ul,li{ margin:0; padding:0}

.gold_list{
	text-align: left;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4em;
	padding:10px 0;
	
}
.gold_list li{
	text-indent:-1em;
	padding-left:1em;
	margin:0 0 7px 0
}

#kuchikomi{
	background:#e89100;
	
	
}
#kuchikomi h2{
	font-family: 'Noto Sans JP' !important;
  	font-weight: 500;
	color:#fff;
	margin:90px 0 0 0;
	padding: 15px 0 20px 0;
}
@media screen and (max-width: 320px) {
#kuchikomi h2{
	font-size:20px	
}
}

#kuchikomi h2 span{
	font-size:150%;
	font-weight: 600;
}

.sankaku_orange{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 17.5px 0 17.5px;
    border-color: #e89100 transparent transparent transparent;
    margin: -5px auto 0 auto;
}

.voice{
	background:#f6f2e4;
	width:93%;
	margin:15px  auto 0 auto;
	padding:20px;
	text-align: justify;
	font-weight:400;
	letter-spacing:0.01em
}
.sankaku_voice{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 17.5px 0 17.5px;
    border-color: #f6f2e4 transparent transparent transparent;
    margin: -5px auto 0 auto;
}

.set_border{
	border-bottom:1px #563400 solid;
	margin:10px 0 20px ;
}
	
.name{
	text-align:right;
	color:#e89100;
	font-weight:600
}

.mt10{ margin-top:10px !important}
.mt20{ margin-top:20px !important}
.mt30{ margin-top:30px !important}
.mt50{ margin-top:50px !important}
.mt80{ margin-top:80px !important}

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


.img_only{
	width:100%;
	margin:0 auto
}

@media screen and (max-width: 480px) {
.img_only{
	width:93%;
	margin:0 auto
}	
	
}


@media screen and (max-width: 480px) {
body{
	margin:0 auto;
	padding:0;
	width:100%
}
img{
	width:100%;
}
}


/*******************商品**********************/
.product{
	background:#f8f9eb;
	padding:20px 30px;
	display: inline-block;
	width: 100%;
	margin:30px auto 10px auto
}
@media screen and (max-width: 480px) {
.product{
	background:#f8f9eb;
	padding:15px;
	display: inline-block;
	width: 100%;
	margin:30px auto 10px auto
}	
	
}

.product_text{
	float:left;
}

.product_text h5{
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 100;
	font-style: normal;
	font-size:18px;
	line-height: 1em;
	letter-spacing:0.1em;
	font-feature-settings: "palt";
	font-weight: bold;
}
.product_text h5 span{
	font-size:75%;
}

.bottle img{
	width:52px;
	float:left;
	margin:0 35px 0 0
}
@media screen and (max-width: 480px) {
.bottle{
	width:42px;
	float:left;
	margin:0 25px 0 0
}		
}


.kusumi{
	color:#e89100;
	font-size:14px;
	font-weight:600;
	margin:10px 0 0 0
}

.price{
	color:#de031a;
	font-size:24px;
	font-weight:600;
	margin:5px 0
}
.price span{
	font-size:70%;
}




.syousai_btn{
	border:1px #43a506 solid;
	background:#fff;
	color:#43a506;
	padding:0 25px 0 20px;
	display: inline-block;
	position:relative;
	font-weight:500;
}

@media screen and (max-width: 320px) {
.kusumi{
	font-size:13px;
	margin-top:17px
	
}	
.product_text h5{
	font-size:15px;
}	
.price{
	font-size:20px;
}
.syousai_btn{
	font-size:13px
}	
}


.syousai_btn::after{
	position:absolute;
	content:url(img/arrow.svg) ;
	width:7px;
	height:14px;
	font-size:14px;
	
	top:0;
	right:10px
}

.syousai_btn a{
	
	color:#43a506;
	text-decoration:none;

}



.buy_btn a{
	display:inline-block;
	width:100%;
	text-align:center;
	/*border:3px solid #319b06;*/
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	line-height:50px;
	font-weight:bold;
	font-size:17px;
	color:#fff !important;
	outline:0;
	-webkit-box-shadow:0px 5px 0px 0px rgba(22,106,0,1);
	-moz-box-shadow:0px 5px 0px 0px rgba(22,106,0,1);
	box-shadow:0px 5px 0px 0px rgba(22,106,0,1);
	background:#319b06;
	background: linear-gradient(to bottom, #43c906,#319b06 );
	position:relative;
	text-decoration:none;
	padding: 4px 0 6px 0;
	clear:both
}
.buy_btn a::after{
	position:absolute;
	content:url(img/arrow_white.svg) ;
	width: 10px;
    height: 28px;
    top: 6px;
    right: 10px;
}


h2{
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-size:25px;
	color:#563400;
	text-align:center;
	font-feature-settings: "palt";
	font-weight: bold;
	letter-spacing:0.05em;
	line-height:1.3em;
	clear:both
}
@media screen and (max-width: 320px) {
h2{
	font-size:22px;	
}	
}

.kakushin{
	font-size:22px;
	line-height:1.2em;
	height: 94px;
}
@media screen and (max-width: 320px) {
.kakushin{
	font-size:19px;
	line-height:1.2em;
	height: 90px;
}
}

.bunkai{
	font-size:17px;
	line-height:1.2em
}

.bunkai_main{
	font-size: 43px;
	height: 40px;
	margin: 15px 0 0 0;
}
@media screen and (max-width: 320px) {
.bunkai{
	font-size:15px;
	line-height:1.2em
}	
	
}

.haigou{
	font-size: 21px;
	line-height: 1.6em;
}

@media screen and (max-width: 320px) {
.haigou{
	font-size: 19px;
	line-height: 1.6em;
}	
	
}


.fan_img{
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 480px) {
.fan_img{
	width:93%;
	margin:0 auto;
}	
}


#prize_bg{
	background:#eadbbe;
	text-align:center;
	width:100%;
	padding:10px 0
}


.prize1_bg{
	position:relative;
}
.prize1_bg img{
	width:95%;
	margin: 0
}


.mb10{ margin-bottom:10px}

.prize1_content{
	position:absolute;
	 top: 0;
	 text-align:center;

}

.cosme_logo{
	width:140px;
	margin: 20px auto 10px auto;
}


.renzoku{
	font-size:40px;
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: bold;
	font-style: normal;
	color:#563400;
	margin:20px 0 20px 0
}

.medal{
	width:87%;
	margin:0 auto
}
@media screen and (max-width: 480px) {
.renzoku{
	font-size:31px;
	margin:0 0 10px 0	
}	
	
}

@media screen and (max-width: 320px) {
.renzoku{
	font-size:31px;
	margin-bottom:5px	
}
.medal{
	width:80%;	
}
}


.wari{
	font-size:20%;
}
.wari2{
	font-size:50%;
}
.three{
	font-size:150%;
	font-weight:100
}

.hayakumo{
	font-size:33px;
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: bold;
	font-style: normal;
	color:#563400;
	margin:30px 0 20px 0
}
@media screen and (max-width: 320px) {
.hayakumo{
	font-size:30px;	
	font-feature-settings: "palt";
}	
}

.hayakumo span{font-size:80%}

li{
	list-style:none;
}

h1,h2,h3,h4,h5,h6,div,p{
	margin:0;
	padding:0;

}


#kakunin{
	color:#6a6a6a;
	font-size:12px;
	width:93%;
	
	line-height:1.4em;
	text-align:justify;
	text-indent:-1em;
	padding-left:1em;
	margin:70px auto 10px auto
}

footer{
	background:#000;
	color:#fff;
	text-align:center;
	padding:20px 0
}
footer a{
	color:#fff;
	text-decoration:none;
	font-size:14px
}

.ryuumin{
	 font-family: a-otf-ryumin-pr6n, serif;
font-weight: 100;
font-style: normal;
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

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