@charset "UTF-8";


/* productIndexLayout
------------------------------------*/

.productIndexLayout #main .cassette .btnBlue {
	text-align: right;
}

.productIndexLayout #main #c01 .cassette .imgBox {
	background-color: #63bbe1;
	margin: 0 0 20px;
}
.productIndexLayout #main #c01 .cassette .imgBox .flex {
	display: none;
}

.productIndexLayout #main #c01 .cassette .flex {
	padding: 0 0 20px;
}

.productIndexLayout #main #c01 .cassette .flex ul {
	padding: 0;
}

.productIndexLayout #main #c01 .cassette .flex ul li {
	list-style-type: disc;
	margin: 0 0 0 15px;
}

.productIndexLayout #main #c01 .cassette table tr:last-child {
	background-color: #fff;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
				.productIndexLayout #main #c01 .cassette .imgBox {
					position: relative;
					padding: 0 0 50px;
				}
				.productIndexLayout #main #c01 .cassette .imgBox .flex {
					display: flex;
					position: absolute;
					left: 95px;
					top: 305px;
					z-index: 100;
					color: #fff;
					line-height: 1.4;
					font-size: 80%;
				}
				.productIndexLayout #main #c01 .cassette .imgBox .flex div:nth-child(1) {
					margin: 0 190px 0 0;
				}
				.productIndexLayout #main #c01 .cassette .imgBox .flex div:nth-child(2) {
					margin: 0 245px 0 0;
				}
				.productIndexLayout #main #c01 .cassette .flex {
					padding: 0 0 50px;
				}
				.productIndexLayout #main #c01 .cassette .flex ul {
					width: 48%;
				}
			}

.productIndexLayout #main #c02 .cassette .box01 {
	border-top: 1px solid #ddd;
	padding: 30px 0 0;
}

.productIndexLayout #main #c02 .cassette .flex > div:nth-child(1) {
	text-align: center;
}

.productIndexLayout #main #c02 .cassette .flex > div:nth-child(1) img {
	max-width: 100%;
}

.productIndexLayout #main #c02 .cassette .rightBoxImg img {
	width: 120px;
}

.productIndexLayout #main #c02 .cassette .rightBoxImg img:nth-child(1) {
	display: inline-block;
	margin: 0 10px 0 0;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
				.productIndexLayout #main #c02 .cassette .box01 {
					padding: 50px 0 20px;
				}
				.productIndexLayout #main #c02 .cassette .box01.flex > div:nth-child(1) {
					width: 250px;
				}
				.productIndexLayout #main #c02 .cassette .box01.flex > div:nth-child(2) {
					width: 700px;
				}
				.productIndexLayout #main #c02 .cassette .box02 {
					align-items: center;
				}
				.productIndexLayout #main #c02 .cassette .box02.flex > div:nth-child(1) {
					width: 250px;
				}
				.productIndexLayout #main #c02 .cassette .box02.flex > div:nth-child(2) {
					width: 700px;
				}
			}

.productIndexLayout #main #c03 .cassette .flex p {
	text-align: center;
	font-size: 90%;
}

.productIndexLayout #main #c03 .cassette .flex p a img {
	height: 198px;
	display: inline-block;
	margin: 0 0 5px;
}

.productIndexLayout #main #c03 .cassette .btn01 {
	text-align: right;
}


			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.productIndexLayout #main #c03 .cassette .flex {
					display: flex;
					justify-content: space-between;
				}
				.productIndexLayout #main #c03 .cassette .flex p {
					width: 23%;
				}
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
			}


/* productFeatureLayout
------------------------------------*/

.productFeatureLayout #main .cassette {
	padding: 0;
}

.productFeatureLayout #main #c00 .cassette .btnArea ul {
	border-bottom: 1px solid #ccc;
	padding: 0;
}

.productFeatureLayout #main #c00 .cassette .btnArea ul li {
	border-top: 1px solid #ccc;
}

.productFeatureLayout #main #c00 .cassette .btnArea ul li a {
	display: block;
	padding: 10px 0;
}

.productFeatureLayout #main #c00 .cassette .btnArea ul li a i {
	display: inline-block;
	margin: 0 10px 0 0;
}

.productFeatureLayout #main .cassette .toplink {
	text-align: right;
}

