/* 各ページ設定 */
/* TOP */
	/* スライダーの初期設定 */
	.top_ranking .slick-track {
		display: flex !important;
	  }

	/* .top_ranking .slick-slide {
		margin: 0 10px;
		padding: 0 0 20px 0;
		height: auto !important;
		background: #fff;
		border: 1px solid #ccc;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	} */

	.top_ranking .slick_slide_contents {
		margin: 0 10px;
		padding: 0 0 20px 0;
		height: auto !important;
		background: #fff;
		border: 1px solid #ccc;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.top_ranking #tab01_content .slick-slide:first-child::before {
		content: '＼最上位モデル／';
		text-align: center;
		display: block;
		color: #003882;
		font-size: 2.5rem;
		padding-bottom: 5px;
	}

	.top_ranking #tab01_content .slick-slide:nth-child(2)::before {
		content: '＼ホワイトニング搭載／';
		text-align: center;
		display: block;
		color: #003882;
		font-size: 2.5rem;
		padding-bottom: 5px;
	}

	.top_ranking #tab01_content .slick-slide:nth-child(3)::before {
		content:"＼初心者の決定版／";
		text-align: center;
		display: block;
		color: #003882;
		font-size: 2.5rem;
		padding-bottom: 5px;
	}

	.top_ranking #tab04_content .slick-slide:first-child::before {
		content: '＼最上位モデル／';
		text-align: center;
		display: block;
		color: #003882;
		font-size: 2.5rem;
		padding-bottom: 5px;
	}

	.top_ranking #tab04_content .slick-slide:nth-child(2)::before {
		content: '＼ホワイトニング搭載／';
		text-align: center;
		display: block;
		color: #003882;
		font-size: 2.5rem;
		padding-bottom: 5px;
	}

	.top_ranking #tab04_content .slick-slide:nth-child(3)::before {
		content:"＼初心者の決定版／";
		text-align: center;
		display: block;
		color: #003882;
		font-size: 2.5rem;
		padding-bottom: 5px;
	}

	/* 商品ページランキング文字・余白調整 */
	.item_ranking {
		margin-top: 60px;
	}
	.item_ranking .top_ranking #tab01_content .slick-slide:first-child::before {
		font-size: 2.1rem;
	}

	.item_ranking .top_ranking #tab01_content .slick-slide:nth-child(2)::before {
		font-size: 2.1rem;
	}

	.item_ranking .top_ranking #tab01_content .slick-slide:nth-child(3)::before {
		font-size: 2.1rem;
	}

	.item_ranking .top_ranking #tab04_content .slick-slide:first-child::before {
		font-size: 2.1rem;
	}

	.item_ranking .top_ranking #tab04_content .slick-slide:nth-child(2)::before {
		font-size: 2.1rem;
	}

	.item_ranking .top_ranking #tab04_content .slick-slide:nth-child(3)::before {
		font-size: 2.1rem;
	}

	.top_ranking .slick-arrow {
		width: 25px !important;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 1;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding: 0;
	}
	.top_ranking .slick-prev {
		left: 0;
	}
	.top_ranking .slick-next {
		right: 0;
	}
	/*タブ切り替え全体のスタイル*/
	.tabs {
		margin-top: 30px !important;
		background-color: #fff;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	/*タブのスタイル*/
	.tab_item {
		width: calc(100% / 2);
		height: 50px;
		margin-bottom: 20px;
		border: 1px solid #003882;
		line-height: 50px;
		font-size: 16px;
		text-align: center;
		color: #565656;
		display: block;
		float: left;
		text-align: center;
		font-weight: bold;
		transition: all 0.2s ease;
		box-sizing: border-box;
	}
	.tab_item:hover {
		opacity: 0.75;
	}
	/*ラジオボタンを全て消す*/
	input[name="tab_item"] {
		display: none;
	}
	input[name="tab_item_menu"] {
		display: none;
	}
	/*タブ切り替えの中身のスタイル*/
	.tab_content {
		display: none;
		clear: both;
		overflow: hidden;
	}
	/*選択されているタブのコンテンツのみを表示*/
	#tab01:checked~#tab01_content,
	#tab02:checked~#tab02_content,
	#tab03:checked~#tab03_content,
	#tab04:checked~#tab04_content, 
	#tab05:checked~#tab05_content {
		display: block;
	}

	/*選択されているタブのスタイルを変える*/
	.tabs input:checked+.tab_item {
		background-color: #003882;
		color: #fff;
	}
	.tab01 {
		border-radius: 50px 0 0 50px;
	}
	.tab02 {
		border-radius: 0 50px 50px 0;
	}
	.tab04 {
		border-radius: 50px 0 0 50px;
	}
	.tab05 {
		border-radius: 0 50px 50px 0;
	}
	
