@charset "utf-8";
/*
機　　能　　名：共通CSS
作　　成　　日：2023/06/18

/* ***************************************
	
**************************************** */

html {
text-align:center;
}

/* body */
body {
font-size:13px;
font-family: 'Noto Sans JP', sans-serif;
line-height:1;
width:100%;
-webkit-text-size-adjust:none;/* スマホ 縦横 フォント固定 */
}

.barlow {
	font-family: 'Barlow Condensed', sans-serif;
}
.hiragino {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.header,.footer,.section,.nav {
display:block;
}

a { color:#28A7E1; outline:none; text-decoration:underline; }
a:hover { text-decoration:none; }
.target_b {
	padding-right:15px;
	background:url(../images/target_b.png) right center no-repeat;
	-webkit-background-size:10px auto;
	background-size:10px auto;
}
/*a.icon_arrow_01 { background:url(../images/common/icon_arrow_01.gif) left center no-repeat; padding:3px 0 3px 20px;}*/

img {
width:100%;
}

/* blue */
.bg_blue {
	background:#0EA9C4;
}
.blue {
	color:#0EA9C4;
}

/* gold */
.bg_gold {
	background:#B18147;
}
.gold {
	color:#B18147;
}

/* pink */
.bg_pink {
	background:#D21B65;
}
.pink {
	color:#D21B65;
}

/* sec_in */
.sec_in {
	width:90%;
	margin:0 auto;
}

@media screen and (min-width: 769px) {/* PC */
body {
	width:375px;
	margin:0 auto;
}
.sp {
display:none;
}
}
@media screen and (max-width: 768px) {/* SP */
.pc {
display:none;
}
a {-webkit-tap-highlight-color:rgba(0,0,0,0.30);}/* タップ時の背景色 */
a,a:hover {text-decoration:none; }
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	header
**************************************** */
#header {
	text-align:left;
	position:relative;
	padding-bottom:35px;
	margin-bottom:40px;
	background:url(../images/intro_bg.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#header .h_logo {
	width:114px;
	position:absolute;
	top:7px;
	left:12px;
}
#header h3 {
	font-size:24px;
	margin-bottom:20px;
	text-align:center;
	line-height:1.4;
}
#header p {
	line-height:1.6;
}

/* ***************************************
	common
**************************************** */
.section {
	margin:0 auto 65px auto;
	text-align:left;
}
.section p {
	line-height:1.6;
}
.section .ttl_01 {
	text-align:center;
	font-size:24px;
	line-height:1.4;
	margin-bottom:25px;
}

/* ***************************************
	reason
**************************************** */
#reason .reason_bg {
	background:url(../images/reason_bg1.png) center 82px no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
}
#reason .ttl_01 {
	margin-bottom:80px;
}
/* point_box */
#reason .point_box1 {
	margin-bottom:50px;
}
#reason .point_box3 {
	margin-bottom:40px;
	padding-top:260px;
	padding-bottom:165px;
	background:url(../images/reason_bg2.png) 0 0 repeat;
	background-size:cover;
	-webkit-background-size:cover;
}
#reason .point_box h3 {
	text-align:center;
	font-size:20px;
	line-height:1.4;
	background:#D21B65;
	color:#FFFFFF;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	width:150px;
	height:95px;/* total 150px */
	position:relative;
	padding-top:55px;
	margin-bottom:20px;
}
#reason .point_box2 h3 {
	margin:0 auto 20px auto;
}
#reason .point_box3 h3 {
	margin:0 0 20px auto;
}
#reason .point_box h3 .icon_point {
	position:absolute;
	top:15px;
	left:30px;
	width:auto;
	height:25px;
}
#reason .point_box .point_img {
	width:80%;
	display:block;
	margin:30px auto 0 auto;
}
/* staff_cmt */
#reason .staff_cmt {
	background:url(../images/reason_bg3.png) center bottom no-repeat;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	padding-bottom:165px;
}
#reason .staff_cmt p.pink {
	text-align:center;
	font-size:15px;
	margin-bottom:15px;
}
#reason .staff_cmt h4 {
	text-align:center;
	font-size:24px;
	margin-bottom:15px;
	line-height:1.4;
}
#reason .staff_cmt .reason_img {
	display:block;
	width:80%;
	margin:0 auto 15px auto;
}
#reason .staff_cmt .staff_name {
	text-align:center;
	font-size:12px;
}
#reason .staff_cmt .staff_name img {
	margin:8px auto 20px auto;
	display:block;
	width:71px;
}

