﻿@charset "utf-8";
body {
	overflow-x: auto;
}
#header,.headertop,.headermain-navi{
	min-width:1000px;
	text-align: right;
}
.contentsarea{
	min-width:1000px;
	margin: 2.0rem auto 0;
}
ul.footer-navi{
	min-width:1000px;
}
.maincontents.nonside{
	max-width: 1200px;
	padding: 0 1.0rem;
}
.footer-copyright{
	min-width:1000px;
}
/*-------------------------------
　メインページ
--------------------------------*/
.main-logoimg{
	width:100%;
	max-width:640px;
}
.main-textblock{
	margin: 0 auto 5rem;
	width: 100%;
	display: block;
	padding: 3rem 3rem;
	border-radius: 10px;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	font-size: 0;
}
.main-text-title{
	text-align: center;
	font-size: 2.0rem;
	margin:0 auto 2.0rem;
	font-weight:bold;
}
.reverseicon{
	transform: scale(-1, 1);
}


.setinner{
	width:100%;
	list-style:none;
	margin:1.0rem auto;
	padding:0;
}
.setinner li{
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 auto 1.0rem;
}
.productevent{
	width: 23.5%;
}
.producteventarea .productevent:nth-child(3n + 1){
	margin:0 0 2% 2%;
}
.producteventarea .productevent:nth-child(4n + 1){
	margin:0 0 2%;
}
.producteventarea .productevent:first-child{
	margin:0 0 2%;
}
.product-evarea{
	height: 3rem;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
	padding: 1rem 0 0;
}

.newscontentsarea-main{
	width:100%;
	text-align:center;
	padding: 3.0rem 3.0rem;
}
.newscontentsarea-main-inner{
	width:100%;
	border-radius:10px;
}


.backimgarea {
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 4.0rem 0;
	margin-bottom: -5.0rem;
}
.backimg {
	background-image: url(../usrimg/picture06.jpg) !important;
}
.backimginner{
	width:100%;
	max-width:calc(1200px - 5%);
	min-width:1000px;
	margin:0 auto;
}
.subcontents{
	width:48%;
	display:block;
	float:left;
	margin:0 0 0 4%;
	background:rgba(255,255,255,0.7);
	border-radius:5px;
	padding:2.0rem;
	min-height: 18rem;
	box-shadow: 0 1px 3px 1px rgb(0 0 0 / 10%);
}
.backimginner .subcontents:first-child{
	margin:0;
}



/* トップページ-スターターセット */
.productevent.top_set{
	width:18.4%;
	margin:0 0 0 2%;
	box-shadow:unset !important;
}

.productevent.top_set:hover {
	background:transparent;
	box-shadow:unset;
	opacity: 0.6;
}
.producteventarea .productevent.top_set:nth-child(4n + 1){
	margin:0 0 0 2%;
}
.producteventarea .productevent.top_set:first-child{
	margin:0 0 2%;
}

.productimgarea.top_set{
	background:#f1f1f1;
}
.productimgarea.top_set .productimg{
	background-size:contain;
}
.setname_tag{
	position:absolute;
	top:0;
	left:0;
	padding:0.3rem 0.75rem;
	font-size:1.0rem;
	letter-spacing:0.1rem;
}

/* トップページ-カテゴリ */
.top_cate_btn{
	width: 23%;
	display: inline-block;
	padding:1rem 2.0rem 1.0rem 1.0rem;
	vertical-align: middle;
	margin: 0 1rem 1rem 0;
	border-bottom: 1px dotted ;
	font-weight:bold;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position:relative;
}
.top_cate_btn::after{
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	position: absolute;
	font-size: 1rem;
	right: 3%;
	top: 50%;
	color:#026a9d;
	font-weight: 900;
	transform: translate(0,-50%);
}
.top_cate_btn:hover{
	background:#f1f1f1;
}


/*-------------------------------
　パーツ系
--------------------------------*/
.conttitlearea{
	margin:0 auto 2.0rem;
}

