﻿/*-----商品コメント2　サイズ選びのポイント
-------------------------------------------*/
.rfc_item_size{
	font-size:1.2em;
	font-weight:bold;
	font-color:#000000;
	margin: 20px auto;
	padding: 20px;
	text-align:center;
	border-radius:45px;
	background-color:#F5F5F5;
}
.rfc_item_size a:hover{
	text-decoration:underline;
}

/*-----商品コメント3　注意事項
-------------------------------------------*/
.rfc_item_delivery{
	margin:20px auto;
	text-align:center;
}
.rfc_belt_attention{
	border:solid 1px #FF0000;
	padding:20px 10px;
	text-align:center;
	margin:auto auto 50px auto;
	width:80%;
}
.rfc_belt_attention p{
	color:#FF0000;
	font-size:1.2em;
}
.rfc_sc_attention{
	border:double 1px #FF0000;
	padding:20px;
	text-align:center;
	margin:auto auto 50px auto;
	width:80%;
}
.rfc_sc_attention p{
	color:#FF0000;
	font-size:1.2em;
}


/*-----商品コメント4　商品説明
-------------------------------------------*/
.rfc_item{
	padding-bottom:30px;
/*	border-bottom: 1px #CCCCCC dashed;*/
}
.rfc_item p{
	font-size:1.2em;
	margin:20px auto;
}
.rfc_itemdetail{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-item:center;
	font-size:1.1em;
	margin:30px auto;
}
h4.rfc_itemdetail_title{
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	position: relative;
	padding: 1em;
	margin-bottom:10px;
}
h4.rfc_itemdetail_title::before{
	position: absolute;
	content: '';
	background: #8B968D;
	bottom: 0;
	left: calc(50% - 40px);
	width: 80px;
	height: 5px;
}
.rfc_itemdetail_contents{
	width:45%;
	margin:10px auto;
	text-align:center;
}
.rfc_itemdetail_name{
	padding-top:10px;
	font-weight:bold;
}

hr.rfc_itemhr{
	border-top:1px #CCCCCC dashed;
	margin:30px auto;
}

@media screen and (max-width:480px) {
	.rfc_itemdetail{
		display:none;
	}
	.rfc_itemdetail_contents{
		width:100%;
	}
}
/*-----商品コメント5　スペック表・ブランド説明
-------------------------------------------*/
.rfc_itemspec2{
	width:50%;
}
p.rfc_itemspec_title{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
}
.rfc_itemspec{
	border:0;
	border-color:#DCDCDC;
	border-collapse:collapse;
	padding:0;
	margin:20px 0 50px 0;
	width:100%;
}
.rfc_itemspec th{
	border: solid 1px #DCDCDC;
	padding:10px;
	width:30%;
	background-color:#F5F5F5;
	font-weight:bold;
	text-align:center;
}
.rfc_itemspec td{
	border: solid 1px #DCDCDC;
	padding:10px;
	width:70%;
}
.rfc_brand_despriction{
	text-align:center;
	margin:20px auto;
	padding-bottom:20px;
	border-bottom: 1px #CCCCCC dashed;
}
.rfc_brand_despriction p{
	margin:20px auto;
}
.rfc_itembrandimg{
	margin:20px auto 0 auto;
	width:20%;
}

/*-----商品コメント5　コンセプト
-------------------------------------------*/
.rfc_item_concept{
	width:900px;
	max-width:100%;
	margin:0 auto;
	text-align:center;
}
.rfc_item_concept_header{
	margin-bottom:50px;
}
.rfc_item_concept_header h5{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
	text-align:left;
}
.rfc_item_concept_logo{
	width:200px;
	margin:20px;
	text-align:center;
}
h4.rfc_item_concept_title{
	font-size:1.4em;
	font-weight:bold;
	position: relative;
	padding: 1em;
	text-align: center;
	margin:40px auto;
}
h4.rfc_item_concept_title::before {
	position: absolute;
	bottom: -5px;
	left: calc(50% - 30px);
	width: 60px;
	height: 5px;
	content: '';
	border-radius: 3px;
	background: #555555;
}
.rfc_item_concept_header p{
	text-align:left;
	padding:10px auto;
}
.rfc_item_concept_detail2{
	display:flex;
	justify-content: center;
	align-items: center;
	margin:20px auto;
}
.rfc_item_concept_detail2-img{
	width:50%;
	margin:10px;
}

