@charset "Shift_JIS";

body {margin: 0; padding: 0;}
#YNT_wrapper img {border: 0; vertical-align: bottom; width: 100%;}
#YNT_wrapper a{ text-decoration:none; }
#YNT_wrapper p{	font-size:15px;	line-height:1.8em;	margin: 4% 0 1%;}

.main {	display: block;	width: 85%;	margin:0 auto 7%;	position:relative; max-width: 1100px;}
.sml{font-size: 80%;}
.red {    color: #c50000;    font-size: 140%;    font-weight: 600;}
.Sml {	font-size: 12px;    line-height: 1.5em;}
a.btn:hover {background-color: #000;}
hr{width: 50%; margin: 10% auto; border: dashed 1px #eee;}

#YNT_wrapper {
    margin: 0 auto 0;
    padding: 0;
	width: 100%;
	position: relative;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
    color: #4A4A4A;
    /*background-image: url("../images/top.png");*/
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

 #YNT_wrapper h2 { font-size: 24px; font-weight: 500;}
#YNT_wrapper h3 { font-size: 23px; font-weight: 500; line-height: 1.7em;	margin: 1% auto 2%;	text-align: center;}
#YNT_wrapper h4 { font-weight: 600;	font-size: 16px; line-height: 1.5em;	margin: 2% auto 0; text-align: left;}



.bk01 {    background-color: #f4b9b9; padding: 2% 3% 5%;}
.col1 {color: #5cb5b4;}
.col2 {color: #6A5C24;}


.pick_wrap {
    margin: 10% auto;
    padding: 10% 0 5%;
	width: 100%;
    background-color: #fef4f4;
}

.pick_BOX {
	width: 75%;
    max-width: 1000px;
	margin: 3% auto 10%;
	padding: 5% 3% 4%;
	/*border: 3px solid #f4b9b9;*/
	border: solid 1px #ACACAC;
	border-radius: 50px;
	box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	 position: relative;
	background-color: #fff;
	align-items: center;
}
.item_txt{width: 47%; position: relative; text-align: left;}
.item_mainimg{width: 50%; margin: 0; padding: 0; position: relative;}

.seal {  width: 15%;  position: absolute;  top: -4%;    left: -4%; z-index: 100;}
/*.seal_r {    width: 23%;    position: absolute;    top: -2%;    right: -2%;}
.seal_s {    width: 27%;    position: absolute;    top: -2%;    left: -2%;}*/


.item_name { font-size: 20px;	font-weight: bold;	line-height: 1.5em; margin: 1% 0 0;}
.price { font-size: 18px;	font-weight: bold;	margin: 2% 0 2%;	text-align:left;}
.item_d { font-size: 16px;	font-weight: bold;	line-height: 1.5em; color: #f5918e; }


#YNT_wrapper ul{width: 100%; margin: 5% auto 2%; padding: 0; list-style: none; display: block; }
#YNT_wrapper li{margin: 0 2% 0 0; padding: 1% 3%; font-size: 13px; display: inline-block; background-color:#f5918e; color: #fff; border-radius: 30px;}

/*.getpoint_BOX {width: 96%; margin: 0 auto; display: flex; justify-content: center; gap: 10px;}
span.getpoint{margin: 3% 0 2%; color: #f5918e; background-color:#fff; font-weight: bold; font-size: 12px; padding:  3px 8px 4px; border: solid 2px #f5918e; text-align: center; vertical-align: middle;}*/


/*pick item*/
.thumb_box { width: 95%; max-width: 1000px;	margin: 5% auto 0%;  display: flex; flex-wrap: wrap; text-align: center;	gap: 5%;}
.thumb {  width: 30%;  margin: .5% 0 3%;    font-size: 13px;  line-height: 2.0em;  text-align: center; }
.thumb p { font-size: 13px; line-height: 1.4em;}
.thumb img {  width: 100%;}

#YNT_wrapper .thumb img {  border: 1px solid #ACACAC;}


/* COUPON */
.box_round {
    width: 100%;
    padding: 5% 5% 5%;
    margin: 7% auto;
    border: solid 2px #f4b9b9;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
}

.cp_wrap p{	text-align: left;	font-size: 16px; font-weight: 500;	line-height: 1.8em;    margin: 2% auto 3%;}
.cp_wrap{width: 50%; max-width: 700px; margin: 0 auto;}

/* コピーボタン */
.copy_btn {
  width:50%;
  padding: 2% 0;
  margin: 1% auto 3%;
  font-family: 'Inter', sans-serif;    
  color:#000;
  font-size: 30px;
  font-weight:bold;
  background:#fff;
  border-radius: 10px;
  transition: .4s;
  text-align: center;
}
 
.copy_btn:hover {  background: #ffffff;  color: #000000;}
.copy_btn:hover {	cursor: pointer;}


/* General button style (reset) */
.btn {	border: none;	font-size: 15px;	color: inherit;	background: none;	cursor: pointer;	padding: 10px;	display: inline-block;	margin: 2% auto 3%;	letter-spacing: 1px;	font-weight: 400;	outline: none;	position: relative;	-webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;	text-align: center;	}


/* Button 1 */
.btn-1 {
	font-size: 14px;
    font-weight: 500;
	padding: 10px 30px 10px;
	color: #fff;
	border-radius: 5px;
	background-color: #000;
	transition: .3s;
	display: block;
	width: 70%;
	margin: 7% auto 0;
}

/* Button 2 */
.btn-2 {
	width: 500px;
	font-size: 18px;
	margin: 0 auto 5%;
	padding: 12px 0 15px;
	color: #fff;
	border-radius: 5px;
	background-color: #000;
	transition: .3s;
}


.clear {clear: both;}
.pc {display: block;}
.sp {display:none;}
/*.br_pc {display: block;}
.br_sp {display: none;}

.Ctr {text-align: center;}*/


@media only screen and (max-width:750px){
	#YNT_wrapper {
		width: 100%;		
        margin: 0 auto 5%;
        padding: 0 0 0;
        /*background-image: url("../images/top_sp.png");*/
	}	
	#YNT_wrapper p { font-size: 14px; line-height: 1.6em; margin: 5% 0 1%; }
	
	#YNT_wrapper .thumb p { font-size: 12px; line-height: 1.6em; margin: 5% 0 15px; }

	.main {margin: 0 auto 10%; width: 100%;}
	
	.pc {display:none;}
	.sp {display:block;}

	 #YNT_wrapper h2 { font-size: 17px; }
	 #YNT_wrapper h3 { font-size: 16px; margin: 1% auto 5%;} 
	 #YNT_wrapper h4 {font-size: 16px; text-align: center;}

	.pick_wrap {  margin: 10% auto 15%;  padding: 15% 0 15%;	width: 100%;}
	.pick_BOX { width: 90%;	 margin: 2% auto 20%; padding: 0 5% 15%;		display: block;	}
	.item_txt{width: 100%; position: relative;}
	.item_mainimg{width: 100%; margin: 8% auto 1%; padding: 0; position: relative;}
	/*.item_video{width: 100%; margin: 15% auto; padding: 0; position: relative;}*/
	 
	.seal,.seal_r {
        width: 23%;
		top: -3%;
    	left: -3%;
    }
	
	.item_name { font-size: 18px; }
	.price { font-size: 15px; }
	.item_d {	font-size: 14px;}
	
	.thumb p { font-size: 11px; line-height: 1.4em;}
	
	.cp_wrap{width: 85%; margin: 0 auto;}
    .copy_btn {  width:80%; font-size: 20px;  }
	
	/* Button 1 */
	.btn-1 { font-size: 14px; width: 80%;  padding: 12px 0 14px; margin: 7% auto 0 ; display: block; }	
	/* Button 2 */
	.btn-2 { font-size: 15px;  width: 70%;  padding: 7px 0 10px; margin: 2% auto 8%; position: relative; }
	


	
}