@charset "utf-8";

/* 共通style */
#jkc_contents * {
    box-sizing: border-box;
}

.topCover {
    width: 100%;
    background-color: #f4f4f2;
    padding-bottom: 1em;
}

.topCoverInner {
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
}

.topCoverInner img {
    width: 100%;
}

#jkc_mainContent img {
    max-width: 100%;
}

#jkc_mainContent .note {
    font-size: 12px;
    padding: 16px 0;
}

#jkc_mainContent {
    max-width: 1200px;
    padding: 0 3%;
    margin: 0 auto 50px auto;
    display: block;
    position: relative;
    text-align: center;
}

p {
    font-size: 16px;
    /* line-height: 1.6em; */
}

#jkc_contents p a {
    text-decoration: underline;
}

.lead {
    font-size: 16px;
    line-height: 1.8;
    margin: 3em 0;
    text-align: center;
}

.lead span {
    font-size: 0.8em;
}

.text-center {
    text-align: center;
}

#jkc_contents h2 {
    text-align: center;
    font-size: 55px;
    font-weight: bold;
    margin: 1em 0;
}

#jkc_contents h2 small {
    font-size: 30px;
    display: block;
    margin-top: 0.5em;
    color: #000;
    font-weight: bold;
}

#jkc_contents h3 {
    font-size: 24px;
    font-weight: bold;
    color: #008c96;
    margin-bottom: 1.5em;
}

#jkc_contents h3.item_return_note {
	margin-top: 3em;
}

#jkc_contents h4.subtit_overview {
	position: relative;
	padding: 0 65px;
	text-align: center;
	margin: 3em 0;
}

#jkc_contents h4.subtit_overview:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #008c96;
}

#jkc_contents h4.subtit_overview span {
	position: relative;
	padding: 0 1em;
	background: #fff;
	font-size: 24px;
    font-weight: 800;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 1.5em 12px;
    font-size: 24px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    border: 1px solid #aaa;
}

a.btn {
    text-decoration: none;
}

.btn-primary {
    background-color: #dc8203;
    border-color: #dc8203;
}

a.btn.btn-primary {
    color: #fff;
}

a.item_return_form {
	display: inline-block;
    padding: 1em 2.7em;
	margin-top: 1.5em;
	background-color: #008c96;
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
	color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
	transition: 0.5s ease;
}

a.item_return_form:hover{
	text-decoration: none;
	opacity: .7;
}

.col-2 {
    width: calc(50% - 20px);
    margin: 0 10px;
    float: left;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .col-2 {
        width: 100%;
        margin: 0;
        float: none;
    }

}

/*QA */

.inner_accordion {
	display: block;
	margin: 0px auto;
	padding: 15px 0;
	max-width: 720px;
}

.accordion {
	display: block;
	margin: 15px 0px;
	overflow: hidden;
	border-radius: 10px;
	text-align: justify;
}
.accordion > .accordion__status {
	display: none;
}
.accordion > .accordion__button {
	display: block;
	padding: 10px 50px 10px 20px;
	position: relative;
	color: white;
	font-size: 16px;
	font-weight: 500;
	background: #008c96;
}
.accordion > .accordion__button::before {
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 25px;
	content: '';
	border-top: 3px solid white;
	border-right: 3px solid white;
	transform: translateY(-75%) rotate(135deg);
	transition: transform 1s ease;
}
.accordion > .accordion__button > span {
	background-color: #fff;
	color: #008c96;
    font-weight: 800;
    padding: 0px 5px 3px;
    border-radius: 4px;
    margin-right: 7px;
}
.accordion > .accordion__content {
	display: block;
	padding: 0px 20px;
	height: auto;
	max-height: 0px;
	border-left: 1px solid #008c96;
	border-right: 1px solid #008c96;
	border-bottom: 1px solid #008c96;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	transition: padding 1s ease, max-height 1s ease;
}
.accordion > .accordion__content > span {
	background-color: #008c96;
    color: #fff;
    font-weight: 800;
    padding: 0px 5px 3px;
    border-radius: 4px;
    margin-right: 7px;
}
.accordion > .accordion__status:checked + .accordion__button::before {
	transform: translateY(-25%) rotate(-45deg);
}
.accordion > .accordion__status:checked + .accordion__button + .accordion__content {
	padding: 10px 20px;
	height: auto;
	/*max-height: 100px;*/
	max-height: none;
}

#jkc_contents h3.subtit_qa {
	margin: 3em 0 0;
}

/* 共通style */

.kikan {
    text-align: center;
    margin: 3em auto 6em;
    color: #000;
}

.kikan .kikan01 {
	font-size: 30px;
	font-weight: 800;
}

.kikan .kikan02 {
	font-size: 55px;
	font-weight: 800;
}