.productFeatureLayout #main .cassette .toplink a i {
	display: inline-block;
	margin: 0 10px 0 0;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
				.productFeatureLayout #main #c00 .cassette .btnArea ul {
					display: flex;
					justify-content: space-between;
					font-size: 85%;
					border: none;
				}
				.productFeatureLayout #main #c00 .cassette .btnArea ul li {
					width: 32%;
					box-sizing: border-box;
					padding: 0 5px;
					border-bottom: 1px solid #ccc;
				}
			}

.productFeatureLayout .h2wrap {
	background-image: url(../img/feature/feature_h2.jpg);
}

.productFeatureLayout #main .cassette .btn01 {
	text-align: right;
}

.productFeatureLayout #main #c01 {
	padding: 100px 0 0;
}

.productFeatureLayout #main #c01 .cassette img {
	max-width: 100%;
}

.productFeatureLayout #main #c01 .cassette .flex div:nth-child(1) {
	text-align: center;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.productFeatureLayout #main #c01 .cassette .flex {
					display: flex;
					justify-content: space-between;
				}
				.productFeatureLayout #main #c01 .cassette .flex div {
					width: 46%;
				}
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
			}


.productFeatureLayout #main #c02 {
	padding: 100px 0 0;
}

.productFeatureLayout #main #c02 .cassette .box01 {
	background: url(../img/feature/02_bg01.jpg) no-repeat center center;
	background-size: cover;
	padding: 50px 20px 20px;
	margin: 0 0 40px;
}

.productFeatureLayout #main #c02 .cassette .box01 p img {
	width: 250px;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.productFeatureLayout #main #c02 .cassette .box01 {
					padding: 80px 50px 50px;
					margin: 0 0 50px;
				}
				.productFeatureLayout #main #c02 .cassette .box01 p img {
					width: 400px;
				}
				.productFeatureLayout #main #c02 .cassette .flex {
					display: flex;
					justify-content: space-between;
				}
				.productFeatureLayout #main #c02 .cassette .flex div {
					width: 46%;
				}
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
			}


.productFeatureLayout #main #c03 {
	padding: 100px 0 0;
}

.productFeatureLayout #main #c03 .cassette img {
	max-width: 100%;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.productFeatureLayout #main #c03 .cassette .flex {
					display: flex;
					justify-content: space-between;
				}
				.productFeatureLayout #main #c03 .cassette .flex div {
					width: 46%;
				}
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
			}


.productFeatureLayout #main #c04 {
	padding: 100px 0 0;
}

.productFeatureLayout #main #c04 .cassette img {
	max-width: 100%;
}

.productFeatureLayout #main #c04 .cassette .flex {
	text-align: center;
}

.productFeatureLayout #main #c04 .cassette .flex div p {
	position: relative;
	padding: 0;
	margin: 0 0 30px;
}

.productFeatureLayout #main #c04 .cassette .flex div p a::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../../common/img/btn_next.png);
    background-size: 38px 38px;
    background-position: 0 0;
}

.productFeatureLayout #main #c04 .cassette .box01 {
	text-align: center;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.productFeatureLayout #main #c04 .cassette .flex {
					display: flex;
					justify-content: space-between;
				}
				.productFeatureLayout #main #c04 .cassette .flex div {
					width: 31%;
				}
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
				.productFeatureLayout #main #c04 .cassette .flex div {
					width: 320px;
				}
			}


/* productShopLayout
------------------------------------*/

.productShopLayout #main #c01 .cassette .scroll-box {
	overflow: scroll;
}

.productShopLayout #main #c01 .cassette .box01 {
	margin: 0 0 50px;
}

.productShopLayout #main #c01 .cassette #table_shop_list_2 tr td {
	border: 1px solid #ccc;

}

.productShopLayout #main #c01 .cassette .subhead_m {
	margin: 0 0 10px;
}

.productShopLayout #main #c01 .cassette .table_shop_list tr {
	border-top: 1px solid #ccc !important;
}

.productShopLayout #main #c01 .cassette .table_shop_list th,
.productShopLayout #main #c01 .cassette .table_shop_list td {
	border: none;
}

.productShopLayout #main #c01 .cassette .btn01 {
	text-align: right;
}

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.productShopLayout #main #c01 .cassette .flex {
					display: flex;
					justify-content: space-between;
				}
				.productShopLayout #main #c01 .cassette .flex div {
					width: 46%;
				}
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
				.productShopLayout #main #c01 .cassette .scroll-box {
					overflow: auto;
				}
			}


/* productIndexLayout
------------------------------------*/

			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1000px) {
			}


/* clearfix
------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */