@charset "utf-8";
/* CSS Document */
.category_wrapper{
	max-width: 980px;
	width: 90%;
	margin: 0 auto;
	color: #666666;
}

.text_pink{color: #f77fa9;}

.under_line{text-decoration: underline;}

p.category_read{
	margin-bottom: 30px;
}


/*==============================
		タイトル　style
==============================*/
h3{
	background: none;
	margin-bottom: 20px;
	padding: 0;
}

#cont1 h3{
	font-size: 5vw;
}

.category_wrapper h2[class*="handicraft-faq-title"] {
	background-image: url(https://shopping.okadaya.co.jp/img/usr/freepage/underwear/faq/sp/underwear-faq-title_line.png);
	background-position: right center;
	background-repeat: repeat-x;
	background-size: auto 8px;
    width: 94.8%;
    margin: 80px auto 10px;
    padding: 12px 0 12px;
	border: 0;
	background-color: #fff;	
}

/*@media screen and (max-width: 390px) {
.category_wrapper h2[class*="handicraft-faq-title"] {
	background-position: bottom;
}
}*/

.category_wrapper #cont1 h2[class*="handicraft-faq-title"]{
	margin: 0 auto 10px;
}

.category_wrapper h2[class*="handicraft-faq-title"] span {
	font-size: 18px;
	line-height: 1.5;
	display: inline-block;
    height: 35px;
	padding: 0 15px 0 45px;
	background-color: #ffffff;
	background-position: left center;
	background-repeat: no-repeat;
}

.category_wrapper h2.handicraft-faq-title-01 span {
	background-image: url(/img/usr/inte_sizepage_1901/tit_bg_01.png);
	background-size: 38px 25px;
}
.category_wrapper h2.handicraft-faq-title-02 span {
	background-image: url(/img/usr/inte_sizepage_1901/tit_bg_02.png);
	background-size: 38px 24px;
}
.category_wrapper h2.handicraft-faq-title-03 span {
	background-image: url(/img/usr/inte_sizepage_1901/tit_bg_03.png);
	background-size: 38px 24px;
}
.category_wrapper h2.handicraft-faq-title-04 span {
	background-image: url(/img/usr/inte_sizepage_1901/tit_bg_04.png);
	background-size: 38px 38px;
}

.category_wrapper h2.handicraft-faq-title-05 span {
	background-image: url(/img/usr/inte_sizepage_1901/tit_bg_05.png);
	background-size: 38px 38px;
}
.category_wrapper h2.handicraft-faq-title-06 span {
	background-image: url(/img/usr/inte_sizepage_1901/tit_bg_06.png);
	background-size: 38px 38px;
}

