@charset "UTF-8";

/* ----------------------------
 member Common
---------------------------- */

.memberWrap {
	width:780px;
	margin:0 auto;
	padding:33px 40px;
}

.memberBlock {padding:20px 0;}

.memberPage > section > h1{
	font-size:22px;
	line-height:1.82;
	padding:18px 0;
}

.memberBlock > h2{
	font-size:18px;
	line-height:1.33;
	margin-bottom:13px;
}

.memberBox > li > .inner > h3{font-size:14px;}

.memberWrap p{
	font-size:13px;
	line-height:1.71;
}
.memberWrap p.noteTxt{font-size:10px;}

.memberBox.twocolumn > li{
	width:343px;
	margin-right:10px;
	margin-top:10px;
}

.memberBox.twocolumn > li:nth-child(1),
.memberBox.twocolumn > li:nth-child(2){margin-top:0;}
.memberBox.twocolumn > li:nth-child(even){margin-right:0;}

.memberBox > li > .inner{
	font-size:12px;
	padding-bottom:17px;
}

.memberBox > li > .inner > dl.colon > dt,
.memberBox > li > .inner > dl.colon > dd{font-size:12px;}



/* individual */
.memberBox .personName dt{font-size:14px;}

/* ★update section3 *button* →common.css ★　////////////////////////////////// */

/* diagnosis + image */

.diagnosisImgWrap{width:162px;}
.diagnosisImgWrap figcaption{
	font-size:14px;

}

/* ----------------------------
 member Confirm
---------------------------- */

#memConfirmContent #memberInfoAdd{margin-top:10px;}
#memConfirmContent .personAdress,
#memConfirmContent .deliveryAdd{margin-bottom:17px}
#memConfirmWrap .fullSizeBtn{
	margin:40px 0 30px;
}

#memConfirm {padding-bottom:0 !important;}
#memConfirm .fullSizeBtn{padding:40px 0 30px;}

/* ----------------------------
 melmaga Add
---------------------------- */

#melmagaAddContent {padding:33px 40px 20px;}
#melmagaAddContent p.headTxt{margin:10px 0 20px;}
#melmagaAddList .inner > .leftBox{
	width:80%;
	padding-top:20px;}

#melmagaAddList .inner > .leftBox h2{font-size:14px;}

#melmagaAddList .inner > .rightBox{
	padding:13px 0 3px;
	width:20%;
}

#melmagaAddList > ul > li{padding-bottom:20px;}
#melmagaAddWrap .btnWrap{
	padding-top:40px;
}

#melmagaAddWrap .btnWrap a{
	width:310px;
}

#melmagaAdd {
	min-height:75vh;
	min-height:calc(100vh - 200px);
}

/* ----------------------------
 payment Add
---------------------------- */
#paymentAddContent p.headTxt{margin-bottom:40px;}
#paymentAddList {padding-top:40px;}

#paymentAddList .selectDayLimit{margin-right:10px;}
#paymentAddList .selectDayLimit select{
	width:109px !important;
}

#paymentAddList .inputCode input{width:160px;}
#paymentAddCode .noteTxt{
	margin-top:5px;
	letter-spacing:0;
}

#paymentAddContent .btnWrap{
	margin-top:45px;
	padding-top:40px;
	padding-bottom:20px;
}

#paymentAddContent .btnWrap button{
	width:320px;
}

/* ----------------------------
adress Add
---------------------------- */
#adressAddContent p.headTxt{margin-bottom:40px;}
#adressAddList {padding-top:40px;}
#adressAddList dd{padding-bottom:20px !important;}

#adressAddContent .btnWrapCombi li{width:260px;}
#adressAddContent .btnWrapCombi{
	margin-top:20px;
	padding-top:40px;
	padding-bottom:20px;
}

/* ----------------------------
member Add
---------------------------- */
#memberAddContent p.headTxt{margin-bottom:40px;}
#memberAddList {padding-top:40px;}
#memberAddList dd{padding-bottom:20px !important;}

#memberAdd-nickName label.singleLabel{margin-bottom:0;}
#memberAddContent .teamSelect {margin-bottom:10px;}
#memberAddContent .btnWrapCombi li{width:260px;}
#memberAddContent .btnWrapCombi{
	margin-top:20px;
	padding-top:40px;
	padding-bottom:20px;
}

/* ----------------------------
order history
---------------------------- */

#orderHistoryContent {
	width:780px;
	margin:0 auto;
	padding:10px 0 0;
	border-radius:3px;
}

/* head select */
#orderHistoryContent  .orderHistoryHead {padding:0 10px 5px;}
#orderHistoryContent .orderHistorySelect{width:162px;}

/* order date */
#orderHistoryContent .orderDateOne dl.orderDate{padding:9px 20px 10px;}
#orderHistoryContent .orderDateOne dl.orderDate > dt{font-size:12px;}
#orderHistoryContent .orderDateOne dl.orderDate > dd{font-size:13px;}



/* one item wrap */