.kikan .kikan03 {
    font-size: 20px;
}

p.kikan_subtit_overview {
	font-weight: 800;
	font-size: 24px;
	color: #008c96;
}

p.kikan_subtxt_overview {
	font-weight: 800;
	font-size: 24px;
	line-height: 1.4em;
    margin-bottom: 1em;
}

.flow {
	background-color: #f4f4f2;
	padding: 3rem;
}

.flow_box {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flow_box > .flow_box_item {
	width: 47%;
	margin-bottom: 1.2rem;
}

ul.chui {
    margin-bottom: 2em;
    font-size: 16px;
    text-align: left;
}

ul.chui li {
    list-style: disc;
    margin-bottom: 0.8em;
    margin-left: 1.5em;
}

ul.chui li strong,
ul.chui li u,
ul.chui li a {
	color: #008c96;
	font-weight: 800;
}

/* contents */
.row {
    display: flex;
    flex-wrap: wrap;
}

.prd {
    text-align: center;
}

.prd .inner {
    margin: 0 auto 2em;
    max-width: 240px;
    text-align: center;
}

.prd p {
    margin: 0;
    padding: 0 10px;
}

p.name {
    margin-bottom: 0.5em;
}

.prd p.kikan {
    border: none;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0.5em;
}

p.cat {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2em;
    margin-top: 2em;
}

p.kataban {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 0.2em;
}

p.price {
    line-height: 1.0;
	letter-spacing: 1px;
}

p.price > span.price01 {
	font-weight: 800;
    font-size: 18px;
}

p.price > span.price01 > strong {
    font-size: 21px;
    color: #008c96;
}

p.price > span.price02 {
	font-weight: 800;
    font-size: 24px;
}

p.price > span.price02 > strong {
    font-size: 24px;
    color: #008c96;
}

a.buy_detail_btn {
    display: inline-block;
    padding: 1em 2.7em;
    margin-top: 1.5em;
    background-color:#ff8800;
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
    transition: 0.5s ease;
}

a.buy_detail_btn:hover{
	text-decoration: none;
	opacity: .7;
}

a.buy_btn {
    background-color: #ff8800;
    color: #fff;
    text-align: center;
    display: block;
    margin: 1.5em auto;
    padding: 1.0em 1em;
    border-radius: 4px;
    max-width: 400px;
    font-size: 18px;
    font-weight: bold;
}

.prd p.text {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 5em;
}

hr {
    height: 0;
    border: none;
    padding: 10px 0;
    margin: 0;
}

#jkc_contents h3 .chance {
    border-radius: 8px;
    display: table;
    background-color: #f00;
    color: #fff;
    padding: 2px 4px;
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 8px;
}

.red {
    color: #f00;
    font-weight: bold;
}

.center {
    text-align: center;
}

p.comment {
    text-align: left;
    font-size: 11px;
    color: #888;
}

#jkc_contents dl {}

#jkc_contents dt {
    float: left;
}

#jkc_contents dd {
    margin-left: 7em;
    margin-bottom: 1.0em;
}

.sp-br {
    display: none;
}

@media only screen and (max-width: 768px) {
    .fs-l-pageMain {
        width: 100%;
        margin: auto;
    }
}

/*------  max-width 640px; -----*/
@media (max-width: 640px) {
    #jkc_contents h2 {
        font-size: 38px;
    }
    #jkc_contents h2 small {
        font-size: 22px;
    }
}


/*------  max-width 480px; -----*/
@media (max-width: 480px) {
    .sp-br {
        display: block;
    }

    .row {
        display: block;
        flex-wrap: wrap;
    }

    .lead,
    p {
        font-size: 14px;
    }

    #jkc_contents h2 {
        font-size: 32px;
    }

    #jkc_contents h2 small {
        font-size: 18px;
    }
	
	.kikan {
		margin: 2.5em auto;
	}
	
    .kikan .kikan01 {
		font-size: 5cqw;
		line-height: 1.4em;
    }

    .kikan .kikan02 {
        font-size: 11cqw;
    }

    .kikan .kikan03 {
        font-size: 3.5cqw;
		line-height: 1.4em;
		margin-top: 10px;
    }
	
	p.kikan_subtit_overview {
		font-size: 20px;
	}

	p.kikan_subtxt_overview {
		font-size: 20px;
	}
	
	p.price {
		line-height: 1.3;
	}
    
	p.price > span.price02 {
		font-size: 20px;
	}

	.flow {
		padding: 2rem;
	}
	
	.flow_box {
		display: inline;
	}

	.flow_box > .flow_box_item {
		width: 100%;
	}
	
	#jkc_contents h3 {
		margin-bottom: 0.5em;
	}
	
	a.item_return_form {
		padding: 1em 0.8em;
    	margin-top: 1em;
		font-size: 4.2cqw;
	}
	
	a.buy_detail_btn {
		padding: 1em 0.8em;
		font-size: 4.2cqw;
	}
	
	#jkc_contents h4.subtit_overview {
		padding: 0 20px;
		margin: 1.5em 0;
	}

	#jkc_contents h4.subtit_overview span {
		font-size: 4.8cqw;
		padding: 0 0.5em;
	}
}

