@charset "utf-8";
/* CSS Document */
.category_wrapper{
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	color: #666666;
	padding-left: 30px;
	box-sizing: border-box;		
}

.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: 20px;
	margin-top: 80px;
}

.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;
	margin: 80px 0 30px;
	padding: 0;
	border: 0;
	background-color: #fff;
}
.category_wrapper h2[class*="handicraft-faq-title"] span {
	font-size: 26px;
	line-height: 1.076;
	/*display: inline-block;*/
	padding: 0 24px 0 50px;
	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 ul,.undersize ul li {
	display: flex;
	text-align: center;
}
.undersize ul {
	width: 100%;
	margin: 10px 0;
	flex-direction: row;
}
.undersize ul li {
	border: 1px solid #e2e2e2;
	flex-direction: column;
	flex-basis: 100%;
}
.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-left: none;
}
.undersize ul li p {
	padding: 10px 0;
}
/* pink cell */
.undersize ul li:first-child {
	flex-basis: 60%;
	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-bottom: 1px solid #e2e2e2;
}
/* ------ naming ------ */
.naming {
	display: flex;
}
.naming table{
	width: 50%;
}
.naming table:nth-child(2) td:first-child {border-left: none;}

/* ------ other ------ */
/* table size */
.sizepage table {
	margin: 10px 0;
	text-align: center;
}
.sizepage table td { 
	vertical-align: middle;
	border: 1px solid #e2e2e2;
	padding: 10px;
}
.girdle table,
.shorts table,
.camisole table,
.petticoat table,
.legwear table {
	width: 60% !important;
}
/* 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;
}


@media all and (-ms-high-contrast: none){

}

/* ================= 20220801 ================== */
body{overflow: hidden;}

.category_wrapper h2[class*="handicraft-faq-title"]{
	margin: -17px 0 30px;
	padding-top: 117px;
}

.category_size_menu{
	display: flex;
	flex-wrap: wrap;
}

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

.category_size_menu > div a{
	display: block;
	position: relative;
	background: #F4F4F5;
	font-size: 20px;
	color :#707070;
	border-radius: 13px;
	padding: 15px 80px 15px 20px;
	line-height: normal;
}

.category_size_menu > div a:after{
	position: absolute;
	top: 50%;
	right: 20px;
	content: "";
	margin-top: -6px;
	width: 13.5px;
	height: 12px;
	background: url(../../img/usr/inte_sizepage_1901/arrow.png) no-repeat;
	background-size: 13.5px 12px;
}

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

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,
.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on{
	position: relative;
	z-index: 1000;
}

.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: 102px;
    left: -46px;
    width: 620px;
    background: #fff;
    padding: 30px 20px 20px 20px;
    text-align: center;
}

.tutorial-on .category_size_menu .tutorial-a.tutorial-a-on .tooltip:before{
    position: relative;
    content: "";
    top: -85px;
    left: -104px;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 40px solid #fff;	
}

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

.tutorial-on .category_wrapper .tutorial-b.tutorial-b-on .tooltip:before{
    position: relative;
    content: "";
    top: -71px;
    left: -183px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 25px 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;
}

.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: block;}
.sp-only{display: none;}

.category_size_all_wrap #tutorial-h{
    margin-top: -50px;
    padding-top: 50px;
}