#orderHistoryContent .orderItemOne{
	border:1px solid #ededed;
	border-radius:3px;
	padding:0 18px 0 21px;
	margin-bottom:10px;
}

#orderHistoryContent .orderItemOne:last-child{margin-bottom:0;}

#orderHistoryContent .orderDateOne .inner{
	padding:20px 18px 20px 20px;
}

#orderHistoryContent .orderDateOne .primary,
#orderHistoryContent .orderDateOne .secondary{
	display:inline-block;
	vertical-align:top;
}

#orderHistoryContent .orderDateOne .primary{
	width:467px;
	padding:18px 0;
}
#orderHistoryContent .orderDateOne .secondary{
	padding-top:54px;
	width:232px;}

/* one item primary */

#orderHistoryContent .orderItemOne h2.status{font-size:16px;}
#orderHistoryContent .orderItemOne dl.orderNo{
	margin-top:10px;
	margin-left:110px;
}

#orderHistoryContent .orderItemOne dl.orderNo > dt{font-size:12px;}
#orderHistoryContent .orderItemOne dl.orderNo > dd{font-size:13px;}

#orderHistoryContent .orderItemOne .itemListOne {
	margin-top: -16px;
}
#orderHistoryContent .orderItemOne .itemListOne figure{
	width:100px;
	/* NG */
	/* margin-top:-10px; */
}


#orderHistoryContent .orderItemOne .itemListOne .itemDataBox{
	width:355px;
	margin-left:5px;
	padding-top:10px;
}

#orderHistoryContent .orderItemOne .itemListOne .itemDataBox .itemBrand{margin-bottom:5px;}


/* one item secondary */
#orderHistoryContent .orderItemOne .secondary .newseries{
	width:220px;
	margin-left:14px;
	margin-bottom:14px;
}

#orderHistoryContent .orderItemOne .secondary .returns{font-size:10px;}

/* gift */
.giftMk {
	width:32px;
	height:36px;
	top:0;
	right:0;
}

.giftMk img{margin-bottom:3px;}
.giftTr{margin-top:4px;}

/* ----------------------------
 diagnosis
---------------------------- */

.diagnosisWrap h2,.diagnosisWrap h3{
	font-size:18px;
	line-height:1.33;
}

.diagnosisWrap h4{
	font-size:16px;
	line-height:1.33;
}

/* wrap */
#diagnosisHead {margin-top:44px;}

#diagnosisHead > div,
#diagnosisPosition,
#diagnosisBtm > .secondary,
#diagnosisBtm > .secondary > article,
#diagnosisPosition #groundMap{
	width:335px;
}

#diagnosisHead > div,
#diagnosisPosition,
#diagnosisBtm > .secondary > article{
	padding:13px 0 28px;
}

#dominantFoot{margin-right:28px;}
#diagnosisPosition{margin-right:23px;}

#diagnosisPosition,#diagnosisBtm > .secondary{
	display:inline-block;
	vertical-align:top;
}

#diagnosisHead .diagnosisImgWrap{
	margin:18px auto 13px;
}

#diagnosisPosition #groundMap,
#importancePoint .diagnosisImgWrap{margin:20px auto 0;}

/* foot size */
#dominantFoot .footSize > div.rightBox{padding-left:20px;}
#dominantFoot .footSize > div{width:167px;}
#dominantFoot .footSize > div > dl > dt{width:42px;}


/* importance select */
#importanceSelect ul{margin-top:15px;}
#spikeDiagnosisContent .dotsWrap{padding-bottom:22px;}
#importanceSelect li:nth-child(even){margin-right:0;}

/* ★update section 3 ★　////////////////////////////////// */

/* ------------------------ */

.diagnosisWrapTb .diagnosisTb{margin-top:40px;}
.diagnosisWrapTb h2{font-size:20px;}
.diagnosisWrapTb h3{font-size:16px;}
.diagnosisTb,.diagnosisTb th,.diagnosisTb td{border-collapse:collapse;}
.diagnosisTb th,.diagnosisTb td{
	padding:20px 0;
	border-bottom:1px solid #ededed;
}
.diagnosisWrapTb .iconOnly{padding:20px 0 15px;}
.diagnosisTb th{width:176px;}
.diagnosisTb td{
	width:522px;
	text-align:right;
}

/* foot  size */
#footSizeBox .footSize{justify-content: flex-end;}
.footSize .foot {padding-top:15px;}
.footSize .foot > dl > dt{
	width:56px;
	padding-left:13px;
}
.footSize .foot > dl > dd{width:100px;}
.footSize .foot > dl > dt,
.footSize .foot > dl > dd{font-size:12px;}

/* footprintBox */
#footprintBox {text-align:right;}

/* iconbox */

.diagnosisIcon {
	width:168px;
	height:62px;
}

.diagnosisIcon > div{width:54px;}
.diagnosisIcon > figcaption{width:114px;}
.diagnosisWrapTb .iconOnly div.imgBox{width:168px;}

