@charset "utf-8";

/* ------------------------

	01. 新規会員登録/お問い合わせ
	02. ログイン
	03. 物販一覧
	04. 商品カテゴリー
	05. 商品詳細
	06. 動画一覧
	07. 特典資料
	08. Q&A
	09. 特定商取引法上の表記/会社概要
	10. 配送・支払い方法
	11. プライバシーポリシー
	12. サイトマップ
	
------------------------ */



/*==============================================================
	
	01. 新規会員登録/お問い合わせ
	
==============================================================*/

.entry,.contact {
	padding:6em 6em 0;
	max-width:1200px;
}

.entry section,
.contact section{
	margin-bottom:3em;
}

.table_02 {
	border:none;
	border-collapse:separate;
	border-spacing:5px;
	margin-bottom:2em;
	max-width:1000px;
	width:100%;
}
.table_02 tr th {
	background:#999;
	border:none;
	color:#fff;
	font-weight:normal;
	padding:1em;
	position:relative;
	text-align:left;
}
.entry .table_02 tr th {
	min-width:210px;
	width:25%;
}
.contact .table_02 tr th {
	min-width:180px;
	width:25%;
}
.table_02 tr td {
	background:#f2f2f2;
	border:none;
	padding:1em 2em;
}
.table_02 input {
	border:solid 1px #ddd;
	margin:0 1em 0.5em 0;
}

.table_02 span {
	display:block;
	font-size:0.785em;
}
.required:after {
	background:#ea0000;
	color:#fff;
	content:"必須";
	font-size:0.875em;
	padding:0 0.5em;
	position:absolute;
	right:10px;
	top:40%;
}

.attention p {
	color:#555;
	font-size:0.875em;
	margin-bottom:1.5em;
	padding:0 5em;
}
.attention div .bt_01 {
	margin:2em auto 0;
}


@media screen and (max-width: 767px) {
	
	.entry,.contact {
		padding:5% 2%;
	}
	.contact section {
		margin-bottom:2em;
	}
	
	.table_02 {
		font-size:0.785em;
		margin-bottom:1em;
	}
	.table_02 tr th {
		padding:1em 0.5em;
		position:static;
	}
	.entry .table_02 tr th {
		min-width:130px;
	}
	.contact .table_02 tr th {
		min-width:110px;
	}
	.table_02 tr td {
		padding:1em 0.5em;
	}
	.table_02 input {
		display:block;
		width:100%;
	}
	.table_02 textarea {
		width:100%;
	}
	.required:after {
		display:block;
		padding:0;
		position:static;
		text-align:center;
		width:35px;
	}
	.attention p {
		font-size:0.75em;
		margin-bottom:1em;
		padding:0;
	}

}


/*==============================================================
	
	02. ログイン
	
==============================================================*/

.login {
	padding:4em 2em 2em;
}

.table_03 {
	border:none;
	border-collapse:separate;
	border-spacing:5px;
	margin:0 auto 2em;
	max-width:600px;
	width:100%;
}
.table_03 tr th {
	background:#999;
	border:none;
	color:#fff;
	font-weight:normal;
	padding:1em;
	text-align:right;
}
.table_03 tr td {
	background:#f2f2f2;
	border:none;
	padding:1em 2em;
}
.table_03 input {
	border:solid 1px #ddd;
	margin:0 1em 0.5em 0;
}

.btBox {
	margin:2em 0 4em;
	text-align:center;
}
.btBox p {
	display:inline-block;
	margin:0 1em;
}

.prompt {
	position:relative;
}
.prompt:after {
	background:url(../img/prompt.png) no-repeat;
	background-size:contain;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:35%;
	text-align:center;
	width:100%;
}


