@charset "UTF-8";
/* CSS Document */

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
#optionTop{ background: #f1f4f8; }
#optionTop .pageMenu ul{ background: #e3e9f2;}

#transfer,
#security,
#optionTop #anshin{ padding:0 10px;}


/* transfer
**********************************************************************/
#transfer .floatBox{ padding:30px; overflow: hidden;}

#transfer .floatBox .txt h3{ margin:0 0 16px; font-size: 22px; font-weight: bold;}
#transfer .floatBox .txt h3 span{ display: table; background: #eef050; padding:0 10px; margin:0 0 12px; font-size: 11px; text-align: center; border-radius: 9px;}
#transfer .floatBox .txt p{ font-size: 15px;}
#transfer .floatBox .txt .price{ margin:18px 0 0; font-size: 16px; font-weight: bold; text-align: center;}
#transfer .floatBox .txt .btn{ margin:10px auto 0;}
#transfer .floatBox > img{ display: block; max-width: 431px; margin:20px auto 0; }

#transfer .floatBox,
#security .detail > li{ background: #fff; border: #e5e5e5 1px solid; border-radius: 5px;}
#transfer .btn,
#security .btn{ width: 180px; height: 40px; padding:6px 10px 0; letter-spacing: 1px;}


/* security
**********************************************************************/
#security .detail{ overflow: hidden;}
#security .detail > li{ padding:50px 20px 40px; position: relative;}
#security .detail > li:nth-child(2){ margin:15px 0 0;}

#security .detail > li:before{ display: block; width: 80px; position: absolute; top: 11px; right: 11px; text-align: center; font-size: 11px; color: #fff; border-radius: 2px;}
#security .detail > li:nth-child(1):before{ content: "セキュリティ"; background: #008fe1; }
#security .detail > li:nth-child(2):before{ content: "高速化"; background: #616dd8;}

#security ul li > img{ display: block; width: 245px; margin:0 auto 40px;}
#security ul li h3{ margin:0 0 10px; font-size: 18px; font-weight: bold;}
#security ul li div{ background: #fafafa; padding:18px 20px 20px; margin:22px 0 0;}
#security ul li div p{ font-size: 16px; font-weight: bold; text-align: center;}

#security .check{ margin:14px 0 0;}
#security .check li{ padding:0 0 0 26px; position: relative; }
#security .check li:before{ content:""; display: block; background: url("../img/icon_ok02.png") no-repeat; background-size: cover; width: 15px; height: 12px; position: absolute; top: 7px; left: 2px; }


/* /wordpress/
******************************************************************************************/
#wpPage main{ overflow: hidden;}
#wpPage main > div:before{ background: url("../../option/wordpress/img/main_img01.png") no-repeat; background-size: cover; width: 630px; height: 559px; bottom: -160px; right: -80px; }
#labor,
#basis,
#flow,
#read,
#feature,
#function{ padding:0 10px;}


/* labor
**********************************************************************/
#labor .floatBox{ display: table; width: 100%; }
#labor .floatBox .txt{ font-size: 16px;}
#labor .floatBox > img{ display: block; max-width: 400px; margin:26px auto 0;}


/* flow
**********************************************************************/
#flow{ background: #f1f4f8; clear: both;}
#flow .btn .blank:before{ right: -30px; }

.flowList{ max-width: 700px; margin:30px auto 40px;}
.flowList > li{ display: table; width: 100%; margin:70px 0 0; position: relative; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); }
.flowList > li:first-child{ margin:0;}

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

