@charset "shift_jis";

/* ======================================================
 * /common-files/css/rule/index.css
====================================================== */
#mainContainer{
	margin-top: 40px;
}
body#tokuyaku.tsumiki #mainContainer,
body#MemberAgreement #mainContainer{
	margin-top: 10px;
}

.iconList03 {
	margin: 1em 0 0 0;
}
.iconList03 > li > .noteList01{
	margin: 0;
}
.iconList03 > li {
	position: relative;
	margin-top: 1.0em;
	padding: 0 0 0 10px;
}
.iconList03 > li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #222222;
}

/* sectionLayout01*/
body#MemberAgreement {
	font-size: 18px;
	font-size: 1.8rem;
}
body#MemberAgreement .txtSmall01{
	font-size: 14px;
	font-size: 1.4rem;
}
body#MemberAgreement #mainContents a:visited,
body#MemberAgreement #mainContents a:link{
	color: #000000;
	text-decoration: none;
}
body#MemberAgreement #mainContents a:hover{
	color: #a5001e;
	text-decoration: none;
	background-color: #f8ebe9;
}
body#MemberAgreement .sectionLayout01.typeBrownbox{
	background-color: #f4efe6;
	padding: 0 20px;
}
body#MemberAgreement #mainContents .sectionLayout01.typeBrownbox a:hover{
	background-color: #efdfd5;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-type01{
	padding: 7px 0;
	border-bottom: 1px dashed #aba49b;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-type01 a{
	position: relative;
	display: block;
	padding: 7px 26px 7px 0;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-type01 a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	height: 20px;
	width: 12px;
	margin-top: -10px;
	background: url(/common-files/img/com_btn_ic21.png) no-repeat 0 0;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01:last-child .toggleContent01 .linkLayout01-type01,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 {
	border-bottom: 1px dashed #aba49b;
	font-size: 16px;
	font-size: 1.6rem;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 {
	border-bottom: 1px dashed #aba49b;
	margin-bottom: 0;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01:last-child ,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01:last-child .linkLayout01-type01,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01:last-child .toggleContent01 .linkLayout01-type01:last-child,
body#MemberAgreement .sectionLayout01 .linkLayout01-type01:last-child{
	border-bottom: none;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01{
	border-bottom: 1px dashed #aba49b;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01{
	border-bottom: none;
	color: #000000;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span,
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span{
	position: relative;
	display: block;
	padding: 7px 26px 7px 0;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span{
	display: inline-block;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01.open span,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span:hover,
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02.open span,
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span:hover{
	text-decoration: underline;
	cursor:pointer;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span::after ,
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background: url(/common-files/img/com_btn_ic22.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01.open span::after ,
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02.open span::after {
	margin-top: -11px;
	background: url(/common-files/img/com_btn_ic23.png);
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02.type-en .linkLayout01-type01.toggleTrigger02.open span::after ,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01.type-en .linkLayout01-type01.toggleTrigger01.open span::after {
	margin-top: -7px;
	background: url(/common-files/img/com_btn_ic24.png);
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02.type-en .linkLayout01-type01.toggleTrigger02 span::after ,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01.type-en .linkLayout01-type01.toggleTrigger01 span::after {
	background: url(/common-files/img/com_btn_ic25.png);
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02.type-en .linkLayout01-type01.toggleTrigger02 ,
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01.type-en .linkLayout01-type01.toggleTrigger01 {
	text-align: right;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01{
	padding: 0 20px 0;
	margin-bottom: 14px;
	background-color: #f4f4f4;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .toggleContent01{
	padding: 0 20px 7px;
}
body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .toggleContent01{
	padding: 0 0 7px;
	background: none;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .linkLayout01-type01:last-child {
	padding-bottom: 0;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .linkLayout01-type01:first-child a{
	padding: 0 26px 0 0;
}

/* .colLayout*/
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout{
	margin-top: 0;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col{
	width: 50%;
	padding-right: 20px;
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col:nth-of-type(2n){
	padding-left: 20px;
	padding-right: 0;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col .linkLayout01-type01{
	display: table;
	width: 100%;
	height: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #aba49b;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2.newCategory > .col .linkLayout01-type01{border-bottom: none;}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col .linkLayout01-type01 a{
	display: table-cell;
	vertical-align: middle;
	padding: 17px 40px 17px 0;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02{
	border-bottom: 1px dashed #aba49b;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02:last-child .linkLayout01-type01.toggleTrigger02,
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02.open{
	border-bottom: none;
}
body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span{
	position: relative;
	display: inline-block;
	padding: 8px 30px 8px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
/* tsumiki
------------------------------------------------------ */
body#tokuyaku .text1b{
	margin-top: 1em;
	font-weight: bold;
}
.text1.bold.text_wine.rule_title-text_wine,
.p2.text2b.text_wine.rule_title-text_wine,
.rule_title-text_wine{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-top: 40px;
}
body#tokuyaku .p2.text2b.text_wine.rule_title-text_wine{
	margin-top: 8px;
}


/* Clearfix
------------------------------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}

@media screen and (max-width: 750px) {
	body#MemberAgreement {
		font-size: 14px;font-size: 1.4rem;
	}
	body#MemberAgreement .txtSmall01{
		font-size: 12px;
		font-size: 1.2rem;
	}
	body#MemberAgreement #mainContents a:hover{
		color: #000000;
		text-decoration: none;
		background: none;
	}
	body#MemberAgreement #mainContents .sectionLayout01.typeBrownbox a:hover{
		background: none;
	}
	body#MemberAgreement .sectionLayout01.typeBrownbox{
		padding: 0 10px;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-type01 {
		padding: 0;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-type01 a{
		padding-right: 20px;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-type01 a,
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span,
	body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span{
		position: relative;
		display: block;
		padding: 11px 26px 11px 0;
	}
	body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span{
		display: inline-block;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-type01 a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		height: 10px;
		width: 6px;
		margin-top: -5px;
		background-image: url(/common-files/img/com_btn_ic21.png);
		background-size: 100% auto;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span{
		padding-right: 15px;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span::after,
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01 span::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		height: 11px;
		width: 11px;
		margin-top: -5px;
		background: url(/common-files/img/com_btn_ic22.png);
		background-size: 100% auto;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 {
		padding: 0 10px;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02.open span::after,
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .linkLayout01-type01.toggleTrigger01.open span::after {
		margin-top: -8px;
		background: url(/common-files/img/com_btn_ic23.png); 
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02.type-en .linkLayout01-type01.toggleTrigger02 span::after ,
	body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01.type-en .linkLayout01-type01.toggleTrigger01 span::after {
		margin-top: -3px;
		height: 7px;
		width: 7px;
		background: url(/common-files/img/com_btn_ic25.png) no-repeat 0 0;
		background-size: 100% auto;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02.type-en .linkLayout01-type01.toggleTrigger02.open span::after ,
	body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01.type-en .linkLayout01-type01.toggleTrigger01.open span::after {
		margin-top: -3px;
		height: 7px;
		width: 7px;
		background: url(/common-files/img/com_btn_ic24.png) no-repeat 0 0;
		background-size: 100% auto;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02.type-en .linkLayout01-type01.toggleTrigger02 ,
	body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01.type-en .linkLayout01-type01.toggleTrigger01 {
		text-align: right;
		font-size: 13px;
		font-size: 1.3rem;
	}
	body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01 .toggleContent01 .linkLayout01-type01,
	body#MemberAgreement .sectionLayout01.typeBrownbox .linkLayout01-toggle.toggleWrap01:last-child .toggleContent01 .linkLayout01-type01{
		font-size: 12px;
		font-size: 1.2rem;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col:nth-of-type(2n),
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col{
		width: 100%;
		padding: 0;
		margin: 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col .linkLayout01-type01{
		padding: 0;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span,
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2 > .col .linkLayout01-type01 a{
		padding: 15px 20px 15px 0;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .toggleContent02 .colLayout.col2 > .col{
		font-size: 12px;
		font-size: 1.2rem;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2.newCategory > .col .linkLayout01-type01{
		border-bottom: 1px dashed #aba49b;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .colLayout.col2.newCategory > .col:last-child .linkLayout01-type01{
		border-bottom: none;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 > .col.linkLayout01-toggle.toggleWrap02 .linkLayout01-type01.toggleTrigger02 span{
		display: inline-block;
		padding-right: 15px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	body#MemberAgreement .sectionLayout01 .linkLayout01-toggle.toggleWrap01 .toggleContent01 .linkLayout01-type01:first-child a{
	padding: 0 26px 11px 0;
}
	
	
	/* tsumiki
------------------------------------------------------ */
	body#tokuyaku .overflow_x_auto table{
		width: auto!important;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.text1.bold.text_wine.rule_title-text_wine,
	.p2.text2b.text_wine.rule_title-text_wine,
	.rule_title-text_wine{
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		margin-top: 20px;
	}
	body#tokuyaku .p2.text2b.text_wine.rule_title-text_wine{
		margin-top: 0;
	}

	
/* Clearfix
------------------------------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
}