/* ***************************************
	message
**************************************** */
#message {
	margin-bottom:0;
	padding-bottom:340px;
	background:url(../images/message_bg2.png?1) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#message h2 .barlow {
	font-size:15px;
	display:block;
	font-weight:normal;
	letter-spacing:2px;
	margin-bottom:10px;
}
#message .message_bg1 {
	min-height:380px;
	background:url(../images/message_bg1.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#message .message_logo {
	width:140px;
	display:block;
	margin:0 auto;
}
#message .message_bg2 {
	background:#CFE5ED;
	padding-top:37px;
}
#message h3 {
	text-align:left;
	font-size:18px;
	line-height:1.4;
	margin-bottom:20px;
}
#message h3 .small {
	font-size:12px;
	display:block;
}

/* ***************************************
	set
**************************************** */
#set .intro_txt {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
#set h2 {
	position:relative;
	text-align:left;
	padding-left:85px;
	font-size:37px;
	line-height:1.1;
	margin-bottom:20px;
}
#set .pink_pop {
	color:#FFF;
	background:#D21B65;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	width:75px;
	height:55px;/* total 75px */
	display:block;
	font-size:14px;
	line-height:1.2;
	padding-top:20px;
	text-align:center;
	position:absolute;
	top:10px;
	left:0;
}
/* set_box */
.set_box {
	margin-bottom:40px;
}
#set .set_img {
	margin:0 auto 20px auto;
}
#set .set_name {
	color:#FFF;
	padding:6px 7px 8px 7px;
	font-size:19px;
	display:inline-block;
}
#set .set_zyo .set_name {
	background:#D21B65;
}
#set .set_tokuzyo .set_name {
	background:#0EA9C4;
}
#set .set_gokuzyo .set_name {
	background:#B18147;
}
/* set_name_price */
#set .set_name_price h3 {
	float:left;
	width:95px;
	text-align:center;
}
#set .set_price {
	float:left;
	position:relative;
	padding-left:3em;
	margin-bottom:15px;
}
#set .set_price .tax {
	position:absolute;
	top:5px;
	left:0;
}
#set .set_price p {
	font-size:10px;
	line-height:1.4;
}
#set .set_price .price {
	font-size:17px;
	font-weight:bold;
}

/* set_detail */
.set_detail_in {
	background:#EFEFEF;
	padding:15px;
	margin-bottom:8px;
}
.set_detail .grams {
	background:#FBD7B4;
	color:#E45827;
	padding:5px;
}
.set_detail .grams p {
	text-align:center;
}
.set_detail ul {
	margin-bottom:10px;
}
.set_detail li {
	line-height:1.6;
}
.set_detail .att li {
	font-size:10px;
	text-indent:1em;
	margin-left:-1em;
}
/* set_icon */
.set_icon span {
	background:#FFFFFF;
	text-align:center;
	padding:5px;
	display:inline-block;
	margin-right:5px;
}
.set_icon .cool {
	color:#495BA2;
	border:1px solid #495BA2;
}
.set_icon .delivery {
	color:#C30D23;
	border:1px solid #C30D23;
}
/* pay_detail */
.pay_detail {
	width:100%;
	margin-bottom:17px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	font-size:10px;
}
.pay_detail th,
.pay_detail td {
	padding:10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.pay_detail th {
	background:#EFEFEF;
}
.pay_detail td a {
	margin-left:15px;
}

/* cancel */
.cancel {
	font-size:10px;
	margin-bottom:15px;
}
.cancel h4 {
	margin-bottom:7px;
}
.cancel_txt {
	border:1px solid #CCC;
	padding:12px;
	margin-bottom:7px;
	height:61px;/* total 85px */
	overflow:auto;
}
.cancel_txt::-webkit-scrollbar{ /* スクロールバー本体 */
width:10px;
background:#CCC;
}
.cancel_txt::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background:#222;
border-radius:5px;
}
.cancel_txt h5 {
	font-weight:normal;
	margin-bottom:5px;
}

