@charset "UTF-8";


/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
.breadcrumb,
.flowchart *,
.afterSns *,
.adBox *,
#show_loading *,
.someDomain *,
#checklist02 .linkBox *,
.changeComBox *,
.transferPage *,
.flowStep,
.flowStep *,
.domainEntryPage *,
#fixedBox,
#fixedBox *,
.openConts *,
.twcomp *,
.twcomp_hd,
.twcomp_hd *,
.smsBox *,
.buy_area *{ box-sizing: border-box;}

.spNone{ display: none;}
.txt_success { color: #04c376; }
.table_delete { background: #f5f5f5; }
.innerScr{ padding-top: 100px; margin-top: -100px;}

/* required */
.required,
.any{ display: inline-block; margin:0 6px 0 0; padding:1px 4px 0; font-size: 10px; color: #fff; vertical-align: top; border-radius: 3px;}
.required{ background: #eb2d2d;}
.any{ background: #aaa;}

/* check */
.check01{ display: inline-block; background: #23b997; margin:0 0 0 6px; padding:1px 4px 0; font-size: 10px; color: #fff; vertical-align: top; border-radius: 3px;}

/* stepTxt */
.stepTxt{ padding:10px 10px 8px; font-size: 15px; font-weight: bold; text-align: center;}
.stepTxt.ok{ background: #c6f6d1; color: #07621b;}
.stepTxt.ng{ background: #ffd9d9; color: #e90000;}
.stepTxt.ng a{ color: #e90000;}

.stepTxt.note{ background: #f2f39f; color: #464401;}
.stepTxt.normal{ background: #e4f5ff; color: #00457f; font-weight: bold!important;}


/* buy_area form */
/* input */
.buy_area input[type="text"],
.buy_area input[type="password"]{ width: 100%; height: 40px; padding: 0 20px; border: #e5e5e5 1px solid; border-radius: 2px;}

/* select_box */
.buy_area .select_box{ width: 120px; margin-top: -10px; overflow: hidden; position: relative; border: #e5e5e5 1px solid; border-radius: 2px;}
.buy_area .select_box::before{ content: ""; display: block; background: white; width: 12px; height: 100%; position: absolute; top: 0; right: 0;}
.buy_area .select_box::after{ content: ""; display: block; width: 4px; height: 4px; margin-top: -3px; position: absolute; top: 50%; right: 12px; border-bottom: #666 1px solid; border-right: #666 1px solid; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.buy_area .select_box select{ background: none; width: 120%; max-width: none; height: 40px; padding:0 18px; position: relative; border: none; font-weight: bold; z-index: 2;}

/* check_box */
.buy_area .check_box input{ display: none;}
.buy_area .check_box label{ padding-left: 30px; position: relative; }
.buy_area .check_box label::before,
.buy_area .check_box label::after{ content: ""; display: block; position: absolute;}
.buy_area .check_box label::before{ width: 20px; height: 20px; left: 0; top: -4px; border: #e5e5e5 1px solid; border-radius: 4px;}
.buy_area .check_box label::after{ display: none; width: 8px; height: 4px; left: 6px; top: 2px; border-bottom: white 2px solid; border-left: white 2px solid; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.buy_area .check_box input[type="checkbox"]:checked+label::before{ background: #005bac; border: #005bac 1px solid;}
.buy_area .check_box input[type="checkbox"]:checked+label::after{ display: block; }

/* in_more */
.in_more_area{ display: inline-block; margin-left: 2px; position: relative;}
.in_more_area a{ display: inline-block;  background: url("/assets/img/analyzer/key_info.svg")no-repeat,right top /contain; width: 11px; line-height: 1; text-decoration: none;}
.in_more{ display: none; background: white; min-width: 220px; padding: 10px; margin-left: 5px; position: absolute; right: 50%; bottom: 36px; color:#666; font-size: 10px; text-align: left; border-radius: 4px; box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .1); z-index: 2; translate(50%,0); transform: translate(50%,0); }
.in_more::before{ content: ""; display: block; position: absolute; border-top: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; right: 50%; -webkit-transform: translate(50%,0); transform: translate(50%,0);}

/* inner_list */
.buy_area .inner_list > li{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.buy_area .inner_list > li:not(:first-child){ margin-top: 34px;}
.buy_area .inner_list .tit{ width: 34%; padding-right: 10px; color: #666;}
.buy_area .inner_list .detail{ width: 66%;}

.buy_area .inner_list .attTxt{ display: block;margin-top: 6px; font-size: 12px; color: #666;}
.buy_area .inner_list input[type="text"]{ margin-top: -10px; }

/* aichat */
#docsbotai-root{ position: relative; z-index: 99999999;}

/* topcontrol */
#topcontrol{ display: none;}


/* main
**********************************************************************/
body{ padding-top: 84px; }
#main{ padding:36px 10px 0; margin:0 0 40px;}

/* body minihd */
body.minihd{ background: #ebf1f3; padding-bottom: 60px;}
body.minihd #main{ margin: 0 auto;}
body.minihd .cpCamp{ display: none;}
body.minihd .boxCategory{ border: none; }


/* boxCategory
**********************************************************************/
.boxCategory{ background:#fff; padding:30px 10px 40px; border-radius:5px; border:solid 1px #D0D0D0;}


/* breadcrumb
**********************************************************************/
.breadcrumb{ padding: 6px 0; border-bottom: #D2D2D2 1px solid; }
.breadcrumb ul{ padding: 0 10px; overflow: hidden; }
.breadcrumb ul li{ padding: 0 0 0 20px; float: left; position: relative; }
.breadcrumb ul li:first-child{ padding: 0;}

.breadcrumb ul li::before{ content: ">"; display: block; position: absolute; top: -3px; left: 5px; font-size: 14px; color: #858585; }
.breadcrumb ul li:first-child::before{ display: none;}
.breadcrumb ul li,
.breadcrumb ul li a{ display: block; font-size: 11px; color: #858585; line-height: 1.5; }
.breadcrumb ul li .home{ background: url("/parts/img/bread_home.png") no-repeat left top; width: 20px; overflow: hidden; text-indent: 100%; white-space: nowrap; }

body.adminx .breadcrumb,
body.adminx .breadcrumb ul{ margin:0 auto; border-radius: 0;}


/* tit
**********************************************************************/
/*pageTit*/
.pageTit{ display: table; margin: 0 auto 40px; padding: 0 10px; position: relative; font-size: 22px; font-weight: bold; color: #222; line-height: 1.3; letter-spacing: 1px; }
.pageTit::before{ content: ""; display: block; background: #1ea880; width: 36px; height: 5px; position: absolute; top: -36px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}

.pageTit02{ padding: 46px 10px 41px;}
.pageTit02 h2{ max-width: 960px; margin: 0 auto; font-size: 22px; font-weight: bold; color: #fff; text-align: center; letter-spacing: 2px; }
.pageTit02 h2 span{ display: block; margin: 0 0 8px; font-size: 14px; font-weight: normal; line-height: 1; letter-spacing: 1px; }

/*leftTit*/
.leftTit{ padding: 0 0 0 14px; margin: 0 0 20px; font-size:20px; font-weight: bold; line-height:1.5; border-left: #005bac 4px solid; }
.leftTit span{ display: inline-block; margin:7px 0 0 6px; font-weight: normal; vertical-align: top;}
.leftTit span a{ color: #000;}
.leftTit .subLink{ margin:6px 0 0; font-size: 13px; font-weight: normal; letter-spacing: 0; }

/*borderTit*/
.borderTit{ padding:0 0 10px; position: relative; font-size:16px; font-weight: bold; }
.borderTit::before,
.borderTit::after{ content: ""; display: block; height: 3px; position: absolute; bottom: 0; left: 0;}
.borderTit::before{ background: #eee; width: 100%; }
.borderTit::after{ background: #1ea880; width: 80px; }

/*tit*/
.tit01{ margin:40px 0 16px; font-size: 16px; font-weight: bold;}


/* btn
**********************************************************************/
/*blank icon*/
.blank,
.blank02,
.blank03,
.blank04{ position: relative;}
.blank::before,
.blank02::before,
.blank03::after,
.blank04::before{ content: ""; display: block; width: 10px; height: 9px; position: absolute; top: 20px; right: 18px; }

.blank::before{ background: url("/parts/img/blank/icon_blank02.png") no-repeat; background-size: cover;}
.blank02::before{ background: url("/parts/img/blank/icon_blank01.png") no-repeat; background-size: cover;}
.blank03::after{ background: url("/parts/img/blank/icon_blank03.png") no-repeat; background-size: cover;}
.blank04::before{ background: url("/parts/img/blank/icon_blank06.svg") no-repeat; background-size: cover;}

/*new 必須etc...*/
.catch,
.catch03{ display: inline-block; margin:3px 0 0 5px; padding: 4px 6px; color: white; font-size: 10px; line-height:1; border-radius:3px; vertical-align: top; }
.catch{ background: #eb2d2d; }
.catch03{ background: #1ea880; }

/*arrowBtn*/
.arrowBtn{ display: inline-block; padding:0 0 0 18px; position: relative; color: #333; text-decoration: underline;}
.arrowBtn::before{ content: ""; display: block; width: 0; height: 0; border: 4px solid transparent; border-left: 5px solid #aaa; position: absolute; top: 8px; left: 6px; }

/*txtLink*/
.txtLink{ display: table; padding: 0 0 0 12px; position: relative; color: #333; font-size: 13px; text-decoration: underline!important; }
.txtLink::before{ content: ""; display: block; width: 5px; height: 7px; background: url(/parts/img/arrow_gray03.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 7px; }

/*txtdeco*/
.txtdeco{ color: #333; text-decoration: underline!important;}


/* txt
**********************************************************************/
/*dot*/
.dotList{ text-align: left;}
.dotList > li{ padding: 0 0 0 1.2em; position: relative; }

.dotList.dotFloat{ overflow: hidden;}
.dotList.dotFloat li{ margin-right: 10px; float: left;}

.dotList > li::before{ content: "・"; display: block; position: absolute; top: 0; left: 0; }
.dotList li a{ color: #333; text-decoration: underline;}

/*attention*/
.attList li,
.attTxt{ padding: 0 0 0 1.2em; position: relative; }
.attTxt a{ text-decoration: underline;}

.attList li::before,
.attTxt::before{ content: "※"; display: block; position: absolute; top: 0; left: 0; }

.attList .one,
.attList .two,
.attList .three{ padding: 0 0 0 1.6rem;}
.attList .one::before{ content: "※1";}
.attList .two::before{ content: "※2";}
.attList .three::before{ content: "※3";}

.dotList .attTxt::before{ content: "※"; }
.dotList .square::before{ content: "■"; }

/*numberList*/
.numberList li{ padding:0 0 0 1.3em; position: relative;}
.numberList li::before{ display: block; position: absolute; top: 0; left: 0;}

.numberList li:nth-child(1)::before{ content: "1.";}
.numberList li:nth-child(2)::before{ content: "2.";}
.numberList li:nth-child(3)::before{ content: "3.";}
.numberList li:nth-child(4)::before{ content: "4.";}
.numberList li:nth-child(5)::before{ content: "5.";}

/* campaignTxt */
.campaignTxt,
.redBorder{ padding: 10px; margin: 0 0 24px; border: #eb2d2d 2px solid; text-align: center; }
.redBorder{ padding: 20px; text-align: left; }

.campaignTxt p{ margin:0!important; color: #eb2d2d; font-size: 14px; font-weight: bold; }
.campaignTxt p a{ margin: 0 0 0 5px; }
.campaignTxt p a:hover{ color: #333; text-decoration: none; }

/*checkList*/
.checkList li{ padding:18px 10px 12px 64px; position: relative;}
.checkList li:nth-child(odd){ background: #fafafa;}
.checkList li::before{ content: ""; display: block; background:  url("/parts/img/checkList/icon01.png") no-repeat; background-size: contain; width: 20px; height: 16px; position: absolute; top: 30px; left: 24px;}

.checkList  h4{ font-size: 16px; font-weight: bold;}
.checkList  p{ font-size: 13px; color: #888;}


/* incBnr
**********************************************************************/
.cpBanner{ display: table; margin: 20px auto 0; position: relative;}
.cpBanner .closeBnr{ display: block; padding:1px 1px 2px; position: absolute; top: -16px; right: 0; font-size: 10px; color: #bbb; line-height: 0.5; text-decoration: none; border: #bbb 1px solid; vertical-align: top; }

#incBnr{ display: flex; flex-wrap:wrap; justify-content: space-between;}
#incBnr li{ width: 49%; max-width: 340px;}
#incBnr li img{ width: 100%;}
#incBnr li a.other{ display: none;}

.fixBnr{ display: block; position: fixed; right: 0; top: 210px; transition: opacity 0.3s ease-in-out 0s;}
.fixBnr:hover{ opacity: .8;}
.fixBnr img{ width: 130px;}
@media print, screen and (max-width:1270px){
	.fixBnr{ display: none;}
}


/* ancBox
**********************************************************************/
.ancBox{ padding:62px 0 0 ; margin:-62px 0 0;}


/* floatBox
**********************************************************************/
.floatBox .txt a{ display: block; text-decoration: underline; }
.floatBox > img{ display: block; margin: 20px auto 0; }


/* detail box
**********************************************************************/
.blueBox01{ background: #FFFDF0; border: 1px solid #5FBAEE; border-radius: 4px; }
.blueBox01 dt{ background: #5FBAEE; padding: 5px 0 3px; font-size: 15px; color: #fff; text-align: center; letter-spacing: 1px; }
.blueBox01 dd{ padding: 10px 20px 12px; }
.blueBox01 dd a:hover{ color: #333; text-decoration: none;}


/* aside（ #left ）
**********************************************************************/
#left{display:none;}
#left .discount a:hover,
#left #topics dl a:hover{ color: inherit!important; }
#left .discount a:hover{ text-decoration: none;}

/*discount*/
#left .discount .tit01{ margin: 0 0 10px; font-size: 15px;}
#left .discount .catch{ margin-top: 4px; font-weight: normal;}

#left .discount ul{ border-bottom: #d8d8d8 4px solid; border-right: #d8d8d8 1px solid;}
#left .discount li{ border-top: #d8d8d8 1px solid; }
#left .discount a{ display: block; padding:14px 10px 12px 44px; font-size: 14px; font-weight: bold; border-left: #1ea880 4px solid;}

#left .discount .new a{ background: url("/parts/img/aside/discount_img01.png") no-repeat 9px center; background-size: 25px auto;}
#left .discount .transfer a{ background: url("/parts/img/aside/discount_img02.png") no-repeat 9px center; background-size: 25px auto;}
#left .discount .bulk a{ background: url("/parts/img/aside/discount_img03.png") no-repeat 9px center; background-size: 25px auto;}

/*topics*/
#left #topics{ margin: 30px 0 0; }
#left .topiBox{ padding: 4px 0 14px;}
#left .topiBox div{ max-height:320px; padding: 0 16px 0 0; overflow: scroll;}
#left .inmpotantBox div{ max-height: 220px;}

#left #topics dl{ padding:10px 6px ; margin: 0; font-size:13px; border-bottom:#CCC 1px dotted; }
#left #topics dt{ color:#666; font-weight:bold; line-height:1.5; }
#left #topics .lastPost{ border-bottom: none;}

/*more link*/
#left .past{ background: #898888; margin: 0 auto; font-size:11px; text-align: center;  border-radius:15px; }
#left #topics .past{ width: 170px;}
#left .past a{ display: block; padding:6px 10px 6px 20px; position: relative; color:#fff; line-height: 1; text-decoration:none; }
#left .past a::before{ content: ""; display: block; width: 0; height: 0; margin: -4px 0 0; position: absolute; top: 50%; /*left: 10px;*/ left: 24px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #fff; }

/*other*/
#left .other{ background: #F1F1F1; margin: 30px 0 0; border:solid 1px #CCC; border-radius:4px; }
#left .other li{ border-bottom:#CCC 1px solid;}
#left .other li a{ display: block; padding:9px 5px 9px 12px; }


/* sbnrBox
**********************************************************************/
.sbnrBox ul{ display: table; margin:0 auto; overflow: hidden;}
.sbnrBox ul li{ max-width: 340px; }
.sbnrBox ul li:nth-child(2){ margin:15px 0 0; }

.sbnrBox ul li a{ display: block; }
.sbnrBox ul li a img{ width: 100%; max-width: 228px;}


/* table scroll
**********************************************************************/
.scroll{ width: 100%; overflow-x: scroll; }
.scrollTxt{ display: table; margin: 8px auto 0; padding: 0 20px; position: relative; font-size: 12px; letter-spacing: 0; }
.scrollTxt::before{ content: ""; display: block; background: #222; width: 100%; height: 2px; margin:-1px 0 0; position: absolute; top: 50%; left: 0; }

.scrollTxt span{ display: inline-block; background: #fff; padding: 0 8px; position: relative; }
.scrollTxt span::before,
.scrollTxt span::after{ content: ""; display: block; width: 0; height: 0; margin:-5px 0 0; position: absolute; top: 50%; border: 5px solid transparent; }
.scrollTxt span::before{ border-right: 10px solid #222; left: -30px; }
.scrollTxt span::after{ border-left: 10px solid #222; right: -30px; }

@media print, screen and (max-width:320px){
	.scrollTxt{ padding: 0 12px;}
	.scrollTxt span::before{ left: -24px;}
	.scrollTxt span::after{ right: -24px;}
}


/* flowList
**********************************************************************/
.flowList{ max-width: 850px; font-size: 16px;}
.flowList ul li{ width: 100%; margin:60px 0 0; position: relative; }
.flowList ul li:first-child{ margin:0;}

.flowList ul li::before{ content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom:-44px; border: 10px solid transparent; border-top: 10px solid #bdbdbd; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.flowList ul li:last-child::before{ display: none;}

.flowList ul li .tit{ padding:6px 0 4px; position: relative; color: #fff; text-align: center; letter-spacing: 1px; border-radius: 4px 4px 0 0;}
.flowList ul li .txt{ background: #fff; padding:20px 10px 18px; border-radius: 0 0 4px 4px; }
.flowList ul li .txt a{ color: #333; text-decoration: underline;}
.flowList ul li .attTxt{ font-size: 13px;}


/*  borderArea
**********************************************************************/
.borderArea{ border: #333 3px solid;}
.borderArea .tit{ background: #333; padding:8px 10px 10px; font-size: 18px; color: #fff; text-align: center;}
.borderArea div{ padding:30px 10px 18px;}


/* flowchart
**********************************************************************/
.flowchart{ background: #fafafa; padding:10px; font-size: 12px; border-bottom: #ccc 1px solid; }
.flowchart div{ background: #fff; max-width: 960px; padding: 6px 10px 10px; margin:0 auto; overflow: hidden; border: #ccc 1px solid; border-radius: 4px; }

.flowchart ul{ display: table; margin:0 auto;}
.flowchart ul li{ margin:4px 10px 0 0; padding:0 0 0 12px; float: left; position: relative; }
.flowchart ul li:first-child{ padding:0;}

.flowchart ul li::before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 9px; left: 0; border: 6px solid transparent; border-left: 6px solid #ddd;}
.flowchart ul li:first-child::before{ display: none;}
.flowchart ul li span{ display: inline-block; padding:4px 10px 2px; border: #fff 1px solid;}
.flowchart ul li.on span{ color:#00ad5a; border: #00ad5a 1px solid; border-radius:3px; }


/* comp css
**********************************************************************/
/* arrowcomp */
.arrowcomp{ margin: 70px 0 0; position: relative;}
.arrowcomp::before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: -36px; left: 50%; border: 9px solid transparent; border-top: 9px solid #c4c4c4; -webkit-transform: translate(-50%, 0); transform: translate(-50%,0);}

/* adBox */
.adBox{ position: relative; margin:60px 0 0;}
.adBox::before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: -30px; left: 50%; border: 9px solid transparent; border-top: 9px solid #c4c4c4; -webkit-transform: translate(-50%, 0); transform: translate(-50%,0);}

.adBox .txt{ font-size: 22px; text-align: center;}
.adBox > ul{ display: table; max-width: 700px; margin:20px auto 0; text-align: center; letter-spacing: -0.4em;}
.adBox > ul > li{ display: inline-block; width: 100%; vertical-align: top; border-radius: 4px; letter-spacing: normal;}
.adBox > ul > li:nth-child(2){ margin:20px 0 0; }
.adBox ul li > p{ padding:8px 10px 6px; font-size: 15px; font-weight: bold; color: #fff; }

.adBox .core{ background: #fef8f8; border: #f5401d 1px solid;}
.adBox .core > p{ background: #f5401d;}
.adBox .core dl dt{ color: #f5401d; letter-spacing: -1px;}

.adBox .omakase{ background: #fcfbf7; border: #ff719c 1px solid;}
.adBox .omakase .imgBox img{ height: 65px;}
.adBox .omakase > p{ background: #ff719c;}
.adBox .omakase dl dt{ color: #ff719c;}

.adBox ul li > div{ padding:0 20px 20px;}
.adBox ul li .imgBox{ min-height: 86px; position: relative; }
.adBox ul li .imgBox  img{ display: block; width: auto; height: 41px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.adBox dl{ padding:18px 0 0; border-top: #d0d0d0 1px solid;}
.adBox dl dt{ font-size: 16px; font-weight: bold;}
.adBox dl dd{ margin:6px 0 0;}

.adBox dl dt,
.adBox dl dd{ text-align: left;}

.adBox dl dd p{ line-height: 1.6;}
.adBox dl dd ul{ margin:7px 0 0 -5px; overflow: hidden;}
.adBox dl dd ul li{ padding:1px 10px; margin:5px 0 0 5px; float: left; font-size: 11px; color: #999; border: #999 1px solid; border-radius: 20px;}
.adBox dl dd .btn{ background: #333; width: 170px; height: auto!important; padding:6px 0 4px 6px!important; margin:20px auto 0!important; font-size: 13px;}

/* afterSns */
.afterSns{ background: #f6f6f6; margin:62px 0 20px; padding:22px 30px 30px; position: relative;}
.afterSns::before { content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; top: -34px; border: 9px solid transparent; border-top: 9px solid #c4c4c4; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.afterSns p{ font-size: 18px; text-align: center;}

.afterSns ul{ max-width: 290px; margin:10px auto 0; overflow: hidden;}
.afterSns ul li{ max-width: 290px; }
.afterSns ul li:nth-child(2){ margin:10px 0 0;}

.afterSns ul li .btn{ padding:13px 10px 11px!important; margin:0; font-size: 16px; border-radius: 4px;}
.afterSns ul li .btn span{ padding:0 0 0 10px;}

/* update box */
.updatecomp{ margin:40px 0;}
.updatecomp .txt{ padding:0 0 0 56px; margin:0 auto; position: relative; font-weight: bold; letter-spacing: 1px; }
.updatecomp .txt span{ background: #f70000; padding:1px 10px; position: absolute; top: 4px; left: 0; font-size: 11px; font-weight: normal; color: #fff; }

.updatecomp .scroll{ margin:22px 0 0; }
.updatecomp a{ display: block; max-width: 130px; padding:6px 10px 4px; margin:0 auto; font-size: 13px; font-weight: bold; text-align: center; border: #333 2px solid; border-radius: 4px; text-decoration: none;}

/* twcomp */
.twcomp{ background: #41a5eb; padding:40px 10px 50px; color: #fff; border-radius: 4px; text-align: center;}
.twcomp div .txt{ display: table; margin: 0 auto; padding:0 0 0 38px; position: relative; font-size: 18px;}
.twcomp div .txt::before{ content: ""; display: block; background: url("/pr/twitter-present/img/main_tw.png") no-repeat;  background-size: cover; width: 28px; height: 22px; position: absolute; top: 5px; left: 0;}

.twcomp .tit{ margin:16px 0 0; font-size: 24px; font-weight: bold; line-height: 1.55;}
.twcomp .tit span{ color: #fffc00;}

.twcomp > p{ display: table; margin:30px auto 14px; padding:0 12px; position: relative; font-size: 14px; color: #dcf1ff;}
.twcomp > p::before,
.twcomp > p::after{ content: ""; display: block; background: #dcf1ff; width: 1px; height: 16px; position: absolute; top: 4px; }
.twcomp > p::before{ left: 0; transform:rotate(-35deg);}
.twcomp > p::after{ right: 0; transform:rotate(35deg);}

.twcomp .btnBox{ max-width: 500px; margin:0 auto; overflow: hidden;}
.twcomp .btnBox li{ max-width: 240px; margin:0 auto;}
.twcomp .btnBox li:nth-child(2){ margin:14px auto 0;}

.twcomp .btnBox a{ background: none; padding: 13px 10px 11px!important; color: #fff; border: #fff 1px solid;}
.twcomp .btnBox .tw{ background: #fff; color: #41a5eb!important;}
.twcomp .btnBox .tw:after{ display: none;}

/* twcomp_hd */
.twcomp_hd{ background: #23b997; width: 100%; padding:6px 10px 7px; position: absolute; top: 0; left: 0; color: #fff; z-index: 1000;}
.twcomp_hd > div{ display: table; margin:0 auto; padding:0 0 0 126px; position: relative;}
.twcomp_hd p{ display: inline; font-size: 20px; font-weight: bold; font-style: italic; letter-spacing: 1px;}
.twcomp_hd span{ background: #fff; padding:4px 8px 3px; position: absolute; top: 5px; left: 0; color: #23b997; font-size: 12px; font-style: normal; border-radius: 2px; letter-spacing: 0;}

.twcomp_hd a{ display: inline-block; margin:8px 0 0 26px; font-size: 12px; color: #fff; vertical-align: top;}
.twcomp_hd a:hover{ color: #fff;}


/* simple_extend/
**********************************************************************/
.kindEntry .updateBox .tit01::before{ content: "3."; display: inline-block; margin:0 5px 0 0;}
.kindEntry .tit01{ color: #0099a2;}

.kindEntry .cancelBox{ background: #f2f2f2; padding:20px 15px;}
.kindEntry .cancelBox h4{ font-size: 16px; font-weight: bold;}
.kindEntry .cancelBox .txt{ float: none;}
.kindEntry .cancelBox .btn{ background: #5a5a5a; display: table; margin:15px auto 20px; padding: 12px 12px 10px!important;}

.kindEntry .pay > table{ min-width: 650px;}
.kindEntry .pay > table td{ padding:11px 15px 10px;}
.kindEntry .pay input[type=radio]{ vertical-align: top; margin:5px 0 0;}

.kindEntry .pay .open{ display: none; background: #f6f7f7; padding:12px 15px;}
.kindEntry .pay .open p{ color: #666;}
.kindEntry .pay .subopen > div{ margin:12px 0 0; padding:15px 0 0; border-top: #d0d0d0 1px solid;}
.kindEntry .pay .subopen table th{ background: #eee; }
.kindEntry .pay .subopen table td{ background: #fff;}

.kindEntry .error_box{ background: #fff8f8; padding: 10px 10px 8px; font-size: 14px; font-weight: bold; color: #f30000; text-align: center; border: #f30000 2px solid;}
.kindEntry .error_box p{ margin: 0!important;}


/* updateBox/
**********************************************************************/
.updateBox label,
.updateBox input{ cursor: pointer;}
.updateBox table{ min-width: 500px;}
.updateBox table th{ padding: 14px 12px 12px; vertical-align: top;}

.updateBox table td{ padding: 11px 15px 13px;}
.updateBox table td ul{ overflow: hidden;}
.updateBox table td ul li{ margin:3px 0 0; }

.updateBox table td ul li input{ margin:3px 10px 0 1px; vertical-align: top;}
.updateBox table td ul li .check01{ margin-top: 0;}

/* google reCAPTCHA v3 */
.grecaptcha-badge { bottom: 64px !important; }

/* google reCAPTCHA v2 */
.g-recaptcha { margin: 2em 0; }
.g-recaptcha div { margin: 0 auto; }


/* loader
**********************************************************************/
.popupCover{ background: rgba(0,0,0,0.5)!important; width:100%; height:100%; position:fixed; top:0; left:0; z-index: 15; }
.popupContent { background: #fff; width: calc(100% - 30px); max-width: 570px; padding: 60px 20px 110px; position: absolute; top: 50%; left: 50%; color: #333; text-align: center; border-radius: 6px; box-shadow: 0 12px 20px 0 rgba(0,0,0,.08), 0 8px 16px 0 rgba(0,0,0,.06); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#preloader_1{ width: 62px; position:relative; margin: 0 auto; }
#preloader_1 span{ display:block; bottom:-30px; width: 9px; height: 5px; background:#006497; position:absolute; animation: preloader_1 1.5s  infinite ease-in-out; }

#preloader_1 span:nth-child(2){ left:11px; animation-delay: .2s; }
#preloader_1 span:nth-child(3){ left:22px; animation-delay: .4s; }
#preloader_1 span:nth-child(4){ left:33px; animation-delay: .6s; }
#preloader_1 span:nth-child(5){ left:44px; animation-delay: .8s; }

@keyframes preloader_1 {
	0% {height:5px;transform:translateY(0px);background:#00bbf8;}
	25% {height:30px;transform:translateY(15px);background:#006497;}
	50% {height:5px;transform:translateY(0px);background:#006497;}
	100% {height:5px;transform:translateY(0px);background:#0088ce;}
}


/* regdom
**********************************************************************/
/*checklist01*/
.someDomain{ background: #edf5f4; margin:0 0 40px;padding:26px 20px 30px; border-radius: 4px;}
.someDomain .tit{ display: table; margin:0 auto; padding:0 0 0 70px; position: relative; font-size: 22px; font-weight: bold;}
.someDomain .tit .icon{ background: #04ab8e; padding:1px 5px; position: absolute; top: 8px; left: 0; font-size: 11px; color: #fff; font-weight: normal; border-radius: 3px;}
.someDomain .tit .txt{ color: #04ab8e;}

.someDomain ul{ margin:10px 0 0; overflow: hidden;}
.someDomain ul li{ background: #fff; padding:14px 10px 13px; margin:10px 0 0; text-align: center; border-top: #04ab8e 3px solid; border-bottom: #c2cbcf 1px solid;}
.someDomain ul li img{ width: 40px;}
.someDomain ul li p{ margin:8px 0 0!important; font-size: 15px; font-weight: bold; line-height: 1.5;}
.someDomain ul li p span{ display: table; margin:2px auto 0; font-size: 10px;}

.someDomain .floatBox{ background: #fff; margin:20px 0 0; padding:20px;}
.someDomain .floatBox .txt{ font-size: 14px; font-weight: bold;}
.someDomain .floatBox .txt p{ margin-bottom: 0!important;}
.someDomain .floatBox .btn{ max-width: 200px; margin:12px auto 0; padding:11px 10px 10px!important; font-size: 13px;}

/*checklist02*/
#checklist02 .linkBox{ background: #f5f5f5; padding:30px 10px 14px; overflow: hidden; text-align: center;}
#checklist02 .linkBox ul{ overflow: hidden; margin:-10px 0 0; }
#checklist02 .linkBox ul li{ display: block; max-width: 280px; margin:10px auto 0; }

#checklist02 .linkBox ul li .btn{ width: 100%; padding: 14px 10px 12px!important; font-size: 14px; text-align: center;}
#checklist02 .linkBox .arrowBlue{ font-size: 12px;}

/*changeComBox * checklist02 and regdomlist2*/
.changeComBox{ background: #edf5f4; padding:18px 20px; text-align: center;}
.changeComBox .tit{ font-size: 18px; font-weight: bold;}
.changeComBox .btn{ width: 100%; max-width: 280px; margin:12px auto 0; padding: 14px 10px 12px!important; font-size: 14px; text-align: center;}

.changeComBox .txt{ display: table; margin:14px auto 0; padding:0 0 0 64px; position: relative; font-size: 14px; font-weight: bold; text-align: left;}
.changeComBox .txt .icon{ background: #04ab8e; padding:1px 5px; position: absolute; top: 1px; left: 0; font-size: 11px; color: #fff; font-weight: normal; border-radius: 3px;}
.changeComBox .txt .price{ color: #04ab8e;}


/*pg/bank.php
**********************************************************************/
.accountBox { margin: 35px 0 15px; }
.accountBox .fLeftPc,
.accountBox .fRightPc { padding: 12px 0; border-top: solid 1px #CCC; }


/* transfer_new
**********************************************************************/
/* cont */
.transferPage .cont{ background: #ebf1f3; padding:46px 10px 60px; border-bottom: #ccc 1px solid;}
.transferPage .cont > div{ max-width: 960px; margin:0 auto;}

.transferPage .cont h2{ margin:0 0 34px; font-size: 28px; font-weight: bold; line-height: 1.5;}
.transferPage .cont h2 span{ display: inline-block; font-size: 16px; font-weight: normal; color: #888;}

.transferPage .detail{ background: white; padding:30px 20px; border-radius: 10px;}
.transferPage .tit{ overflow: hidden; }
.transferPage .tit h3,
.transferPage .payTit{ font-size: 18px!important; font-weight: bold;}

.transferPage .change{ margin:10px 0 0; overflow: hidden; font-weight: bold;}
.transferPage .change p{ margin:6px 10px 0 0; float: left; font-size: 12px; color: #888;}
.transferPage .change p span{ font-size: 10px; font-weight: normal; color: #888;  }

.transferPage .change .selectBox{ float: left; }
.transferPage .change select{ background: url("../img/arrow_gray07.png") no-repeat 12px 13px,#f9f9f9; background-size: 8px 5px; padding: 0 4px 0 30px; font-size: 12px; border: #dadada 1px solid; border-radius: 4px;}
.transferPage .notes{ margin:50px 0 0; font-size: 14px;}

/** table **/
.transferPage .tb04{ min-width: 830px; margin:10px 0 0; font-size: 14px; }
.transferPage .tb04 th,
.transferPage .tb04 td,
.transferPage .tb04 .menu li{ padding:20px 20px 18px; text-align: left;}

.transferPage .tb04 thead th,
.transferPage .tb04 .menu{ font-weight: bold; color: #888;}
.transferPage .tb04 .hscroll{ max-height: 670px; overflow-y: scroll; border-top: #e3e3e3 3px solid; border-bottom: #e3e3e3 3px solid;}
.transferPage .tb04.checkNone .w33per{ width: 75%!important;}

.transferPage .tb04 tbody tr{ min-height: 80px;}
.transferPage .tb04 tbody tr:nth-child(odd){ background: #f4f4f4;}
.transferPage .tb04 tbody th{ font-size: 15px; font-weight: bold;}

.transferPage .tb04 .state{ padding-left: 55px;}
.transferPage .tb04 .ok .state{ background: url("/parts/img/icon_check01.png") no-repeat 20px center; background-size: 20px;}
.transferPage .tb04 .ng{ background: #cacaca!important;}
.transferPage .tb04 .ng .state{ background: url("/parts/img/icon_ng01.png") no-repeat 20px center; background-size: 20px;}

.transferPage .tb04 .code{ width: 200px;}
.transferPage .tb04 input{ width: 160px; height: 40px; border-radius: 3px;}

/* menu */
.transferPage .tb04 .menu{ overflow: hidden;}
.transferPage .tb04 .menu li{ float: left;}

/* move */
.transferPage .move{ padding:35px 0 0; margin:35px 0 0; overflow: hidden; border-top: #eee 2px solid;}

.transferPage .link01 p a,
.transferPage .link02 p a,
.transferPage .back button{ display: block; font-size: 14px; color: #888;}
.transferPage .back button{ background: transparent; padding: 0;  border: none; }

.transferPage .link01 > a,
.transferPage .link01 button{ width: 160px; float: right;}
.transferPage .link01 p a,
.transferPage .link01 .back button{ width: auto; margin:8px 0 0; float: left;}

.transferPage .link02{ display: table; margin:50px auto 0;}
.transferPage .link02 p a,
.transferPage .link02 .back button{ margin:16px auto 0; text-align: center;}

/* repletion */
.repletion{ padding:20px; margin:30px 0 0; overflow: hidden; border: #f3f3f3 5px solid; border-radius: 10px;}
.repletion > p{ font-size: 15px; font-weight: bold; color: #666;}
.repletion div{ margin:10px 0 0; font-size: 14px;}

/* campDomain */
.campDomain{ background: #ffecee; padding:15px 10px 12px; font-size: 15px; font-weight: bold; text-align: center;}
.campDomain span{ display: table; background: #ff6775; padding:3px 12px 2px; margin:0 auto 8px; font-size: 12px; color: white; letter-spacing: 1px; border-radius: 20px; vertical-align: top;}
.campDomain a{ display: inline-block; margin:1px 20px 0 20px; font-size: 12px; vertical-align: top;}

/*** transfer01 ***/
#transfer01 .detail .tit{ margin:0 auto 20px;}
#transfer01 .area{ position: relative; font-size: 14px;}
#transfer01 .area textarea{ background: #f5f7f9; width: 100%; height: 180px; padding:24px 28px; border: #dbdbdb 2px solid; border-radius: 5px; resize: none;}
#transfer01 .area label{ position: absolute; top: 25px; left: 28px; color: #b9b9b9; cursor: text;}

#transfer01 .areaTxt{ margin:3px 0 0; font-size: 13px; color: #888;}
#transfer01 .areaTxt input[type=checkbox]{ width: 15px; height: 15px;}
#transfer01 .areaTxt span{ font-size: 12px; color: #aaa;}

/*** transfer02 ***/
#transfer02 .ng .disabled,
#transfer02 .ng .disabled:hover{ background: #bbb!important;}

#transfer02 .success,
#transfer02 .mistake{ margin-bottom: 60px;}

/*** transfer03 ***/
#transfer03 .pay .tb2{ min-width: 600px; margin:20px 0 0; font-size: 14px; }

#transfer03 .entrydom h3{ float: left;}
#transfer03 .entrydom .change{ float: right; margin:0; }
#transfer03 .entrydom .change p{ margin-right: 0;}

#transfer03 .entrydom th:first-of-type{ color: #888; text-align: center;}
#transfer03 .entrydom thead th:last-of-type,
#transfer03 .entrydom td:last-of-type{ text-align: right;}
#transfer03 .entrydom td:last-of-type{ padding-right: 30px;}

#transfer03 #iframePayment{ max-width: 660px; margin:0 auto;}
#transfer03 .repletion{ margin:45px 0 0;}

#transfer03 .entrydom .scroll{ margin:30px 0 0; }
#transfer03 .entrydom .hscroll{ max-height: 230px; }

/*** transfer04 ***/
#transfer04 .flow{ margin:50px 0 0;}
#transfer04 .flow .detail{ background: #fafafa; padding:30px; margin:20px 0 0; border-radius: 10px; text-align: center;}

#transfer04 .flow li{ display: table; width: 100%; margin:60px 0 0; position: relative; }
#transfer04 .flow li:first-child{ margin:0;}
#transfer04 .flow li::before{ content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; top: -35px; border: 12px solid transparent; border-top: 12px solid #dadada; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
#transfer04 .flow li:first-child::before{ display: none;}

#transfer04 .flow h4{ background: white; width: 220px; padding:20px 0 18px; margin:0 auto; font-size: 16px; text-align: center; border: #cecece 1px solid;}
#transfer04 .flow li:first-child h4{ font-weight: bold; color: #0a9973; border: #0a9973 1px solid;}

#transfer04 .flow p{ margin:22px 0 0 ; font-size: 15px;}
#transfer04 .flow .here{ font-weight: bold;}
#transfer04 .flow .here .attTxt{ display: table; margin:4px auto 0; color: #139252;}
#transfer04 .flow .blackBtn{ width: 240px; margin:60px auto 0;}

/*** notes ***/
#transferNotes .checkList{ margin:38px 0 0;}
#transferNotes .case{ margin:60px 0 0; padding:60px 0 0; border-top: #eee 2px solid;}
#transferNotes .detail > div{ max-width: 720px; margin:0 auto;}

/* transNotcase */
.transNotcase{ background: #fafafa; padding:38px 20px; border-radius: 10px;}
.transNotcase p{ margin:0 0 26px; font-size: 22px; font-weight: bold; text-align: center;}
.transNotcase ul{ font-size: 14px; line-height: 1.95;}


/*** transfer04 and transferError ***/
#transfer04 .btn,
#transferError .btn{ padding: 12px 18px 10px!important;}

#transfer04 .txt,
#transferError .txt{ font-size: 16px; text-align: center;}
#transfer04 .txt p span,
#transferError .txt p span{ display: block; font-weight: normal; color: #888;}

.transferPage .error{ margin:46px 0 0;}
.transferPage .error textarea{ background: #fafafa; width: 100%; height: 150px; margin:20px 0 0; padding:20px 28px; font-size: 15px; color: #888; line-height: 1.85; border: #dbdbdb 2px solid; border-radius:5px; resize: none;}


/* flowStep
**********************************************************************/
.flowStep{ background: white; width: 100%; padding:22px 10px 12px; font-size: 13px; overflow: hidden;}
.flowStep ul{ display: table; margin:0 auto; position: relative; }
.flowStep ul::before{ content: ""; display: block; background: #dadada; width: 100%; height: 2px; position: absolute; top: 6px; left: 0; }

.flowStep li{ margin:0 0 0 80px; padding:0 0 30px; float: left; position: relative; }
.flowStep li:first-child{ margin:0;}

.flowStep li::before{ content: ""; display: none; background: #005bac; width: 100px; height: 2px; position: absolute; top: 6px; right: 0;}
.flowStep li.on::before{ display: block;}
.flowStep li:first-child::before{ display: none!important;}

.flowStep li span{ display: block; background: #dadada; width: 14px; height: 14px; padding:5px 0 0; color: #666; text-align: center; border-radius: 15px;}
.flowStep li.on span{ background: #005bac; color: white;}
.flowStep li p{ width: 100px; position: absolute; bottom: 0; left: 50%; font-size: 12px; color: #888; text-align: center; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.flowStep li.on p{ color: #005bac;}


/* domain.php
**********************************************************************/
.domainEntryPage{ display: block; background: #ebf1f3; padding:50px 10px; }
.domainEntryPage > div{ max-width: 960px; margin:0 auto;}
.domainEntryPage h2{ font-size: 28px; font-weight: bold; text-align: center; letter-spacing: 1px;}

.domainEntryPage .select{ display: table; width: 100%; max-width: 820px; margin:40px auto 0; letter-spacing: 1px;}
.domainEntryPage .select li{ background: white; padding:30px 20px 40px; position: relative; text-align: center; border-radius: 10px;}
.domainEntryPage .select li:nth-child(2){ margin:30px 0 0;}

.domainEntryPage .select li::before{ content: ""; display: block; width: 100px; height: 100px; position: absolute; top: -28px; right: 10px;}
.domainEntryPage .select li:nth-child(1)::before{ background: url("/parts/img/cp/domain/select_txt01.png"); background-size: cover;}
.domainEntryPage .select li:nth-child(2)::before{ background: url("/parts/img/cp/domain/select_txt02.png"); background-size: cover;}

.domainEntryPage .select img{ display: block; width: auto; height: 90px; margin:0 auto 24px;}
.domainEntryPage .select h3{ margin:0 0 10px; font-size: 22px; font-weight: bold; }
.domainEntryPage .select p{ font-size: 14px; color: #888;}
.domainEntryPage .select a{ width: 160px; margin:30px auto 0;}

.domainEntryPage .other{ margin:50px 0; padding:30px 0; overflow: hidden; border-top: #ccd7db 1px solid; border-bottom: #ccd7db 1px solid;}
.domainEntryPage .other li{ padding:0 0 0 77px; margin:25px 0 0; float: left; position: relative;}
.domainEntryPage .other li:first-child{ margin:0;}

.domainEntryPage .other li::before{ content: ""; display: block; width: 64px; height: 64px; position: absolute; top: -8px; left: 0;}
.domainEntryPage .other li:nth-child(1)::before{ background: url("/parts/img/cp/domain/other_img01.png"); background-size: cover;}
.domainEntryPage .other li:nth-child(2)::before{ background: url("/parts/img/cp/domain/other_img02.png"); background-size: cover;}
.domainEntryPage .other li:nth-child(3)::before{ background: url("/parts/img/cp/domain/other_img03.png"); background-size: cover;}

.domainEntryPage .other a{ font-size: 16px; font-weight: bold;}
.domainEntryPage .other p{ margin:6px 0 0; font-size: 14px; color: #888; line-height: 1.6;}
.domainEntryPage > div > .btn{ background: none; width: 190px; padding: 12px 10px 11px!important; font-size: 14px; font-weight: bold; color: #333!important; border: #333 2px solid; border-radius: 30px; }


/* yellowBox
**********************************************************************/
.yellowBox{ background: #fffce8; padding:22px 10px 24px; position: relative; border: #d6d6c9 1px solid; border-radius: 6px;}
.yellowBox .tit01{ margin:0 0 15px; color: #005bac;}

.yellowBox table{ min-width: 570px;margin:20px 0 0; }
.yellowBox th{ font-weight: bold;}
.yellowBox td{ background: white;}

.yellowBox .blackBtn{ height: 30px; font-size: 12px; color: white; border: none; border-radius: 3px; cursor: pointer; transition: background 0.3s ease-in-out 0s;}
.yellowBox #searchOK,
.yellowBox #searchNG{ display: inline-block; padding: 3px 12px; margin:0 0 0 4px; font-size: 12px; font-weight: bold;}
.yellowBox #searchOK{ background: #d4f9dd; color: #01861e;}
.yellowBox #searchNG{ background: #ffe0e0; color: #ff0000;}

.yellowBox .scrollTxt span{ background: #fffce8;}
.yellowBox .iconFrame{ display: none; width: 240px; position: absolute; right: 10px; top: -30px; }
.yellowBox .attList,
.yellowBox .attTxt{ font-size: 12px; color: #888;}


/* fixedBox
**********************************************************************/
#fixedBox{ display: none; width: 182px; position: fixed; right: 20px; bottom: 90px; z-index: 1000; }
#fixedBox .closeB{ display: block; background: white; width: 17px; height: 17px; padding: 2px 0 0; position: absolute; top: -7px; right: -7px; color: #29AE8E; font-size: 13px; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;}
#fixedBox .closeB:hover{ background: #111; color: white; }

#fixedBox img{ width: 100%;}
#fixedBox #cp_fixBtn span{ display: block; height: 22px; padding:1px 6px 0; margin:0 0 0 -47px; position: absolute; bottom: 62px; left: 50%; color: #4DBDA2; font-size:9px; text-decoration: none; text-align: center; border: #4DBDA2 1px solid; border-radius: 4px; transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;}
#fixedBox #cp_fixBtn:hover span{ background: #4DBDA2; color: white;}


/* openConts
**********************************************************************/
.openConts{ margin:10px 0 0;}
.openConts .clickBtn{ display: block; background: #f3f3f3; margin:10px 0 0; padding: 14px 46px 14px 18px; position: relative; font-size: 16px; font-weight: bold; color: #333; line-height: 1.4; text-decoration: none;}
.openConts .clickBtn span{ display: inline-block; font-size: 12px;}
.openConts .clickBtn::before{ content: "＋"; display: block; position: absolute; top: 50%; right: 15px; font-size: 20px; color: #333; font-weight: normal; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}

.openConts .on::before{ content: "ー"; right: 18px; font-size: 16px; }
.openConts .inner{ height: 0; overflow: hidden;}
.openConts .inner > div{ padding:15px 0; overflow: hidden;}

.openConts.borderBox .clickBtn{ font-size: 12px;}
.openConts.borderBox .inner > div{ padding:15px; font-size: 12px; border: #f3f3f3 2px solid; border-top: none;}


/* sms
**********************************************************************/
.smsBox{ background: #f5f5f5; padding:30px 20px 28px; border-radius: 4px;}
.smsBox .entry{ margin:28px 0 0; overflow: hidden;}
.smsBox .entry > p{ padding:0 10px 0 0; margin:0 0 10px; font-weight: bold; color: #666; }

.smsBox .form input[type="text"]{ width: 100%; height: 40px; }
.smsBox .form .btn{ display: table; width: 100px; min-width: auto; padding: 11px 10px 8px!important; margin:15px auto 0; font-size: 14px;}
.smsBox .form .attTxt{ margin:15px 0 0; font-size: 12px;}

.smsBox#complete .btn{ width: 188px; height: 46px; margin:10px auto 0; padding-top: 12px!important; font-size: 14px; }
.smsBox#complete .txtdeco{ display: table; margin:20px auto 0; }


/* support.php
**********************************************************************/
#support h4{ margin:12px 0 10px; font-size:15px; }
#support .dotList{ padding-bottom:14px; border-bottom:solid 1px #CCC; }


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
	.spNone{ display: block;}

	/*check*/
	.check01{ margin:3px 0 0 6px;}

	/*minihd*/
	body.minihd .boxCategory{ padding: 60px 130px 80px; }
	body.minihd .leftTit{ margin: 0 0 50px;}

	/* buy_area */
	.buy_area .inner_list .tit{ width: 30%; }
	.buy_area .inner_list .detail{ width: 70%;}


	/* boxCategory
**********************************************************************/
	.boxCategory{ padding:30px 15px;}


	/* wrap main
	**********************************************************************/
	#main{ width: 960px; min-width:960px; margin:0 auto; }
	.wrapBox{ max-width: 960px; margin: 0 auto; }


	/* breadcrumb
	**********************************************************************/
	.breadcrumb ul{ max-width: 960px; margin: 0 auto; }
	.breadcrumb ul li{ padding: 0 0 0 20px; }
	.breadcrumb ul li::before{ left: 6px; }

	.breadcrumb ul li a{ text-decoration: none;}
	.breadcrumb ul li .home{ width: auto; padding: 0 0 0 20px; overflow: visible; text-indent: inherit; }
	.breadcrumb ul li a:hover{ text-decoration:underline;}


	/* cont
	**********************************************************************/
	#left{ display:block;}


	/* tit
	**********************************************************************/
	.pageTit{ font-size: 24px; margin: 0 auto 60px; letter-spacing: 1px; }
	.pageTit02 h2{ text-align: left; }

	.leftTit{ margin: 0 0 36px; padding: 0 0 0 20px; font-size:22px; letter-spacing: 1px; }
	.leftTit::before{ height: 35px; }
	.loggedIn .auctionBox .leftTit::before{ display: none;}
	.leftTit .subLink{ float: right;}

	/* incBnr
	**********************************************************************/
	.cpBanner{ display: block; margin-top: 0;}


	/* ancBox
	**********************************************************************/
	.ancBox{ padding:94px 0 0 ; margin:-94px 0 0; }
	.loggedIn .ancBox{ padding:62px 0 0 ; margin:-62px 0 0; }


	/* floatBox
	**********************************************************************/
	.floatBox{ overflow: hidden;}
	.floatBox .txt{ float: left;}
	.floatBox > img{ float: right; margin: 0;}


	/* sbnrBox
	**********************************************************************/
	.sbnrBox ul li{ float: left;}
	.sbnrBox ul li:nth-child(2){ margin:0 0 0 20px; }


	/* table scroll
	**********************************************************************/
	.scroll{ overflow-x: inherit;}
	.scrollTxt{ display: none;}


	/* flowList
	**********************************************************************/
	.flowList ul li{ display: table; margin:80px 0 0;}
	.flowList ul li::before{ bottom:-56px;}
	.flowList ul li .tit{ display: table-cell; width: 200px; vertical-align: middle; border-radius: 4px 0 0 4px;}
	.flowList ul li .txt{ display: table-cell; padding:30px 30px 28px; border-radius: 0 4px 4px 0;}


	/* flowchart
	**********************************************************************/
	.flowchart{ padding:32px 10px; font-size:14px;}
	.flowchart div{ padding: 18px 10px; }
	.flowchart ul li{ padding:0 0 0 16px; margin:0 14px 0 0;}
	.flowchart ul li::before{ top: 10px;}


	/* afterSns
	**********************************************************************/
	.afterSns ul{ max-width: 594px; overflow: hidden;}
	.afterSns ul li{ width: 48%; float: left;}
	.afterSns ul li:nth-child(2){ margin:0; float: right;}


	/* comp css
	**********************************************************************/
	/* adBox */
	.adBox .txt{ font-size: 26px; }
	.adBox > ul > li{ width: 47.7%; }
	.adBox > ul > li:nth-child(2){ margin:0 0 0 4.6%;}

	/* twcomp */
	.twcomp .tit{ font-size: 26px;}
	.twcomp .btnBox li{ width: 48%; float: left;}
	.twcomp .btnBox li:nth-child(2){ float: right; margin:0;}


	/* simple_extend/
	**********************************************************************/
	.kindEntry .cancelBox{ padding:28px 24px 24px;}
	.kindEntry .cancelBox .txt{ width: 56%; float: left;}
	.kindEntry .cancelBox .btn{ width: 42%; margin:0 auto; float: right;}
	.kindEntry .cancelBox .btn:hover{ background: #777676;}


	/* updateBox/
	**********************************************************************/
	.updateBox table th{ width: 25%;}
	.updateBox table td ul li{ float: left;}
	.updateBox table td ul li:nth-child(odd){ width: 55%;}
	.updateBox table td ul li:nth-child(even){ width: 45%;}


	/* regdom/
	**********************************************************************/
	/*somedomain*/
	.someDomain ul{ margin:20px 0 0 -2.3333%; }
	.someDomain ul li{ width: 31%; min-height: 150px; padding:22px 10px 12px; margin:0 0 0 2.3333%; float: left; }
	.someDomain ul li p{ margin:16px 0 0!important; }

	.someDomain .floatBox .txt{ width: 66%; }
	.someDomain .floatBox .btn{ width: 31%; margin:3px 0 0; float: right; }

	/*checklist02*/
	#checklist02 .linkBox{ padding:38px 35px 18px;}
	#checklist02 .linkBox ul{ display: table; margin:0 auto; }
	#checklist02 .linkBox ul li{ width: 49%; min-width: 280px; margin: 0; float: left; }
	#checklist02 .linkBox ul li:nth-child(even){ margin:0 0 0 20px; float: right;}

	/*regdomSet*/


	/* pg/bank.php
	**********************************************************************/
	.accountBox { margin: 35px 0 0; }
	.accountBox .flex{ display: flex; flex-wrap: wrap; margin-left: -16px; }
	.accountBox .flex > div{ margin-left: 16px;}
	.accountBox .fLeftPc,
	.accountBox .fRightPc { width: 297px; padding: 10px; margin: 15px 0 0; border: solid 1px #CCC; border-radius: 4px; }


	/* transfer_new
	**********************************************************************/
	/* cont */
	.transferPage .cont{ padding:60px 10px 120px; border-bottom:none;}
	.transferPage .cont h2{ font-size: 30px; }
	.transferPage .cont h2 span{ margin:15px 0 0; vertical-align: top;}

	.transferPage .detail{ padding:78px 65px; }
	.transferPage .tit h3{ float: left; }
	.transferPage .change{ margin:0; float: right;}
	.transferPage .change p{ margin:6px 18px 0 0;}
	.transferPage .notes{ font-size: 16px;}

	/* table */
	.transferPage .tb04{ margin:25px 0 0;}

	/* move */
	.transferPage .move{ padding:50px 0 0; margin:50px 0 0;}

	/* repletion */
	.repletion{ padding:32px 40px 28px; margin:60px 0 0; }
	.repletion > p{ width: 24%; float: left; }
	.repletion div{ width: 76%; margin:0; float: left;}

	/* campDomain */
	.campDomain{ margin:0 auto;}
	.campDomain span{ display: inline-block; margin: -2px 10px 0 0;}

	/*** transfer01 ***/
	#transfer01 .area textarea,
	#transfer01 .area label{ font-size: 15px; }
	#transfer01 .areaTxt{ text-align: right;}

	/*** transfer04 ***/
	#transfer04 .flow .detail{ padding:60px; text-align: left;}
	#transfer04 .flow li{ margin:70px 0 0;}
	#transfer04 .flow h4{ width: 28%; float: left; }

	#transfer04 .flow p{ width: 68%; margin:22px 0 0 24px; float: left; }
	#transfer04 .flow .row02{ margin-top: 10px;}
	#transfer04 .flow .here .attTxt{ display: inline-block;  margin:0 0 0 30px;}

	/* transNotcase */
	.transNotcase{ padding:38px 34px;}


	/* flowStep
	**********************************************************************/
	.flowStep li{ margin:0 0 0 100px; }
	.flowStep li::before{ width: 120px;}
	.flowStep li p{ font-size: 13px;}


	/* domain.php
	**********************************************************************/
	.domainEntryPage{ padding:80px 10px 100px; }
	.domainEntryPage h2{ font-size: 32px;}

	.domainEntryPage .select{ margin:60px auto 0; }
	.domainEntryPage .select li{ width: 46%; padding:50px 20px 60px; float: left; }
	.domainEntryPage .select li:nth-child(2){ margin:0; float: right;}
	.domainEntryPage .select li::before{ right: -30px;}

	.domainEntryPage .other{ margin:60px 0; padding:48px 0; }
	.domainEntryPage .other li{ width: 27%; margin:0 0 0 9.5%; }


	/* yellowBox
	**********************************************************************/
	.yellowBox{ padding-left: 20px; padding-right: 20px;}
	.yellowBox .iconFrame{ display: block;}


	/* sms
	**********************************************************************/
	.smsBox .detail{ padding:40px 40px 38px; }
	.smsBox .entry > p{ width: 26%; float: left; margin:10px 0 0; }

	.smsBox .form{ width: 74%; float: left;}
	.smsBox .form input[type="text"]{ width: 240px; margin:0 10px 0 0;}
	.smsBox .form .btn{ display: inline-block; margin:0;}


	/* support.php
	**********************************************************************/
	.subSupport .flex{ display: flex; flex-wrap: wrap; margin-left: -16px;}
	.subSupport .flex > div{ width: 297px; margin-left: 16px; padding: 14px 10px 12px; }
}

@media print, screen and (min-width:768px){
	body{ padding-top: 113px;}
	body.loggedIn,
	body.adminx{ padding-top: 84px;}
}


/*************************************************************************************************************************
* 960px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:961px){
	a:hover{ text-decoration: none;}

	/* hover */
	.imghover{ transition: opacity 0.3s ease-in-out 0s;}
	.imghover:hover{ opacity: 0.8; }


	/* wrap
	**********************************************************************/
	body{ padding-top: 101px;}
	body.loggedIn,
	body.adminx{ padding-top: 72px;}

	#main{ padding:36px 0 0;}
	body.minihd{ padding-bottom: 80px;}
	body.minihd #main{ padding:60px 0 0; }


	/* btn
	**********************************************************************/
	/*txtLink*/
	.arrowBtn:hover,
	.txtLink:hover span{ text-decoration: none!important;}

	/*txtdeco*/
	.txtdeco:hover{ color: #333; text-decoration: none!important;}


	/* txt
	**********************************************************************/
	.dotList li a:hover,
	.attTxt a:hover{ text-decoration: none;}


	/* incBnr
	**********************************************************************/
	#incBnr li a,
	.cpBanner .closeBnr{ transition: opacity 0.3s ease-in-out 0s;}
	#incBnr li a:hover{ opacity: 0.8;}
	.cpBanner .closeBnr:hover{ opacity: 0.7;}


	/* ancBox
	**********************************************************************/
	.ancBox{ padding:104px 0 0 ; margin:-104px 0 0; }
	.loggedIn .ancBox{ padding:72px 0 0 ; margin:-72px 0 0; }


	/* aside（ #left ）
	**********************************************************************/
	#left .discount a,
	#left .past,
	#left .other li a{ transition: background 0.3s ease-in-out 0s;}

	/*discount*/
	#left .discount .new a:hover{ background: url("/parts/img/aside/discount_img01.png") no-repeat 9px center,#ebfdf3; background-size: 25px auto;}
	#left .discount .transfer a:hover{ background: url("/parts/img/aside/discount_img02.png") no-repeat 9px center,#ebfdf3; background-size: 25px auto;}
	#left .discount .bulk a:hover{ background: url("/parts/img/aside/discount_img03.png") no-repeat 9px center,#ebfdf3; background-size: 25px auto;}

	/*topics*/
	#left #topics .red a{color:#FF0000;}
	#left #topics .topiBox a:hover{ text-decoration:underline;}
	#left .past:hover{ background: #5C5B5B; }

	/*other*/
	#left .other li a:hover{ background: #E2E2E2; color: #333; text-decoration: none; }


	/* sbnrBox
	**********************************************************************/
	.sbnrBox ul li a{ transition: opacity 0.3s ease-in-out 0s;}
	.sbnrBox ul li a:hover{ opacity:0.8;}


	/* flowList
	**********************************************************************/
	.flowList ul li .txt a:hover{ text-decoration: none;}


	/* comp css
	**********************************************************************/
	/* bordercomp */
	.bordercomp{ width: 100%; border-top: #d9d9d9 1px solid;}

	/* adBox */
	.adBox dl dd .btn{ transition: background 0.3s ease-in-out 0s;}
	.adBox dl dd .btn:hover{ background: #474646;}

	/* updatecomp */
	.updatecomp a{ transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;}
	.updatecomp a:hover{ background: #333; color: white;}

	/* twcomp */
	.twcomp .btnBox a:hover{ background: white; color: #41a5eb!important; }
	.twcomp .btnBox .tw{transition: opacity 0.3s ease-in-out 0s;}
	.twcomp .btnBox .tw:hover{ opacity:0.9;}


	/* domain.php
	**********************************************************************/
	.domainEntryPage > div > .btn{ transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;;}
	.domainEntryPage > div > .btn:hover{ background: #333; color: white!important;}


	/* topcontrol
	**********************************************************************/
	#topcontrol{ bottom: 17px!important; right: 25px!important; }


	/* openConts
	**********************************************************************/
	.openConts .clickBtn{ transition: background 0.3s ease-in-out 0s; }
	.openConts .clickBtn:hover{ background: #e3e3e3; }
}