.diagnosisWrapTb .iconList li{
	margin-bottom:10px;
	margin-right:9px;}

.diagnosisWrapTb .iconList li:nth-child(3n){margin-right:0;}

/* spike box */

.diagnosisWrapTb .spikeListBox dl{margin-bottom:17px;}
.diagnosisWrapTb .spikeListBox .brandName{font-size:16px;padding-bottom:8px;}
.diagnosisWrapTb .spikeListBox .spikeName li{font-size:14px;}

/* button */
.diagnosisWrapTb .ftBtn{border-top:1px solid #ededed;}
.diagnosisWrapTb .ftBtn{padding:40px 0 7px;}

/* position */
.diagnosisWrapTb .mapBox{text-align:right;}
.diagnosisWrapTb .groundMapWrap{display:inline-block;}
.diagnosisWrapTb #positionBox #groundMap{width:280px;}
.diagnosisWrapTb #positionBox #groundMap,
.diagnosisWrapTb #positionBox #groundMap .groundMapUp{height:280px;}


.diagnosisWrapTb .groundMapBtm{height:260px;}
.diagnosisWrapTb .groundMapBtm .inner{height:251px;}
.diagnosisWrapTb .groundMapBtm .inner3{width:118px;height:52px;}
.diagnosisWrapTb .groundMapBtm .inner4{
	width:72px;
	height:23px;
	margin:28px auto 0;
}

.diagnosisWrapTb .groundMapBtmFt {
	width:32px;
	height:14px;
}

.groundMapBtm .circle1{top:-27px;}
.diagnosisWrapTb .groundMapBtm .circle1 span{
	width:52px;
	height:52px;
}

.diagnosisWrapTb .groundMapBtm .circle2,.diagnosisWrapTb .groundMapBtm .circle3{
	width:10px;
	height:10px;
}

.diagnosisWrapTb .groundMapUp{padding:15px 14px 0;}
.diagnosisWrapTb .groundMapUp .leftBox,
.diagnosisWrapTb .groundMapUp .rightBox{
	width:70px;
	height:237px;
}

.diagnosisWrapTb .groundMapUp .centerBox{
	width:calc(100% - 150px);
	height:237px;
}

.diagnosisWrapTb .groundMapUp .side-position{
	width:70px;
	height:76px;
}

.diagnosisWrapTb #posi-c-stcf {height:53px;}
.diagnosisWrapTb #posi-c-omf {height:110px;}
.diagnosisWrapTb #posi-c-cs {height:38px;}
.diagnosisWrapTb #posi-c-gk {height:40px;padding-top:12px;}
.diagnosisWrapTb .groundMapUp .posi-mk{
	width:24px;
	height:24px;
	border-radius:12px;
	line-height:24px;
	font-size:9px;
}


/* ----------------------------
 contact faq
---------------------------- */

#contact-faqFmList {padding:7px 0 30px;}
#contactMain dd{padding-bottom:20px !important;}

/* q and a */
#contact-faq-qalist{padding:20px;}
#contact-faq-qalist h2{padding-bottom:18px;}
#contact-faq-qalist h2 .inner{font-size:14px;}
#contact-faq-qalist dt{padding:17px 0;}
#contact-faq-qalist dt > span,
#contact-faq-qalist dt > h3{font-size:14px;}

#contact-faq-qalist dt > span{width:25px;}
#contact-faq-qalist dt > div{
	width:25px;
	font-size:16px;
}
#contact-faq-qalist dt > h3{width:606px;}
#contact-faq-qalist dd{
	font-size:14px;
	padding-left:25px;
	padding-bottom:20px;
}

/* btn */
#contact-faqForm .btnWrap{
	margin-top:20px;
	padding-top:20px;
}
#contact-faqForm .btnWrap p{
	font-size:14px;
	margin-bottom:20px;
}

#contact-faqForm .btnWrap .inner{
	width:320px;
	margin:0 auto;
}


/* ----------------------------
 contact
---------------------------- */
#contactFm > h2{
	font-size:18px;
	padding-bottom:30px;
}

#contactFmList{padding-top:40px;}

#contactFmList > dl > dd {padding-bottom:20px !important;}
#contactFmList  dl.contactTxtarea > dd > textarea{height:220px;}



#contactFmList  dl.contactCheck > dd > .imageCheckBox > li label,
#contactFmList  dl.contactRadio > dd > .cirRadioBox > li label{font-size:14px;}

#contactFmList  dl.contactCheck > dd > .imageCheckBox li label:after,
#contactFmList  dl.contactRadio > dd > .cirRadioBox li label:after {top: 22px;}

#contactFmList dl.contactCheck > dt,#contactFmList dl.contactCheck > dd,
#contactFmList dl.contactRadio > dt,#contactFmList dl.contactRadio > dd{padding-top:12px;}

#contactFm .btnWrap{padding:40px 0 10px;}
#contactFm .btnWrap .inner{
	width:320px;
	margin:0 auto;
}

/* ▲update section 3 ▲　////////////////////////////////// */