/*閲覧履歴・ランキング*/
#_rcmdjp_display_2 {
	margin-top: 60px;
}
#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li a {
	position: relative;
}
#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li a::before {
	position: absolute;
	width: 46px;
	height: 14px;
	background-repeat: no-repeat;
	background-position-x: center;
	left: calc(50% - 23px);
	top: -27px;
	content: "";
	/*width: 60px;
	height: 20px;
	background-repeat: no-repeat;
	background-position-x: center;
	left: calc(50% - 30px);
	top: -28px;
	content: "";*/
	/*width: 60px;
	height: 20px;
	background-repeat: no-repeat;
	background-position-x: center;
	left: calc(50% - 30px);
    top: -28px;
	font-size: 14px;
    text-align: center;*/
}
#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(1) a::before {
	background-image: url("https://jkcstore.itembox.design/item/ha-np1t_otomeshicp3/ranking1_1.svg?t=2025062001");
}
#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(2) a::before {
	background-image: url("https://jkcstore.itembox.design/item/ha-np1t_otomeshicp3/ranking2_1.svg?t=2025062001");
}
#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(3) a::before {
	background-image: url("https://jkcstore.itembox.design/item/ha-np1t_otomeshicp3/ranking3_1.svg?t=2025062001");
}
#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(4) a::before {
	background-image: url("https://jkcstore.itembox.design/item/ha-np1t_otomeshicp3/ranking4_1.svg?t=2025062001");
	width: 26px;
    left: calc(50% - 13px);
    top: -22px;
}
#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(5) a::before {
	background-image: url("https://jkcstore.itembox.design/item/ha-np1t_otomeshicp3/ranking5_1.svg?t=2025062001");
	width: 26px;
    left: calc(50% - 13px);
    top: -22px;
}


@media only screen and (max-width: 768px) {
	.FS2_Recommend2_container_history {
		padding: 0 1rem;
		margin-top: 40px;
	}
	.historyWrap .historyList {
		display: inline;
	}
	.historyWrap .historyList li {
		max-width: none;
		padding: 0;
	}
	.FS2_Recommend2_container_history a {
		display: flex;
		vertical-align: top;
		justify-content: space-between;
		/*align-items: center;*/
	}
	#_rcmdjp_display_2 .FS2_Recommend2_container_history a {
		margin-top: 40px;
	}
	/*#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li a::after {
		position: absolute;
		content: "";
        width: 70%;
        height: 2px;
		top: -8px;
        left: 15%;
	}
	#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(1) a::after {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(216 ,176, 26, 1), rgba(0, 0, 0, 0));
	}
	#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(2) a::after {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(168 ,167, 167, 1), rgba(0, 0, 0, 0));
	}
	#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(3) a::after {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(198 ,139, 91, 1), rgba(0, 0, 0, 0));
	}
	#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(4) a::after,
	#_rcmdjp_display_2 .FS2_Recommend2_container_history ul.historyList li:nth-child(5) a::after {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(86 ,86, 86, 1), rgba(0, 0, 0, 0));
	}*/
	.FS2_Recommend2_container_history .historyList li .__img {
		width: 40%;
	}
	.historyWrap .historyList li .txtArea {
		padding: 0;
		width: 58%;
	}
	.historyWrap .historyList li .txtArea .name {
		line-height: 1.4em;
		text-align: justify;
		margin-bottom: 0;
	}
	.historyWrap .historyList li .txtArea .price {
		font-size: 3.5vmin;
	}
}

.FS2_Recommend2_container_history .historyList li .__img img {
	border-radius: 10px;
	border: 2px solid #ddd;
	padding: 2px;
	background-color: #fff;
}

.FS2_Recommend2_container_history .historyList li .txtArea .txt.price {
	margin-bottom: 15px;
}
/*
.fs-l-page .historyWrap:nth-child(3) .title01 .__jp::before,
.fs-l-page .historyWrap:nth-child(4) .title01 .__jp::before {
	font-family: "Font Awesome 5 Free";
	font-size: 100%;
	font-weight: 900;
	margin-right: 5px;
	opacity: 0.4;
}

.fs-l-page .historyWrap:nth-child(3) .title01 .__jp::before {
	content: "\f1da";
}

.fs-l-page .historyWrap:nth-child(4) .title01 .__jp::before {
	content: "\f5a2";
}*/