@media screen and (max-width: 767px) {
	
	.login {
		padding:5% 2%;
	}
	
	.table_03 {
		font-size:0.785em;
		margin-bottom:1em;
	}
	.table_03 tr th {
		min-width:120px;
	}
	.table_03 tr td {
		padding:1em 0.5em;
	}
	.table_03 input {
		display:block;
		width:100%;
	}
	.btBox {
		margin:2em 0;
	}
	.btBox p {
		margin:0 0.5em;
	}
	.btBox p .bt_01 {
		font-size:0.75em;
		background:none;
		padding:1em;
		width:150px;
	}
	.prompt:after {
		background:url(../img/prompt_s.png) no-repeat;
		background-size:contain;
	}

}


/*==============================================================
	
	03. 物販一覧
	
==============================================================*/

.itemlist {
	padding:2em;
}
.pager {
	margin:2em 0 1em;
	text-align:center;
}
.pager li {
	border:solid 1px #dedede;
	display:inline-block;
	text-align:center;
}
.pager li a {
	color:#888;
	display:block;
	padding:0.5em 0;
	width:45px;
}

@media screen and (max-width: 767px) {
	
	.itemlist {
		padding:5% 2%;
	}
	.pager {
			margin:1em 0;
		}
		
}


/*==============================================================
	
	04. 商品カテゴリー
	
==============================================================*/

.category {
	padding:3em;
}

.categoryBox {
	color:#333;
	display:block;
	float:left;
	margin-bottom:2em;
	padding:2em 2em 0;
	width:33.33%;
}
.categoryBox figure figcaption {
	font-weight:bold;
	padding:1em 0;
	text-align:center;
}
.categoryBox p {
	font-size:0.875em;
}

@media screen and (max-width: 767px) {
	
	.category {
		padding:5% 2%;
	}
	.categoryBox {
		border:solid 1px #ddd;
		padding:2%;
		margin-bottom:1em;
		width:47.5%;
	}
	.categoryBox:nth-child(odd) {
		margin-right:5%;
	}
	.categoryBox figure figcaption {
		font-size:0.75em;
		padding:1em 0 0.5em;
	}
	.categoryBox p {
		font-size:0.75em;
	}
	
}


/*==============================================================
	
	05. 商品詳細
	
==============================================================*/

.itemdetail {padding:4em;}

.ditail_01 {
	display:table;
	margin-bottom:5em;
	max-width:1000px;
	width:100%;
}

.item_photoBox {
	display:table-cell;
	vertical-align:top;
	width:50%;
}
.item_main {
	margin-bottom:1em;
	width:100%;
	}
.item_main li img {
	position:relative;
}
.thumb li {
	float:left;
	margin-right:3.75%;
	width:17%;
}
.thumb li:last-child {
	margin-right:0;
}
.item_textBox {
	display:table-cell;
	padding-left:2em;
	max-width:50%;
	vertical-align:top;
}
.item_textBox h3 {
	font-size:1.125em;
	margin-bottom:1em;
}
.price {
	font-size:1.875em;
	margin-bottom:0.5em;
	color: #f00;
}
.price:before {
	content:"￥";
}

.item_textBox form {
	margin-bottom:2em;
}
.item_select {
	margin:1.5em 0;
}
.item_select input {
	margin-right:10px;
}

.ditail_02 {
	max-width:1000px;
}

.movie_set {
	max-width:600px;
}
.movie_set p {
	margin-bottom:2em;
	position:relative;
	width:100%;
	padding-top:60%;
	}
.movie_set iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.select_box select {
    width: 400px;
    height: 3em;
    font-size: 1.2em;
    padding-left: 1%;
    background-color: #F0EDEE;
    border-radius: 0.3em;
    margin: 1% 0;
}

@media screen and (max-width: 767px) {

	.itemdetail {
		padding:5% 2%;
		}
	.ditail_01 {
		display:block;
		margin-bottom:2em;
		width:100%;
	}
	.ditail_01 div {
		display:block;
		width:100%;
	}
	.item_photoBox {
		margin-bottom:2em;
		width:50px;
	}
	.item_main  {
		width:80%;
		margin:0 auto 1em;
	}

	.item_textBox {
		padding-left:0;
		max-width:100%;
	}
	.item_select {
		margin:1.5em 0;
		font-size:0.875em;
	}
	.item_select li {
		padding:0.5em;
	}
	.movie_set {
		width:100%;
	}
	.movie_set p {
		margin-bottom:1em;
		}
	.text_s {
		font-size:0.875em;
	}
	.swiper-button-prev,.swiper-button-next {
	display:block;
	}
	#thumbs {
		display:none;
	}
	.select_box select {
    width: 300px;
    height: 3em;
    font-size: 1.2em;
    padding-left: 1%;
    background-color: #F0EDEE;
    border-radius: 0.3em;
    margin: 1% 0;
	}

}