.top_product img {
	margin-bottom: 20px;
}
.top_promise {
	padding: 10%;
	background: url(https://oralbbraun.itembox.design/item/top/bg_promise.jpg) repeat-y;
	background-size: contain;
}

/* DEAL */

.deal_cate_btn {
    width: 750px;
    margin: 0 auto 30px;
    padding: 5% 6% 6% 6% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: url(https://oralbbraun.itembox.design/item/top/bg_promise.jpg) repeat-y;
    background-size: contain;
}
.deal_cate_btn li {
	list-style: none;
	margin-top: 10px;
}

.b_btn {
	width: 100% !important;
}


.deal_bnr {
	margin-bottom: -100px;
}

.deal_cate_conts {
	padding-top: 160px;
}

.deal_cate_ttl {
	padding-top: 160px;
	margin-top: -160px;
	margin-bottom: 30px;
}

.deal_cate_ttl img {
	display: block;
	margin: 0 auto;
}

.deal_area {
	box-sizing: border-box;
	color: #003882;
}
.deal_area img {
	max-width: 100%;
}
.deal_area div {
	margin-bottom: 20px;
	border: 1px solid #c3c3c3;
}
.item_name {
    text-align: center;
    font-weight: bold;
	font-size: 1.8rem;
	margin-top: 10px !important;
}
.thumb {
	display: block;
	margin: 10px auto;
	width: 90%;
}
.deal_area p {
	padding: 5px !important;
}
.item_price span {
	padding: 0 0 0 20px;
	text-decoration: line-through;
	text-decoration-color: #b53326;
}
.item_price {
	font-size: 1.8rem;
}
.item_price ,
.item_price_off {
	text-align: center;
}
.deal_area ul {
	margin-bottom: 30px !important;
}
.deal_marker {
	background: #f7ff7f;
    padding: 5px 10px;
    margin-right: 5px;
	vertical-align: super;
}

/* 選ばれる理由 */
.reason_btn {
	padding: 0 10% 5% 10% !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: url(https://oralbbraun.itembox.design/item/top/bg_promise.jpg) repeat-y;
	background-size: contain;
}
.reason_btn li {
	width: 49%;
	margin-bottom: 10px;
}
.reason_movie {
	width: 89%;
	margin: 20px auto;
	display: block;
}

/* 電動歯ブラシの選び方 */
.choose {
	color: #003882;
}
.choice_chart {
	display: flex;
	justify-content: center;
}
.choose_item {
	border: 1px solid #c3c3c3;
	box-sizing: border-box;
}
.choose_item_name {
    text-align: center;
    font-weight: bold;
	font-size: 2.5rem;
	margin-top: 10px !important;
}
.choose_item_price span {
	padding: 0 0 0 20px;
	text-decoration: line-through;
	text-decoration-color: #b53326;
}
.choose_item_price {
	font-size: 2rem;
}
.choose_item_price ,
.choose_item_price_off {
	text-align: center;
}

/* 全額返金保証 */
.refund_apply {
	padding: 20px !important;
}
.refund_apply li {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}
.refund_apply li:last-child {
	margin-bottom: 0;
}
.b-text_center {
	text-align: center;
	display: block;
	padding-bottom: 10px;
}

/* よくあるご質問 */
.faq_anc {
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.faq_anc li {
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
	border: 1px solid #0057b8;
	border-radius: 5px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}
.faq_anc li:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-bottom: solid 2px #0057b8;
	border-right: solid 2px #0057b8;
	position: absolute;
	top: 90%;
	margin-top: -6px;
	transform: rotate(45deg);
}
.faq_anc li:hover:before {
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
}
.faq_anc li:hover {
	background: #0057b8;
}
.faq_anc li:hover a {
	color: #fff;
}
.faq_list {
	margin: 0 auto;
}
.faq_list a {
	color: #0057b8 !important;
	text-decoration: underline !important;
}
.faq_list dt {
	margin-top: 20px !important;
	padding: 20px !important;
	background: #EEEEEE;
}
.faq_list dd {
	padding: 20px !important;
	border-style: solid;
	border-width: 1px;
	border-color: #EEEEEE;
}

/* お問い合わせ */
.border {
	border: 1px solid #0057b8;
}
.inquiry_form form {
	margin: 0 auto;
	color: #003882;
}
.inquiry_form dl {
	padding: 20px 20px 0 20px;
}
.inquiry_form dt {
    margin: 5px 0;
    font-size: 100%;
    font-weight: bold;
}
.inquiry_form dd {
	margin-bottom: 10px !important;
}
.inquiry_form form table,
.inquiry_form form input,
.inquiry_form form textarea {
	width: 100%;
	margin-bottom: 10px;
	resize: vertical;
}
.inquiry_form #submit {
	display: block;
	cursor:pointer;
	border: none;
	margin: 0 auto;
}
.inquiry_form_btn {
	margin: 0 20px 0 20px;
}

/* 商品ページ */
.fs-p-productDescription--short {
	padding: 10px;
    background: #e5eef8;
}
.fs-c-productPrice__main {
	font-size: 120%;
	font-weight: bold;
}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    font-size: 3.2rem;
}

/* 特商法 */
.toku-form__row {
    margin: 0 auto;
    width: 1000px;
    box-sizing: border-box;
}

.toku-form__content--fluid {
    max-width: 100%;
    box-sizing: border-box;
}

.toku_table {
    border-collapse: collapse;
}

.oct-form__section {
    margin-bottom: 84px;
}

.toku-legal__row table {
    width: 100%;
    border-bottom: 1px solid #c3c3c3;
    text-align: left;
}

.toku-legal__row td, .toku-legal__row th {
    margin-top: -0.35714em;
    margin-bottom: -0.35714em;
    min-width: 90px;
    padding: 12px 8px;
    border-top: 1px solid #c3c3c3;
}

.toku-legal__row td, .toku-legal__row th {
    min-width: 240px;
    padding: 20px;
}

.toku-legal__row th:first-child {
    padding-left: 0;
}


/* お知らせ */
.info_wrap {
	border: 1px solid #c3c3c3;
}


/* pc only */
@media screen and (min-width: 1000px) {
	.-pc {
		display: block;
	}
	.-sp {
		display: none !important;
	}

	/* TOP */

	.slide p {
		margin: 0 20px 0 20px;
	}
	.top_product {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
	}
	/*.top_product li {
		width: 24%;
	}*/
	.top_product li {
		width: 30%;
	}
	.top_choose {
		padding: 10px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top_choose li {
		width: 49%;
		margin-bottom: 30px;
	}
	.top_promise ul {
		max-width: 1000px;
		margin: 30px auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
	}
	.top_promise li {
		width: 24%;
	}

	/* DEAL */

	.deal_area {
		display: flex;
		flex-wrap: wrap;
	}
	.deal_area div {
		width: 32%;
		margin: 0 17px 20px 0;
		}
	.deal_area div:nth-of-type(3n) {
		margin-right: 0;
	}
	.deal_area ul {
		padding: 0 20px 0 20px !important;
	}
	.deal_area li {
		margin-bottom: 10px;
	}
	.no1 {		
		width: 1000px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		text-align: center;
		font-size: 2.5rem;
	}


	/* 電動歯ブラシの選び方 */
	.choose_item {
		width: 670px;
		margin: 20px auto;
		display: flex;
		align-items: center;
	}
	.choose_item li:last-child {
		margin: 0 auto;
	}
	.choose_item p {
		padding: 10px !important;
	}
	.choose_item .round_btn {
		width: 90%;
		margin-top: 10px;
		padding: 10px;
	}

	/* 全額返金保証 */
	
	.refund_list {
		display: flex;
	}
	.refund_list li {
		width: 50%;
	}
	.refund_list img {
		width: 100%;
		margin: 0;
	}
	.refund_list_2 {
		text-align: center;
		margin-top: 20px;
	}

	/* よくあるご質問 */
	.faq_anc {
		padding: 0;
	}
	.faq_anc li {
		width: 19%;
		min-height: 120px;
	}

	/* ショッピングカート */
	.cart {
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
	}

	/* 特商法 */
	.meisai {
		width: 250px;
	}

	/* お知らせ */
	.info_wrap {
		border: 1px solid #c3c3c3;
		display: grid;
	}

	.info {
		margin: 0 auto;
	}
}



/* sp only */
@media screen and (max-width: 999px) {
	.-pc {
		display: none !important;
	}
	.-sp {
		display: block;
	}
	/* TOP */
	.top_ranking #tab01_content .slick-slide:first-child::before {
		font-size: 1.9rem;
	}

	.top_ranking #tab01_content .slick-slide:nth-child(2)::before {
		font-size: 1.9rem;
	}

	.top_ranking #tab01_content .slick-slide:nth-child(3)::before {
		font-size: 1.9rem;
	}
	.top_ranking #tab04_content .slick-slide:first-child::before {
		font-size: 1.9rem;
	}

	.top_ranking #tab04_content .slick-slide:nth-child(2)::before {
		font-size: 1.9rem;
	}

	.top_ranking #tab04_content .slick-slide:nth-child(3)::before {
		font-size: 1.9rem;
	}

	.top_ranking p {
		padding: 0 !important;
	}
	.top_product {
		padding: 10px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top_product li {
		width: 49%;
		margin-bottom: 30px;
	}
	.top_choose {
		padding: 0 10px 0 10px;
	}
	.top_choose li {
		margin-bottom: 10px;
	}
	.top_promise {
		padding: 10% 10% 5%;
	}
	.top_promise ul {
		padding: 10px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top_promise li {
		width: 49%;
		margin-bottom: 10px;
	}

	/* DEAL */
	.deal_cate_btn {
		width: 100%;
	}

	.deal_cate_btn li {
	margin-top: 10px;
    width: 48%;
	}

	.deal_bnr {
		margin-bottom: -50px;
	}

	.deal_cate_conts {
		padding-top: 80px;
	}

	.deal_cate_ttl {
		padding-top: 80px;
		margin-top: -80px;
		margin-bottom: 20px;
	}
	.deal_area ul {
		display: flex;
		justify-content: space-evenly;
		margin: 10px 5px;
	}
	.deal_area li {
		width: 50%;
		margin: 5px;
	}

	/* .deal_area li>a {
		margin: 10px;
	} */
		
	.deal_btn {
		margin: 0 !important;
	}

	.cart_icon::before {
		left: 10px;
	}

	.no1 {
		text-align: center;
		font-size: 2.5rem;
	}


	/* オーラルBが選ばれる理由 */
	.reason_btn {
		margin-bottom: 60px;
	}

	/* 電動歯ブラシの選び方 */
	.choose_item {
		width: 90%;
		margin: 20px auto;
	}
	.choose_item p {
		padding: 10px !important;
	}
	.choose_item .round_btn {
		width: 50%;
		margin: 10px auto 20px;
		padding: 10px;
	}
	.choose_item_name {
		font-size: 2.3rem;
	}
	.choose_item_price {
		font-size: 1.8rem;
	}

	/* 全額返金保証 */
	.refund_apply li img {
		width: 25% !important;
		margin-right: 20px;
	}
	/* よくあるご質問 */
	.faq_anc li {
		width: 49%;
		min-height: 120px;
	}
	/* お問い合わせ */
	.inquiry_form #submit {
		width: 90%;
	}

	/* 特商法 */
	.toku-form__row {
        width: 90%;
    }

	.toku-legal__row td, .toku-legal__row th {
		margin-top: -0.35714em;
		margin-bottom: -0.35714em;
		min-width: 60px;
		padding: 5px;
		border-top: 1px solid #c3c3c3;
	}
}