/*==============================
		sizepage　style
==============================*/
/* ------ undersize ------ */
.undersize {padding-bottom: 30px;}
/* undersize cell */
.undersize ul,.undersize ul li {
	display: flex;
	text-align: center;
}
.undersize ul {
	width: 100%;
	margin: 0;
	flex-direction: column;
}
.undersize ul li {
	border: 1px solid #e2e2e2;
	flex-direction: flex;
}
.undersize ul li:nth-child(2),
.undersize ul li:nth-child(3),
.undersize ul li:nth-child(4),
.undersize ul li:nth-child(5){
	border-top: none;
}
.undersize ul li p {
	padding: 5% 0;
	flex-basis: 50%;
}
/* pink cell */
.undersize ul li:first-child {
	color: #FFF;
	background: #F69BBA !important;
}
.undersize ul li:first-child p:first-child{background: #F69BBA !important;}
/* gray cell */
.undersize ul li p:first-child{
	background: #f4f4f5;
	border-right: 1px solid #e2e2e2;
}
/* ------ naming ------ */
.naming {flex-direction: column;}
.naming table {margin: 0 !important;}
.naming table td:nth-child(1){width: 26%;}
.naming table td:nth-child(2){width: 38%;}
.naming table td:nth-child(3){width: 26%;}
.naming:last-of-type table:nth-child(2) td:nth-child(1) { width:28%; }
@media all and (-ms-high-contrast: none){
.naming table:nth-child(2) td:nth-child(1) {width:26%;}
}
.naming:last-of-type table:nth-child(2) td:nth-child(2) {width:41.4%;}
.naming table:nth-child(2) tr:nth-child(2) td {border-top: none;}

/* ------ other ------ */
/* table size */
.sizepage table {
	width: 100%;
	margin: 0 0 20px;
	text-align: center;
}
.sizepage table td {
	vertical-align: middle;
	border: 1px solid #e2e2e2;
	padding: 5% 0;
}
/* pink cell */
.sizepage .undersize table td:first-child,
.sizepage table tr.title td {
	color: #FFF;
	background: #F69BBA !important;
}
/* gray cell */
.sizepage .undersize table tr:first-child,
.sizepage .naming table td:first-child,
.girdle table td:first-child,
.shorts table td:first-child,
.camisole table td:first-child,
.petticoat table td:first-child,
.legwear table td:first-child{
	background: #f4f4f5;
}

/* table size2 */
.sizepage2 table {
	width: 100%;
	margin: 0 0 20px;
	text-align: center;
}
.sizepage2 table td {
	vertical-align: middle;
	border: 1px solid #e2e2e2;
	padding: 5% 0;
	width: 50%;
}
/* pink cell */
.sizepage2 .undersize table td:first-child,
.sizepage2 table tr.title td {
	color: #FFF;
	background: #F69BBA !important;
}
/* gray cell */
.sizepage2 .undersize table tr:first-child,
.sizepage2 .naming table td:first-child,
.girdle table td:first-child,
.shorts table td:first-child,
.camisole table td:first-child,
.petticoat table td:first-child,
.legwear table td:first-child{
	background: #f4f4f5;
}

.none_cell {display: none !important;}

/* ================= 20220801 ================== */
body{
    position: static;
	top: 0px;	
    overflow: hidden;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
}

.category_size_menu{
	display: flex;
	flex-wrap: wrap;
    margin: 0 10px 20px 10px;
	position: relative;
}

.category_size_menu > div{
	line-height: normal;
	margin-bottom: 5px;
	margin-right: 7px;
}

.category_size_menu > div a{
	display: block;
	position: relative;
	background: #F4F4F5;
	font-size: 11px;
	color :#707070;
	border-radius: 20px;
	padding: 11px 20px 9px 12px;
	line-height: normal;
	text-decoration: none;
}

.category_size_menu > div a:after{
	position: absolute;
	top: 50%;
	right: 8px;
	content: "";
	margin-top: -2px;
	width: 8.5px;
	height: 4.7px;
	background: url(../../img/usr/inte_sizepage_1901/arrow_sp.png) no-repeat;
	background-size: 8.5px 4.7px;
}

/* もっと見るボタンの追従 */
body .sizepage .size_cate_btn.c5001{
	display: none;
    position: fixed;
	bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);	
}

body .sizepage .size_cate_btn.c5001.size_cate_btn_on{display: block!important;}

body .sizepage .size_cate_btn.c5001.size_cate_btn_on img{padding-bottom: 0;}
.following-inner{height: 113px;}

/* チュートリアル */
.overlay{display: none;}

.tutorial-on .overlay{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

/* チュートリアルA */
.category_size_menu .tooltip,
.category_wrapper .tooltip{display: none;}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on{z-index: 1000;}
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on{
	z-index: 1000;
	position: relative;
}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on:after{
    position: relative;
    content: "";
	top: -10px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 35px solid #fff;	
}


.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on a,
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on a{pointer-events: none;}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on .tooltip{
	display: block;
	position: absolute;
    top: 65px;
    width: 100%;
    background: #fff;
    padding: 20px 20px 20px 20px;
    text-align: center;
	
	/* 調整 */
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

/* チュートリアルB */
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on .tooltip{
    display: block;
    position: absolute;
    top: 88px;
    left: -5%;
    width: 100%;
    background: #fff;
    padding: 30px 20px 20px 20px;
    text-align: center;
}

.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on:after{
    position: absolute;
    content: "";
    bottom: -35px;
    left: 50%;
	margin-left: -25px;
    width: 0;
    height: 0;
	border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 30px solid #fff;
}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on .tooltip p,
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on .tooltip p{
	margin-bottom: 22px;
	color: #707070;
	line-height: 1.6;
}

.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on a{
	position: relative;	
}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on .tooltip .tooltip-close,
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on .tooltip .tooltip-close{
	cursor: pointer;
    font-size: 15px;
    border: solid 1px #ccc;
    padding: 6px 5px 4px 30px;
    margin: 0 auto;
    width: 100px;
    box-sizing: border-box;
	color: #707070;
	background: url(../../img/usr/inte_sizepage_1901/close.png) no-repeat 18px center;
	background-size: 14px 20px;	
}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on .tooltip .tooltip-close:hover,
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on .tooltip .tooltip-close:hover{
    transition: 0.15s ease 0s;
	opacity: .7;
}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on .tooltip .tooltip-close span,
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on .tooltip .tooltip-close span{
	display: inline-block;
	margin-right: 10px;
}

.pc-only{display: none;}
.sp-only{display: block;}


body .block-page-top{bottom: 100px;}
.category_wrapper #cont1_1 + h2.handicraft-faq-title-01 {margin: 30px auto 10px;}