.flowList .tit{ background: #008fe1; padding:10px 15px; position: relative; text-align: center; border-radius: 4px 4px 0 0; }
.flowList .tit span{ font-size: 17px; color: #fff; }
.flowList .txt{ background: #fff; padding:18px 30px 16px; font-size: 15px; border-radius: 0 0 4px 4px; }


/* read
**********************************************************************/
#read{ clear: both;}


/* /sitelock/
******************************************************************************************/
#sitelockPage,
#sitelockPage .directoryMenu .on a{ background: #f1f4f8;}
#sitelockPage main > div:before{ background: url("../../option/sitelock/img/main_img01.png") no-repeat; background-size: cover; width: 842px; height: 512px; bottom: -40px; right: -80px; }
#sitelockPage .pageMenu ul{ background: #e3e9f2; }

#reason,
#plan,
#faq,
#guide{ padding:0 10px;}
.resaleBox{ padding:28px 35px 30px; text-align: left;}


/* lisk
**********************************************************************/
.lisk .floatBox,
.offer .floatBox{ margin-bottom: 50px;}
.lisk .floatBox img,
.offer .floatBox img{ width: 220px; margin:-20px auto 0!important; }

.protect{ padding-top: 50px; border-top: #dbd4de 1px solid;}
.protect .featureBox li:nth-child(1):before{ background: url(../../option/sitelock/img/lisk_txt01.png) no-repeat; background-size: cover; }
.protect .featureBox li:nth-child(2):before{ background: url(../../option/sitelock/img/lisk_txt02.png) no-repeat; background-size: cover; }
.protect .featureBox li:nth-child(3):before{ background: url(../../option/sitelock/img/lisk_txt03.png) no-repeat; background-size: cover; }


/* reason
**********************************************************************/
#sitelockPage #reason{ background: #fff;}
#sitelockPage #reason .itemList img{ width: auto; height: 66px;}


/* plan
**********************************************************************/
#plan table{ background: #fff; }
#plan .scrollTxt span{ background: #f1f4f8; }
#plan .btn{ margin-top:40px;}
#plan .resaleBox{ margin:40px 0 0; }


/* faq
**********************************************************************/
#faq{ background: #fff;}
#faq .faqList{ max-width: 1000px; margin:0 auto;}
#faq .faqList li{ background: #f9f9f9;}
#faq .faqList .answer a{ text-decoration: underline;}
#faq .faqList .answer a:hover{ text-decoration: none;}


/* guide（ sitelock and sitelock-cdn/faq/ ）
**********************************************************************/
#guide{ background: #f8f8f8;}
#guide h3{ margin:45px 0 18px; font-size: 20px; font-weight: bold;}
#guide h4{ background: #ebebeb; padding:8px 18px 6px; margin:0 0 12px; font-size: 14px; font-weight: bold;}
#guide .entryFlow li:nth-child(2){ margin:20px 0 0; }


/* index.php
**********************************************************************/
#easy,
#merit,
#step,
#technology,
#entryArea,
#captionBox{ padding:0 10px;}


/* easy
**********************************************************************/
#easy .wrap{ padding-bottom: 130px;}
#easy img{ display: block; max-width: 713px; margin:40px auto 0; }


/* merit
**********************************************************************/
#merit{ background: #fff;}
#merit .tit{ background: #fff; max-width: 730px; margin:-135px auto 0; padding:40px 20px; text-align: center; border: #e5e5e5 1px solid; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); }
#merit .tit p{ margin:0 0 8px; font-size: 16px;}
#merit .tit img{ width: 271px;}

#merit .floatBox{ margin:30px 0 40px;  overflow: hidden;}
#merit .floatBox > img{ display: block; max-width: 380px; margin:0 auto;}

#merit .detail{ margin:34px 0 0; }
#merit .detail ul li{ text-align: center;}
#merit .detail ul li img{ max-width: 322px; }
#merit .detail ul li:nth-child(2){ margin:25px 0 0 -30px;}
#merit .detail p{ display: table; margin:30px auto 0; }

#merit .pointBox{ display: table; width: 100%; margin:0 auto; padding:8px 0 0; border-top: #dadada 1px solid;}
#merit .pointBox ul{ overflow: hidden;}
#merit .pointBox ul li{ margin:36px 0 0; text-align: center;}

#merit .pointBox ul li span{ display: inline-block; padding:0 0 0 28px; position: relative; font-size: 14px; color: #333;}
#merit .pointBox ul li span:before{ content: ""; display: block; background: url("../../option/sitelock-cdn/img/merit_icon01.png") no-repeat; background-size: cover; width: 20px; height: 16px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
#merit .pointBox ul li p{ margin:8px 0 0; font-size: 18px; font-weight: bold; color: #008fe1;}


/* step
**********************************************************************/
#step{
	background-image: -moz-linear-gradient( 0deg, rgb(36,160,227) 0%, rgb(1,89,188) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(36,160,227) 0%, rgb(1,89,188) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(36,160,227) 0%, rgb(1,89,188) 100%);
	color: #fff;
}
#step ul{ max-width: 650px; margin:45px auto 0;}
#step ul li{ display: table; width: 100%; margin:70px 0 0; position: relative; clear: both; }
#step ul li:first-child{ margin:0;}

#step ul li:before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: -40px; left: 50%; border: 10px solid transparent; border-top: 10px solid #fff; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
#step ul li:first-child:before{ display: none;}
#step ul li span{ display: block; background: #29aeec; padding:8px 0 7px; font-size: 16px; color: #fff; text-align: center; letter-spacing: 1px; border-radius: 3px 3px 0 0;}
#step ul li p{ background: #fff; padding:13px 28px; font-size: 16px; color: #333; text-align: center; border-radius: 0 0 3px 3px;}
#step .btn{ margin:60px auto 0;}


/* technology
**********************************************************************/
#technology .blueTable{ max-width: 960px; min-width: 900px; margin:50px auto 0; }
#technology .blueTable th,
#technology .blueTable td{ padding:12px 14px 11px;}

#technology .blueTable thead{ background: #008fe1;}
#technology .blueTable thead th{  font-size: 15px; color: #fff;}

#technology .blueTable tbody{ background: #fff; vertical-align: top;}
#technology .blueTable tbody tr{ border-top:#f4f4f4 1px solid;}
#technology .blueTable tbody tr:first-of-type{ border-top: none;}

#technology .blueTable tbody th{ width: 28%;}
#technology .scrollTxt span{ background: #f1f4f8;}


/* entryArea
**********************************************************************/
#entryArea{ background: #fff;}
#entryArea .area{ max-width: 960px; margin:0 auto; border: #333 3px solid;}
#entryArea .area h4{ background: #333; padding:8px 10px 10px; font-size: 18px; color: #fff; text-align: center;}
#entryArea .area > div{ background: #f4f4f4; padding:30px 10px 18px;}

#entryArea .area div > .btn{ width: 100%; max-width: 300px; padding:14px 10px 12px;}
#entryArea .area div > .btn .blank:before{ top: 9px; }
#entryArea .area div .blank03:before{ top: 7px!important;}

#entryArea .area ul{ padding:12px 0 14px; overflow: hidden;}
#entryArea .area ul li{ width: 33.33%; float: left; text-align: center; border-left: #bfbfbf 1px solid;}
#entryArea .area ul li:first-child{ border-left:none;}

#entryArea .area ul li a{ display: block; padding:4px 0 2px; color: #333; text-decoration: underline;}
#entryArea .blank03:before{ top: 3px; right: -16px;}


/* /sitelock/support/
**********************************************************************/
#pdfPage main{ min-height: 220px;}
#pdfTit,
#sl,
#slcdn,
#contact{ padding:0 10px; border-top: #d4d4d4 1px solid;}
#slcdn{ background: #fff;}

#pdfTit{ text-align: center; border-top: none;}
#pdfTit h2 img{ display: block; width: auto; height: 40px; margin:0 auto;}
#pdfTit h2 img:nth-of-type(2){ margin: 10px auto 0;}
#pdfTit .wrap > p{ margin:28px 0 0; font-size: 18px; line-height: 1.6;}

.pdfList{ overflow: hidden;}
.pdfList li{ margin:10px 0 0; }
.pdfList li a{ display: block; padding:14px 20px 14px 50px; position: relative; border: #d6d6d6 1px solid;}
.pdfList li a:before{ content: ""; display: block; background: url("../img/icon_pdf.png")no-repeat; background-size: cover; width: 17px; height: 22px; position: absolute; top: 50%; left: 18px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
#contact .btn span:before{ right: -10px;}

@media print, screen and (max-width:380px) {
	#merit .detail ul li:nth-child(2){ margin:25px 0 0 0;}
	#entryArea .area ul li a{ font-size: 12px;}
	#entryArea .blank03:before{ display: none;}
}


/* /anshin-start/
******************************************************************************************/
#anshin article{ background: #f1f4f8;}
#anshin .secTxt{ margin:-10px 0 0; font-size: 16px; line-height: 2.2; text-align: center;}
#anshin article .btn{ min-width: 200px;}
#anshin article .dnsBtn{ background: #009dca; color: #fff; transition: background 0.3s ease-in-out 0s;}

#anshin article .blank:before{ right: -28px;}
#anshin article .blank02:before{ top: 19px; right: 12px;}
#anshin article .txtdeco.manu{ display: table; margin: 5px auto 0; font-size: 12px; font-weight: bold;}


/* main
**********************************************************************/
#anshin main{ padding:0; }
#anshin main > div{ background: url("../../option/anshin-start/img/main_bg01.png")no-repeat center bottom; background-size: cover; max-width: none; padding:70px 10px 50px;}
#anshin main .txt{ display: table; margin:0 auto; text-align: center;}

#anshin main h1{ position: relative; font-weight: bold;}
#anshin main h1:before{ content: ""; display: block; background: url("../../option/anshin-start/img/main_txt02.png"); background-size: cover; width: 42px; height: 70px; position: absolute; bottom: -20px; right: -45px;}
#anshin main h1 span{ display: table; background: url("../../option/anshin-start/img/main_txt01.png") no-repeat 4px 2px; background-size: 25px; margin:0 auto 16px; font-weight: normal;}

#anshin main .point{ margin-top: 30px; letter-spacing: 1px;}
#anshin main .point li{ display: table; margin:10px auto 0;}
#anshin main .point li:first-child{ margin:0 auto;}

#anshin main .pack{ display: table; width: 100%; }
#anshin main .pack li{ background: #0068b0; width: 50%; padding:30px 10px 25px; float: left; position: relative; text-align: center;}
#anshin main .pack .dns{ background: #009dca;}

#anshin main .pack li:before{ content: ""; display: block; background:url("../img/main_icon02.png")no-repeat center 22px, #0068b0; background-size: 25px auto; width: 120px; height: 120px; margin:0 0 0 -60px; position: absolute; top: -34px; left: 50%; border-radius: 60px;}
#anshin main .pack .dns:before{ background:url("../img/main_icon02.png")no-repeat center 22px, #009dca; background-size: 25px auto; }
#anshin main .pack li div{ position: relative;}

#anshin main .pack p,
#anshin main .pack a{ color: #fff;}
#anshin main .pack p{ font-size: 20px;}
#anshin main .pack a{ width: 100%; max-width: 200px; min-width: auto; padding-left: 10px; padding-right: 10px; margin:14px auto 0;}


/* start
**********************************************************************/
#anshin #start{ padding:0 10px;}
#anshin #start .wrap{ padding-top: 30px;}
#anshin #start h2{ color: #008fe1;}
#anshin #start .secTxt{ color: #666;}

#anshin #start ul{ max-width: 800px; margin:24px auto 0; justify-content: space-between;}
#anshin #start li{ background: #fff; width: 300px; margin:15px auto 0; padding:112px 10px 34px; position: relative; text-align: center; border-radius: 5px;}
#anshin #start li:first-child{ margin:0 auto;}

#anshin #start li:before{ content: ""; display: block; background-size: cover!important; width: 50px; height: 50px; margin:0 0 0 -25px; position: absolute; top: 42px; left: 50%;}
#anshin #start .beginner:before{ background:url("../../option/anshin-start/img/start_img01.png")no-repeat;}
#anshin #start .support:before{ background:url("../../option/anshin-start/img/start_img02.png")no-repeat;}
#anshin #start .cms:before{ background:url("../../option/anshin-start/img/start_img03.png")no-repeat;}

#anshin #start li span{ display: block; font-size: 12px; color: #8ac0de; letter-spacing: 1px;}
#anshin #start li p{ margin:4px 0 0; font-size: 18px; font-weight: bold;}


/* debut
**********************************************************************/
#anshin #debut{ background: #008fe1; padding:0 10px;}
#anshin #debut .secTit{ color: #fff;}
#anshin #debut .secTxt{ color: #dcf2ff;}

#anshin #debut .fadeMenu,
#anshin #debut .fadeBox{ max-width: 740px; margin:0 auto;}
#anshin #debut .fadeMenu{ margin-top:30px; overflow: hidden;}
#anshin #debut .fadeMenu li{ width: 49%; float: left;}
#anshin #debut .fadeMenu li:last-child{ float: right;}

#anshin #debut .fadeMenu a{ display: block; background: #11689a; padding:20px 10px 18px; font-size: 19px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px 5px 0 0; letter-spacing: 1px; transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s; }
#anshin #debut .fadeMenu .on{ background: #fff; color: #008fe1;}
#anshin #debut .fadeMenu li:last-child .on{ color: #009dca;}

#anshin #debut .fadeBox{ background: #fff; padding:37px 10px 44px; border-radius: 0 0 5px 5px;}
#anshin #debut .fadeBox div{ max-width: 660px; margin:0 auto; }
#anshin #debut #dns{ display: none;}
#anshin #debut .fadeBox .btn{ margin:20px auto 0;}

#anshin #debut .support{ max-width: 1000px; padding:48px 20px 40px; margin:40px auto 0; position: relative; font-size: 28px; font-style: italic; color: #fff; text-align: center;}
#anshin #debut .support:before,
#anshin #debut .support:after{ content: ""; display: block; background-size: cover!important; width: 230px; height: 80px; position: absolute;}

#anshin #debut .support:before{ background:url("../../option/anshin-start/img/debut_txt01.png")no-repeat; top: 0; left: 0;}
#anshin #debut .support:after{ background:url("../../option/anshin-start/img/debut_txt02.png")no-repeat; bottom: 0; right: 0;}


/* anshin flow
**********************************************************************/
#anshin .flowList{ max-width: 800px; margin-bottom: 0;}
#anshin .flow02{ box-shadow: none;}
#anshin .flowList li:nth-child(2):before{ display: none;}

#anshin .flow02 .tit,
#anshin .flow02 .txt{ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);}
#anshin .flowList .tit{ padding: 4px 15px; border: #008fe1 1px solid; }
#anshin .flowList .tit span{ font-size: 20px; letter-spacing: 1px;}

#anshin .flowList .txt{ padding: 16px 30px 22px; overflow: hidden; text-align: center; border-left: #e5e5e5 1px solid; border-right: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid;}
#anshin .flowList .txt h3{ font-weight: bold; color: #008fe1; }
#anshin .flowList .txt p{ margin:6px 0 0; }

#anshin .flowList .sub{ margin:70px 0 0; }
#anshin .flowList .sub li{ background: #fff; width: 48%; padding:16px 10px; float: left; position: relative; line-height: 1.9; text-align: center; border-radius: 4px;}
#anshin .flowList .sub li:last-child{ float: right;}

#anshin .flowList .sub li:before,
#anshin .flowList .sub li:after{ content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; border: 10px solid transparent; border-top: 10px solid #c5cdd8; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
#anshin .flowList .sub li:before{ top: -40px;}
#anshin .flowList .sub li:after{ bottom: -50px;}

#anshin .flowList .sub h4{ margin:0 0 2px; font-size: 16px; font-weight: bold; color: #008fe1;}
#anshin .flowList .sub p{ font-size: 13px;}
#anshin .flowList .sub span{ display: block;}


/* anshin price
**********************************************************************/
#anshin #price{ background: #fff; padding:0 10px;}
#anshin #price .wrap > div{ max-width: 960px; margin:40px auto 0; }

#anshin #price .detail{ overflow: hidden;}
#anshin #price .detail > li{ background: #fff; overflow: hidden; border: #0068b0 4px solid; border-radius: 4px; }
#anshin #price .detail .dns{ margin:15px 0 0; border: #009dca 4px solid;}

#anshin #price h3{ background: #0068b0; padding:8px 10px 10px; font-size: 22px; color: #fff; text-align: center;}
#anshin #price .detail li > div{ padding:34px 20px 44px; text-align: center;}

#anshin #price li .txt{ font-size: 16px;}
#anshin #price .cost{ margin:6px 0 22px; font-weight: bold; color: #008fe1; }
#anshin #price .cost p{ font-size: 22px; line-height: 1.4; letter-spacing: 1px;}
#anshin #price .cost p span{ font-size: 46px;}
#anshin #price .cost > span{ display: block; font-size: 13px;}
#anshin #price .cost br.camp{ display: none; }

#anshin #price .check{ padding:14px 0; border-top: #ddd 1px solid; border-bottom:#ddd 1px solid;}
#anshin #price .check li{ display: table; background:url("../../option/anshin-start/img/price_icon01.png")no-repeat left center; background-size: 14px auto; margin:2px auto 0; padding:0 0 0 22px; color: #888;}
#anshin #price .check li:first-child{ margin:0 auto;}
#anshin #price .detail .btn{ margin:30px auto 0;}

/* dns */
#anshin #price .dns h3{ background: #009dca;}
#anshin #price .dns .cost{ color: #009dca;}
#anshin #price .att{ margin:14px 0 0; font-size: 13px; text-align: right;}

#anshin #price .help{ background: #f1f4f8; padding:30px 10px 26px; margin:40px 0 0; text-align: center; }
#anshin #price .help p{ font-size: 18px;}

#anshin #price .help ul{ display: table; margin:20px auto 0;}
#anshin #price .help li{ width: 220px;}
#anshin #price .help li:first-child{ margin:0 0 15px;}

#anshin #price .help .btn{ background: #fff; width: 100%; margin:0; padding-left: 10px; padding-right: 10px;}
#anshin #price .help .att02{ display: table; margin:20px auto 0;}

#anshin #price .help .live .btn{ padding:0; border: none; box-shadow: none;}
#anshin #price .help .live a{ display: block; background: #fff; padding: 11px 36px 10px; position: relative; font-weight: bold; border: #008fe1 2px solid; border-radius: 4px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;}
#anshin #price .help .live .disabled{ opacity:0.4;}
#anshin #price .help .live a img,
#anshin #price .help .live span{ display: none;}

#anshin #price .help .live a:before{ display: inline-block; color: #008fe1;}
#anshin #price .help .live .lhc-status-native-online,
#anshin #price .help .live .lhc-status-native-offline{ font-size: 14px;}

#anshin #price .help .live .lhc-status-native-online a:before,
#anshin #price .help .live .lhc-status-native-offline a:before{ content: "ライブチャット"; }
#anshin #price .help .live .lhc-status-native-offline a:before{ text-decoration: none; color: #4e95dc;}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px) {


	/* flowList
	**********************************************************************/
	.flowList { margin: 40px auto 60px; }
	.flowList > li:first-child { margin: 0; }
	.flowList .tit { width: 21.5%; min-height: 55px; float: left; border-radius: 4px 0 0 4px; }
	.flowList .tit span { font-size: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.flowList .txt { width: 78.5%; float: left; border-radius: 0 4px 4px 0; }


	/* /sitelock/support/
	**********************************************************************/
	#pdfTit h2 img{ display: inline-block;}
	#pdfTit h2 img:nth-of-type(2){ margin:0 0 0 40px;}

	.pdfList li{ width: 48%; margin:30px 0 0; float: left;}
	.pdfList li:nth-child(even){ float: right;}


	/* /anshin-start/
	******************************************************************************************/

	/* main
	**********************************************************************/
	#anshin main > div{ padding:100px 10px 70px;}
	#anshin main .point li{ margin:0 0 0 36px;}
	#anshin main h1:before{ right: 35px;}


	/* start
	**********************************************************************/
	#anshin #start .wrap{ padding-top: 50px;}
	#anshin #start ul{ display:flex; margin:40px auto 0;}
	#anshin #start li{ width: 30%; margin:0!important;}


	/* debut
	**********************************************************************/
	#anshin #debut .fadeMenu{ margin-top:50px;}
	#anshin #debut .fadeBox .btn{ margin:0 auto;}
	#anshin #debut .support{ margin:60px auto 0; font-size: 33px;}


	/* anshin flow
	**********************************************************************/
	#anshin .flowList .tit{ width: 12.5%; min-height: 82px; padding: 10px 15px; }
	#anshin .flowList .tit span{ font-size: 24px;}

	#anshin .flowList .txt{ padding-top: 26px; text-align: left; border-top: #e5e5e5 1px solid; border-left:none;}
	#anshin .flowList .txt,
	#anshin .flowList .sub{ width: 87.5%; }

	#anshin .flowList .txt h3,
	#anshin .flowList .txt p{ float: left; }

	#anshin .flowList .txt h3{ width: 20%; }
	#anshin .flowList .txt p{ width: 80%; margin:2px 0 0; }
	#anshin .flowList .sub{ float: right;}


	/* anshin price
	**********************************************************************/
	#anshin #price .detail > li{ width: 49%; float: left;}
	#anshin #price .detail .dns{ margin:0; float: right;}
	#anshin #price .cost br.camp{ display: block;}

	#anshin #price .help{ margin:55px 0 0;}
	#anshin #price .help li{ float: left;}
	#anshin #price .help li:last-child{ float: right;}

	#anshin #price .help ul{ width: 480px;}
	#anshin #price .help li:first-child{ margin:0;}
}


/*************************************************************************************************************************
* 980px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:980px){

	/* transfer
	**********************************************************************/
	#transfer .floatBox{ padding:60px 40px; }
	#transfer .floatBox .txt{ width: 53%; float: right;}

	#transfer .floatBox .txt .price{ text-align: left; }
	#transfer .floatBox .txt .btn{ margin:10px 0 0;}
	#transfer .floatBox > img{  width: 50%; margin:-30px 0 0 30px; }


	/* security
	**********************************************************************/
	#security .detail > li{ width: 48.6%; padding:50px 40px 40px; float: left; }
	#security .detail > li:nth-child(2){ float: right; margin:0;}


	/* /wordpress/
	******************************************************************************************/

	/* labor
	**********************************************************************/
	#labor .floatBox{ margin:40px 0 0;}
	#labor .floatBox .txt{ width: 56%; padding-bottom: 30px; float: left; }
	#labor .floatBox > img{ margin:-30px 0 0; float: right;}


	/* basis
	**********************************************************************/
	#basis .wrap{ padding-top: 20px;}


	/* /sitelock/
	******************************************************************************************/

	/* lisk
	**********************************************************************/
	.lisk .floatBox,
	.offer .floatBox{ margin-bottom:0; }
	.lisk .floatBox{ padding-right: 20px;}
	.lisk .floatBox .txt{ width: 74%!important;}
	.lisk .floatBox img{ margin-top: 60px!important;}
	.protect .featureBox li{ padding-bottom: 38px;}


	/* reason
	**********************************************************************/
	#sitelockPage #reason .itemList ul li:nth-child(n+4){ margin-top: 40px!important;}
	#sitelockPage  #reason .itemList li:nth-child(4){ margin-left: 205px!important; margin-right: 20px!important;}


	/* plan
	**********************************************************************/
	#plan .btn{ margin-top:60px;}
	#plan .resaleBox{ margin:55px 0 0;}


	/* guide
	**********************************************************************/
	#guide .entryFlow{ overflow: hidden; }
	#guide .entryFlow li{ width: 47.5%; float: left;}
	#guide .entryFlow li:nth-child(2){ margin:0; float: right;}


	/* easy
	**********************************************************************/
	#easy img{ margin:60px auto 0; }


	/* merit
	**********************************************************************/
	#merit .tit{ margin:-190px auto 0; padding:60px 20px; }
	#merit .floatBox{ margin:60px 0 40px; padding:0 38px; }
	#merit .floatBox > img{ width: 32%; float: left;}

	#merit .detail{ width: 59%; float: right;}
	#merit .detail ul{ overflow: hidden;}
	#merit .detail ul li{ width: 48%; float: left;}
	#merit .detail ul li:nth-child(2){ margin:0; float: right;}
	#merit .detail p{ margin:30px 0 0;}
	#merit .pointBox ul li{ width: 33.33%; float: left; }


	/* step
	**********************************************************************/
	#step ul li span{ width: 23%; padding:12px 0; float: left; font-size: 18px; border-radius: 3px 0 0 3px; }
	#step ul li p{ width: 77%; float: left; text-align: left; border-top: #fff 1px solid; border-left:none; border-radius: 0 3px 3px 0; }


	/* entryArea
	**********************************************************************/
	#entryArea .area ul li a{ font-size: 16px;}
	#entryArea .area ul li a:hover{ text-decoration: none;}
	#entryArea .blank03:before{ top: 9px;}


	/* /sitelock/
	******************************************************************************************/
	#sitelockPage .directoryMenu li a:hover{ background: #f1f4f8;}


	/* /sitelock/support/
	**********************************************************************/
	.pdfList li a{ transition: background 0.3s ease-in-out 0s,border 0.3s ease-in-out 0s;}
	.pdfList li a:hover{ background: #f4fbff; border: #008fe1 1px solid;}


	/* /anshin-start/
	******************************************************************************************/
	#anshin article .dnsBtn:hover{ background: #00abdc;}

	/* main
	**********************************************************************/
	#anshin main .pack .dns a:hover{ color: #009dca!important;}


	/* debut
	**********************************************************************/
	#anshin #debut .fadeMenu a:hover{ background: #fff; color: #008fe1;}
	#anshin #debut .fadeMenu li:last-child  a:hover{ color: #009dca;}


	/* anshin price
	**********************************************************************/
	#anshin #price .wrap > div{ margin:60px auto 0; }
	#anshin #price .detail > li{ width: 47%; float: left;}
	#anshin #price .detail li > div{ padding:34px 36px 44px;}
	#anshin #price .cost br.camp{ display: none; }

	#anshin #price .help .btn:hover,
	#anshin #price .help .live a:hover{ background: #008fe1; }
	#anshin #price .help .btn:hover:before,
	#anshin #price .help .live a:hover:after{ background: url(../img/icon_blank02.png) no-repeat; background-size: contain; }
	#anshin #price .help .live a:hover:before{ color: #fff;}
}


@media print, screen and (min-width:1100px){

	/* /sitelock/
	******************************************************************************************/

	/* lisk
	**********************************************************************/
	.lisk .floatBox,
	.offer .floatBox{ padding-right: 50px;}

}