.rfc_item_concept_detail2-text{
	width:50%;
	text-align:left;
	margin-top:10px;
}
.rfc_item_concept_detail2-text h5{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
}
.rfc_item_concept_detail1{
	margin:30px auto;
}
.rfc_item_concept_detail1 h5{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:20px;
}
.rfc_item_concept_detail1 p{
	text-align:left;
	margin:10px auto 20px auto;

}
.rfc_item_concept_detail1 ul{
	text-align:left;
}
.rfc_item_concept_detail1 li{
	text-indent:-1.5em;
	padding-left:1.5em
}
.rfc_item_concept_craftsmanship{
	text-align:center;
}
.rfc_item_concept_detail1-c{
	text-align:center;
}
.rfc_item_concept_detail1-c h5{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
}
.rfc_item_concept_detail1-c p{
	text-align:cener;
	margin:10px auto 20px auto;
}
@media screen and (max-width:480px) {
	.rfc_item_concept_detail2{
		display:block;
	}
	.rfc_item_concept_detail2-img{
		width:90%;
		margin:10px auto;
		textalign:center;
	}
	.rfc_item_concept_detail2-text{
		width:100%;
		margin-top:auto;
	}
}

/*-----フリーページ　サイズ選びのポイント
-------------------------------------------*/
.size_point{
	max-width:900px;
	margin:50px auto;
	text-align:center;
	font-size:1.1em;
}
.size_point_header_title{
	font-family:"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "游ゴシック medium", "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	border-bottom:solid 2px #b4A983;
	padding-bottom:10px;
}
.size_point_header{
	margin-bottom:50px;
}
.size_point_header p{
	text-align:left；
}
.size_point_contents{
	padding-bottom:50px;
}