/*-------------------------------
　商品詳細
--------------------------------*/
.photo-date {
	padding: 0 0.5rem 0 0;
}
.productdetail-imgarea{
	width:40%;
}
.productdetail-formarea{
	width:60%;
}
.product-msgarea{
	display:none;
}
.itemcount-text{
	display:inline-block;
	vertical-align:middle;
	padding:0.5rem;
	text-align:center;
	font-size:1.0rem;
}
#itemnum{
	font-size:inherit;
	color:inherit;
	display:inline;
}
.countbtn{
	display:inline-block;
	vertical-align:middle;
	padding:0.5rem;
	text-align:center;
	font-size:1.0rem;
	border-radius:5px;
	border:1px solid #cccccc;
	background:#eeeeee;
	cursor:pointer;
	line-height: 1;
}
.countbtn i{
	margin:0;
}
.countbtn:hover{
	opacity:0.7;
}

#starterset{
	margin:2.0rem auto;
}
.settitle{
	font-size:1.4rem;
	font-weight:bold;
	display:inline-block;
}
.settitle-notes{
	font-size:1.0rem;
	display:inline-block;
	vertical-align:text-bottom;
	margin:0 0 0 1.0rem;
}
.settitle-ex{
	font-size:0.8rem;
	margin:0.5rem auto;
	padding: 0 0 0 0.25rem;
}
.itemcounttext{
	font-size: 1.2rem;
	font-weight:bold;
	margin: 0 auto 0.5rem;
}

.setgroup{
	border-bottom:1px dashed #cccccc;
	padding:1.0rem 0;
}
.itemblock{
	display:block;
	width:100%;
	margin:0 auto 1.0rem;
}
.itemname{
	font-size:1.0rem;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	width:14rem;
}
.itemsize{
	display:inline-block;
	vertical-align:middle;
}
.setmenu{
	font-size:0.8rem;
}

/*-------------------------------
　ヘッダー
--------------------------------*/
.idx_header_logo{
	width:100%;
	max-width:640px;
	margin:0 auto;
	display:block;
	line-height:0;
}
.idx_header_logo:hover{
	opacity:0.7;
}
.idx_header{
	border-bottom:1px dashed;
}
.headertop-linkarea{
	margin-left:1.0rem;
}
.headertop-linkbtn:hover {
	opacity: 0.5;
	/* background: #f1f1f1; */
}
/*-------------------------------
　フッター上部お問い合わせ
--------------------------------*/
#footer{
	padding-top:0;
	min-width:1000px;
}
.footer-copyright{
	padding:3.0rem;
	text-align:left;
	font-size:1.0rem;
}
.contactarea{
	width:100%;
	padding:4.0rem 2.5rem;
	margin:5.0rem 0 0;
	min-width:1000px;
}
.contactarea.main{
	padding:4.0rem 2.5rem 0;
}


.contact-inner{
	width:100%;
	padding:3.0rem;
	background:#ffffff;
	border-radius:5px;
	margin: 0 auto;
	max-width: calc(1200px - 5%);
}
.contact-title{
	font-size:1.4rem;
	margin:0 auto 1.0rem;
}
.underline{
	text-decoration:underline;
}
.dispnone{
	display:none;
}
.contact-left{
	width:45%;
	float:left;
	margin:0 5% 0 0;
}
.contact-right{
	width:50%;
	float:left;
}



/*-------------------------------
　セット内容テーブル
--------------------------------*/
.starterset{
	width:100%;
	border-collapse:  collapse;
}
.starterset th,.starterset td{
	border:1px solid #cccccc;
	font-size:1.0rem;
	padding:0.5rem 0.25rem;
	text-align:center;
}
.starterset td{
	font-size:0.9rem;
}
.iconplus{
	position:relative;
	padding: 0 0 0 1.2rem;
	color: #026a9d;
}
.iconplus:before{
	content:'●';
	display:block;
	position:absolute;
	top:0;
	left:0;
}


/*-------------------------------
　カート内
--------------------------------*/
.msg_textarea{
	height:20rem;
	width: 100% !important;
}


/*-------------------------------
　閲覧パスワード関連
--------------------------------*/
.limiteditem_notes{
	width: 100%;
	background: #f2f2ff;
	padding: 2rem;
	margin: 3rem 0 0;
	border-radius: 0.5rem;
}
.limiteditem_notes_title{
	font-size:1.2rem;
	font-weight:bold;
	padding:0 0.5rem 0.5rem;
	border-bottom:1px solid #cccccc;
	margin:0 auto 1.0rem;

}
.limiteditem_notes_text{
	font-size:0.9rem;
	letter-spacing:0.05rem;
	line-height:1.6;
	padding:0 0.5rem;
}