/*==============================================================
	
	06. 動画一覧
	
==============================================================*/

.movie {
	padding:4em 3em 0;
}

@media screen and (max-width: 767px) {

	.movie {
		padding:5% 2%;
	}

}

/*==============================================================
	
	07. 特典資料
	
==============================================================*/

.document {
	padding:4em 4em 0;
}

.document section {
	margin-bottom:5em;
}
.document section p {
	margin:1em 0 2em;
}

.list_download {
	width:100%;
}

.list_download li {
	border-bottom:dotted 1px #ccc;
	line-height:2;
	list-style:url(../img/arrow04.png) inside;
	padding:2em 1em;
}
.list_download li a {
	color:#333;
}

.pdf {
	background:url(../img/pdf.png) right no-repeat;
	padding:2em 45px 2em 0;
}

.new:after {
	background:#fe1931;
	color:#fff;
	content:"new";
	font-size:0.6em;
	font-weight:normal;
	margin-left:2em;
	padding:0 0.75em;
	vertical-align:middle;
}

@media screen and (max-width: 767px) {

	.document {
		padding:5% 2%;
	}
	.document section {
		margin-bottom:2em;
	}
	.document section p {
		font-size:0.875em;
		margin:1em 0;
	}
	.list_download {
		font-size:0.75em;
	}
	.list_download li {
		list-style:none;
		padding:0 0.5em;
	}
	.pdf {
		background-image:none;
		display:block;
	}
	.pdf:before {
		border:solid 1px #fe1931;
		border-top:solid 3px #fe1931;
		color:#fe1931;
		content:"pdf";
		font-size:0.9em;
		margin-right:0.5em;
		padding:0 0.5em;
		
	}
	.new:after {
		font-size:0.8em;
		font-weight:normal;
		margin-left:1em;
	}
	
}


/*==============================================================
	
	08. Q&A
	
==============================================================*/

.qa {
	padding:3em 3em 0;
}
.qa dl {
	border:solid 3px #eee;
	margin-bottom:2em;
	padding:0.2em 1.5em;
}
.qa dl dt {
	border-bottom:dotted 2px #eee;
	display:table;
	padding:1em;
	width:100%;
}
.qa dl dd {
	display:table;
	margin:0;
	padding:1em;
}
.qa dl dt p,.qa dl dd p {
	display:table-cell;
	vertical-align:middle;
	}
.qa dl dt:before,.qa dl dd:before {
	display:table-cell;
	font-size:2.5em;
	font-weight:bold;
	padding-right:0.5em;
	vertical-align:top;
	width:50px;
}
.qa dl dt:before {
	color:#d82231;
	content:"Q";
}
.qa dl dd:before {
	color:#4ec24e;
	content:"A";
}

@media screen and (max-width: 767px) {

.qa {
	padding:5% 2%;
}
.qa dl {
	margin-bottom:1em;
}
.qa dl dt,.qa dl dd {
	display:block;
	padding:0.5em;
}
.qa dl dt p,.qa dl dd p,.qa dl dt:before,.qa dl dd:before {
	display:block;
}
.qa dl dt:before,.qa dl dd:before {
	font-size:1.5em;
}

}


/*==============================================================
	
	09. 特定商取引法上の表記/会社概要
	
==============================================================*/

.company,.guideline {
	padding:6em 6em 0;
	width:100%;
}

.company .table_01 tr td span,.guideline .table_01 tr td span {
	padding-right:2em;
}
.company .table_01 tr td span br,.guideline .table_01 tr td span br {display:none;}