h3.size_point_title{
	font-family:"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "游ゴシック medium", "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	text-align:center;
	padding-bottom: 10px;
	background-image: repeating-linear-gradient(90deg, #b4A983 0, #b4A983 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-top:40px;
}
.size_point_title_pc{
	display:none;
}
h4.size_point_explain_title{
	font-family:"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "游ゴシック medium", "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
.size_point_explain{
	margin:10px auto 30px;
	text-align:center;
	display:flex;
	justify-content: center;
	width:100%;
}
.size_point_explain img{
	margin:5px;
	width:95%;
}
.size_point_explain-1{
	width:23%;
	padding:5px;
}
.size_point_explain-2{
	width:23%;
	padding:5px;
}
.size_point_explain-3{
	width:50%;
	padding:5px;
}
.size_point_explain-3 p{
	text-align:left;
}
p.size_point_explain_mw{
	font-weight:bold;
}
.size_point_sample_header{
	width:80%;
	margin:0 auto;
	text-align:center;
}
.size_point_sample_header h4{
	text-align:left;
	font-weight:bold;
	padding-top:10px;
}
.size_point_sample_header p{
	text-align:left;
}
.size_point_sample_ex{
	text-align:center;
	margin:0 auto;
}
.size_point_sample_ex_comm{
	margin:20px auto;
}
.size_point_sample_ex_comm h4{
	font-weight:bold;
}
.size_point_sample{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	width:100%;
	margin:0 auto;
}
.size_point_sample_staff{
	width:48%;
	display:flex;
	flex-wrap: wrap;
	padding:0 10px 20px 10px;
	margin:50px 10px 10px 0;
}
.size_point_sample_staff-m{
	border:double #544A47;
}
.size_point_sample_staff-w{
	border:double #A59564;
}
.size_point_sample_staff_data1{
	width:100%;
	text-align:left;
	margin:left:5px;
}
.size_point_sample_staff_data2{
	width:45%;
	height:auto;
	vertical-align:bottom;
}
.size_point_sample_staff_data3{
	width:55%;
	text-align:left;
	padding-left:5px;
}
.size_point_sample_staff_data4{
	width:90%;
	margin:10px auto;
	text-align:center;
}

.size_point_sample_staff_data1 h4{
	width:50%;
	position: relative;
	display:inline-block;
	text-align:center;
	padding: 1em 0.5em;
	border-radius:3px;
	color:#FFFFFF;
	top:-30px;
}
.size_point_sample_staff-m h4{
	background:#544A47;
}
.size_point_sample_staff-w h4{
	background:#A59564;
}

.size_point_sample_staff_data1 h4::before {
	position: absolute;
	content: "";
	background:#B4A983;
	display:block;
	width:38%;
	height: 60%;
	top:26%;
	left: 65%;
	box-shadow:0 0 5px 5px #B4A983;
	transform:rotate(3deg);
	z-index:-10;
}
.size_point_sample_staff_data2 img{
	padding-top:5px;
}
.size_point_sample_staff_data3 h5{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding:0 10px 3px 10px;
	margin:0 auto 10px;
	letter-spacing:0.1em;
	border-bottom:solid 1px #CCCCCC;
	width:80%;
}
.size_point_sample_staff_data3 p{
}

.size_point_sample_staff_data4 dl{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	text-align:left;

}
.size_point_sample_staff_data4 dt{
	width:57%;
	padding-bottom:3px;
}
.size_point_sample_staff_data4 dd{
	width:43%;
	text-align:right;
	padding-bottom:3px;
}

.size_point_sample_staff_data4 dt:first-of-type{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
}
.size_point_sample_staff_data4 dd:first-of-type{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
}
.size_point_sample_staff_data4 p{
	text-align:left;
}
.size_point_check{
	width:80%;
	display:flex;
	justify-content: center;
	margin:0 auto;
}
.size_point_check_img{
	width:50%;
}
.size_point_checkpoint{
	width:60%;
	margin:0 auto;
	text-align:center;
}
.size_point_checkpoint ul li{
	text-align:left;
}
.size_point_checkpoint span{
	font-size:0.9em;
}
.size_point_checkpoint p{
	text-align:left;
	font-size:1.0em;
	padding-top:10px;
}
.size_point_style{
	width:85%;
	margin:0 auto;
	text-align:center;
}

.size_point_style h4{
	position:relative;
	font-size:1.2em;
	font-weight:bold;
	margin:3em 0 2em 0;
	padding:0.5em 0.5em 0.5em 3.0em;
/*	height:20px;*/
	text-align:left;
}

.size_point_style h4::before{
	content:"";
	display: block;
	position: absolute;
	display:block;
	top: 25%;
	left: 12px;
	width: 20px;
	height: 20px;
	background-color:#C7B370;
	opacity:0.9;
}
.size_point_style h4::after{
	content:"";
	display: block;
	position: absolute;
	display:block;
	top: 40%;
	left: 3px;
	width: 20px;
	height: 20px;
	background-color:#8D6449;
	opacity:0.9;
}

.size_point_style p{
	text-align:left;
}
.size_point_style_img{
	float: right;
	width: 100px;
	padding:5px;
}
img.size_point_style_hane{
	width: 200px;
	height: auto;
    margin: 10px auto;
    text-align:center;
}

@media screen and (max-width:480px) {
	.size_point{
		max-width:100%;
		margin:0 10px;
	}
	.size_point_explain{
	 	flex-wrap:wrap;
	 }
	.size_point_explain-1{
		width:48%;
	}
	.size_point_explain-2{
		width:48%;
	}
	.size_point_explain-3{
		width:100%;
	}
	.size_point_sample_header{
		width:100%;
	}
	.size_point_sample_staff{
		width:100%;
		padding:0 5px 15px 5px;
		margin:50px 5px 10px 5px;
	}
	.size_point_check{
		width:100%;
	}
	.size_point_checkpoint{
		width:100%;
	}
	.size_point_style{
		width:100%;
		margin:0 10px;
}
	.size_point_title_pc{
		display:block;
	}
	dt.size_point_sample_staff_data4_txt{
		letter-spacing:-0.2em;
	}
}

/*-----イベントページ基本スタイル
--------------------------------------*/
.rfc_event_template{
	width:100%;
	max-width:700px;
	margin:30px auto;
	text-align:center;
	letter-spacing:0.1em;
}
h3.rfc_event_template_title{
	font-size:1.8em;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

h4.rfc_event_template_h4{
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	position: relative;
	padding: 1em;
	margin-bottom:10px;
}
h4.rfc_event_template_h4::before{
	position: absolute;
	content: '';
	background: #8B968D;
	bottom: 0;
	left: calc(50% - 30px);
	width: 80px;
	height: 5px;
}

h5.rfc_event_template_h5{
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}
p.rfc_event_template_txt{
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:50px;
	text-align:left;
}
.rfc_event_template_img{
	margin:20px auto;
	text-align:center;
}
.rfc_event_template_img img{
	border-radius:10px;
}

@media screen and (max-width:480px) {
	.rfc_event_template{
		padding:10px;
	}
}

/*-----
--------------------------------------*/