/* order_btn */
.order_btn a {
	display:block;
	text-align:center;
	padding:23px 0;
	width:80%;
	margin:0 auto;
	color:#FFF;
	text-decoration:none;
	border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;
	font-size:21px;
	margin-bottom:10px;
}
.set_zyo .order_btn a {
	background:#D21B65;
}
.set_tokuzyo .order_btn a {
	background:#0EA9C4;
}
.set_gokuzyo .order_btn a {
	background:#B18147;
}
.order_btn p {
	text-align:center;
}
.order_btn .red {
	color:#E60012;
	font-size:15px;
}
.order_btn .att {
	font-size:10px;
}

/* ***************************************
	teiki
**************************************** */
#teiki {
	padding-top:60px;
	background:url(../images/teiki_bg1.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#teiki .ttl_01 {
	font-size:45px;
	margin-bottom:30px;
}
#teiki .ttl_01 .small {
	font-size:15px;
}
#teiki .set_teiki {
	background:#FAF1E6;
	padding-bottom:25px;
	margin-bottom:10px;
}

/* set_name_price */
#teiki .set_name_price h3 {
	text-align:center;
	font-size:33px;
}
#teiki .set_name_price h3 .bg_black {
	background:#000000;
	color:#FFFFFF;
	padding:8px 15px 9px 15px;
	font-size:20px;
	display:inline-block;
	margin-right:5px;
	border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
	position:relative;
	top:-2px;
}
#teiki .set_price p {
	font-size:10px;
}
#teiki .set_price .tax {
	font-size:10px;
}
#teiki .set_price .price {
	font-size:25px;
	font-weight:bold;
}
#teiki .set_price .yen {
	font-size:18px;
}

/* set_detail */
#teiki .set_detail_in {
	background:#FFF;
	margin-bottom:25px;
}

/* teiki_point */
#teiki .teiki_point h3 {
	text-align:center;
	font-size:20px;
	margin-bottom:12px;
}
#teiki .teiki_point_in {
	background:#EEEA38;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
	padding-top:50px;
	padding-bottom:5%;
}
#teiki .teiki_point .bg_w {
	background:#FFFFFF;
}
/* teiki_point_box */
#teiki .teiki_point_box {
	width:32%;
	float:left;
	margin-right:2%;
	padding-top:45px;
	padding-top:12%;
	padding-bottom:10px;
	position:relative;
	text-align:center;
}
#teiki .teiki_point_ttl {
	position:absolute;
	top:-43px;
	left:50%;
	margin-left:-37px;
}
#teiki .teiki_point_box h4 {
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	width:75px;
	height:44px;/* total 75px */
	padding-top:31px;
	position:relative;
	background:#D21B65;
	color:#EEEA38;
	font-size:19px;
}
#teiki .teiki_point_box h4 img {
	width:36px;
	position:absolute;
	top:8px;
	left:10px;
}
#teiki .teiki_point_box p .gold {
	font-size:10px;
}
#teiki .teiki_point_box p img {
	width:90%;
	margin:5px auto 0 auto;
	display:block;
}
.teiki_point_box_btm {
	margin-top:2%;
	padding:5%;
	font-size:10px;
}
#teiki .teiki_point_box_btm .red {
	color:#E7141A;
}

/* teiki_btm */
#teiki .teiki_btm {
	padding-bottom:110px;
	background:url(../images/teiki_bg2.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#teiki .teiki_btm h4 {
	margin-bottom:10px;
}
#teiki .teiki_btm h5 {
	margin-bottom:5px;
}
#teiki .teiki_btm p {
	margin-bottom:19px;
}
#teiki .order_btn a {
	background:#080404;
	color:#EEEA38;
}

/* ***************************************
	faq
**************************************** */
#faq {
}
#faq li {
	border:1px solid #B3B2B3;
	margin-bottom:10px;
	padding:15px 10px;
}
#faq li dt {
	margin-bottom:12px;
	font-size:14px;
}
#faq li dd {
	padding:0 20px;
	line-height:1.4;
	font-size:12px;
}

/* ***************************************
	footer
**************************************** */
.footer {
	background:url(../images/f_img.png) center 42px no-repeat;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}
.footer .f_logo {
	width:145px;
	display:block;
	margin:0 auto 271px auto;
}
/* copy */
.footer .copy {
	color:#FFF;
	padding:10px 0;
	font-size:10px;
}