.table_01 {
	border:none;
	border-collapse:separate;
	border-spacing:5px;
	margin-bottom:2em;
	width:100%;
}
.table_01 a {
	color:#333;
}
.table_01 tr th {
	background:#999;
	border:none;
	color:#fff;
	font-weight:normal;
	min-width:180px;
	padding:1em;
}
.table_01 tr td {
	background:#f2f2f2;
	border:none;
	padding:1em;
}


@media screen and (max-width: 767px) {

	.company,.guideline {
		padding:5% 2%;
	}
	.company .table_01 tr td span br,.guideline .table_01 tr td span br {
		display:inline;
	}
	.table_01 {
		font-size:0.785em;
		margin-bottom:1em;
	}
	.table_01 tr th {
		padding:1em 0.5em;
		min-width:100px;
	}
	.table_01 tr td {
		padding:1em 0.5em;
	}

}


/*==============================================================
	
	10. 配送・支払い方法
	
==============================================================*/

.guide {
	padding:4em 4em 0;
}
.guide section {
	margin-bottom:4em;
}

.guide section > div {
	margin-bottom:2em;
}
.guide .ttl_01 {
	margin-bottom:2em;
}
.guide p {
	margin-bottom:1em;
}

.table_04 {
	border:none;
	border-collapse:separate;
	border-spacing:5px;
	margin-bottom:2em;
	max-width:1000px;
	text-align:center;
	width:100%;
}
.table_04 tr th {
	background:#999;
	border:none;
	color:#fff;
	font-weight:normal;
	padding:1em;
}
.table_04 tr td {
	background:#f2f2f2;
	border:none;
	padding:1em 2em;
}

.yubin {
	color:#f00;
}

.sagawa {
	color:#3b499f;
}

.pay_choices {
	max-width:1000px;
}
.pay_choices p {
	background:#4ec24e;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	margin-right:0.5em;
	padding:1em;
}
.card {
	padding-bottom:1em;
}
.card img {
	border:solid 1px #eee;
	width:inherit;
}

@media screen and (max-width: 767px) {

	.guide {
		padding:5% 2%;
	}
	.guide section {
		margin-bottom:2em;
	}
	.guide p {
		font-size:0.875em;
	}
	.table_04 {
		font-size:0.875em;
		margin-bottom:1em;
	}
	.table_04 tr th,.table_04 tr td {
		padding:1em 0.5em;
	}
	.pay_choices p {
		display:block;
		font-size:0.875em;
		margin-right:0.5em;
		padding:0.5em;
	}
	.guide .list_disc {
		font-size:0.75em;
	}

}


/*==============================================================
	
	11. プライバシーポリシー
	
==============================================================*/

.policy {
	padding:4em 4em 0;
}

.policy section {
	margin-bottom:3em;
}
.policy section div{
	margin:0 2em;
}
.policy .ttl_01 {
	margin-bottom:1em;
}
.policy p {
	margin-bottom:1em;
}

@media screen and (max-width: 767px) {

	.policy {
		padding:5% 2%;
	}
	.policy section {
		margin-bottom:2em;
	}
	.policy section div{
		font-size:0.875em;
		margin:0 1em;
	}

}


/*==============================================================
	
	12. サイトマップ
	
==============================================================*/

.sitemap {
	padding:4em 4em 0;
}
.sitemap a {
	color:#333;
}
.sitemap a:hover {
	text-decoration:underline;
}
.list_map {
	margin:0 2em;
}
.list_map li {
	padding:0.5em 0;
}
.list_map li a {
	display:block;
	padding:0.5em 0;
}
.list_map > li {
	list-style:url(../img/arrow04.png);
}
.list_map ul li {
	margin-left:1em;
	list-style:url(../img/arrow03.png);
}


@media screen and (max-width: 767px) {

	.sitemap {
		padding:5% 2%;
	}
	.list_map li a {
		border-bottom:solid 1px #eee;
	}
	
}