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

/* Code Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
strong { font-weight: bold; }
body {
	line-height: 180%;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	background-color: #3eba2b;
	-webkit-text-size-adjust: none;
	padding-top: 140px; /* 固定ヘッダー高さ */
	height: 100%; }


/* reset */
.myClear { clear: both; overflow: auto; }
/* Link */
a { text-decoration: none; }
a:link { color:#0000cc; }
a:hover { color:#23ac0c; }
a:visited { color:#551a8b; }
.linkColor1 { color: #000000; }

/* Color */
.c_red { color: #dc143c; }
.c_blue { color: #6a8cc7; }
.c_green { color: #23ac0e; }
.c_white { color: #ffffff; }

/* Text Size */
.txt20 { font-size: 20px; }
.txt30 { font-size: 30px; }
.ft80 { font-size: 80%; }
.PDtxt { font-size: 70%; color: #dc143c; }

/* Text Position */
.posL { text-align: left; }
.posC { text-align: center; }
.posR { text-align: right; }
.txt_clear { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.sup { vertical-align: super; font-size: 60%; }
.sup80 { vertical-align: super; font-size: 80%; }
.undertxt { text-decoration: underline; }

/* Line Height */
.lh200 { line-height: 200%; }

/* Margin */
.mt20 { margin-top: 20px; }

/* width */
.w25 { width: 25%; }
.w30 { width: 30%; }
.w40 { width: 40%; }

/* PC or SP */
.onlySP { display: none!important; }
.onlyPC { }

/* BaseArea */
div#headerFixed { position: fixed; top: 0px; left: 0px; width: 100%; height: 106px; z-index: 100; border-top: 5px solid #3eba2b; }
div#headerArea { text-align: center; background-color: #ffffff; border-bottom: 1px solid #000000; }
div#contentsArea { text-align: center; background-color: #ffffff; margin-bottom: -9px; }
div#footerLinkArea { text-align: center; background-color: #fcfaf5; padding: 24px 0; border-top: 1px solid #ebe7e1; }
div#footerArea { text-align: center; }
	/* SubContents */
div#subContentsArea { width: 960px; margin: 0 auto; text-align: left; padding: 32px;}


/* ---------- header_block.php ---------- */
div#header {
/*	width: 960px; 全入れ替え後有効 */
	width: 1024px;
	height: 140px;
	margin: 0 auto;
	text-align: left;
	padding: 16px 0; }
div#header h1.linkLogo {
	display: block;
	width: 300px;
	height: 66px;
	float: left;
	background-image: url("../images/top_logo.png") ;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0 ;
	margin-top: -10px; }
div#header h1.linkLogo > a, div#header h1.linkLogoForm > a { display: block; width: 300px; height: 66px; }
div.headerNavi { clear: both; overflow: inherit; text-align: center; width: 100%; }
div.headerNavi ul.headerNaviUL { }
div.headerNavi ul.headerNaviUL li {
	margin-top: 15px;
	font-size: 120%;
	font-weight: bold;
	display: inline-block; }
div.headerNavi ul.headerNaviUL a {
	display: block;
	padding: 8px 16px; }
div.headerNavi ul.headerNaviUL a { color: #000000; }
div.headerNavi ul.headerNaviUL a:hover { color: #23ac0e; }
div.headerOrderDiv {
	float: right;
	position: relative;
	right: 0; }
div.headerOrderDiv a {
	display: block;
	font-size: 200%;
	letter-spacing: 10px;
	background-color: #a53f88;
	border-radius: 3px;
	border: 2px solid #a53f88;
	margin-top: 10px;
	padding: 8px 16px 8px 26px;
	font-weight: bold;
	color: #ffffff;}
div.headerOrderDiv a:hover { background-color: #d274b7; }

/* ---------- header_form_block.php ---------- */
div#header h1.linkLogoForm {
	display: block;
	width: 300px;
	height: 66px;
	float: left;
	background-image: url("../../home/images/top_logo.png") ;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0 ;
	margin-top: -10px; }
div#header h1.linkLogo > a { display: block; width: 300px; height: 66px; }


/* ---------- Contents ---------- */
div.mainImgDiv { width: 1000px; margin: 0 auto 3em; padding-top: 5px; }
div.mainImgDiv img { width: 100%; }
p.mainImgSpaceP { text-align: center; margin: 1em auto; font-size: 300%; font-weight: bold; color: #a53f88; }
h2.topTitileH2 {
	font-weight: bold;
	padding: 20px;
	background-color: #f4f4f4; }
div.mainImgDiv a.linkBtn {
	display: inline-block;
	font-size: 250%;
	letter-spacing: 10px;
	background-color: #a53f88;
	border-radius: 3px;
	border: 2px solid #a53f88;
	margin: 5px auto;
	margin-bottom: 2em;
	padding: 16px 32px 16px 42px;
	font-weight: bold;
	color: #ffffff;}
div.mainImgDiv a.linkBtn:hover { background-color: #d274b7; }
span.incISP {
	display: inline-block;
	border-radius: 20px;
	background: #d45d87;
	padding: 1px 32px;
	margin-bottom: 10px;
	font-size: 80%;
	color: #ffffff; }
/* ---------- Banner and Twitter ---------- */
div.bnr_twi { width: 100%; padding: 0px; }
div.bnr_twi ul { }
div.bnr_twi ul li { display: inline-block; margin: 0; text-align: top; }
div.bnr_twi ul li.banner_Li { width: 100%; }

/* ---------- Clytia + ---------- */
div.clytia_otokuna_bnr { width: 80%; margin: 0.5em auto 0; }
div.clytia_otokuna_bnr img { width: 100%; }


/* ---------- Whats New ---------- */
div.divWhatsNew { margin-bottom: 3em; }
h2.ttlWhatsNew {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center; }
h2.ttlWhatsNew::before,
h2.ttlWhatsNew::after {
	content: '';
	width: 70px;
	height: 3px;
	background-color: #e3bf00; }
h2.ttlWhatsNew::before { margin-right: 20px; }
h2.ttlWhatsNew::after { margin-left: 20px; }

ul.whatsNewUL {
	list-style: none;
	text-align: left;
	background-color: #ededed ;
	padding: 1em;
	margin: 1em auto;
	width: 900px;
	border-radius: 3px; 

	/* ↓20221025 スクロールバー */
 	height: 200px;
  	overflow-y: scroll;}
ul.whatsNewUL > li > dl dt { display: inline-block; font-weight: bold; padding-right: 4px; width: 15%; vertical-align: top; text-align: right; }
ul.whatsNewUL > li > dl dd { display: inline-block; padding-left: 4px; width: 84%; vertical-align: top;}

/* ↓20221025 スクロールバー */
ul.whatsNewUL::-webkit-scrollbar {
width: 14px;}
 
/* スクロールの背景の設定 */
ul.whatsNewUL::-webkit-scrollbar-track {
 background: #ccc;}
 
/* ドラックできるスクロール部の設定 */
ul.whatsNewUL::-webkit-scrollbar-thumb {
background-color: #6a8cc7;
}

/* ---------- Price ---------- */
span.waterSetPrice {
	display: inline;
	padding: 0.2em;
	color: #000000;
	background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(253,224,224)  60%);}
div.divPrice {
	width: 960px;
	margin: 8px auto; }
div.divPrice dl.famBox {
	float: left;
	width: 40%;
	border: 1px solid #6a8cc7;
	margin: 1em 0;
	margin-left: 5em; }
div.divPrice dl.manBox {
	float: right;
	width: 40%;
	border: 1px solid #6a8cc7;
	margin: 1em 0;
	margin-right: 5em; }
div.divPrice dl.famBoxLight {
	width: 84%;
	border: 1px solid #6a8cc7;
	margin: 1em auto; }
div.divPrice dl.famBox dt, div.divPrice dl.manBox dt, div.divPrice dl.famBoxLight dt {
	background-color: #6a8cc7;
	color: #ffffff; }
div.divPrice dl.famBox dd, div.divPrice dl.manBox dd, div.divPrice dl.famBoxLight dd { padding: 8px; }
div.divPrice dl.famBox dd.ddPrice, div.divPrice dl.manBox dd.ddPrice, div.divPrice dl.famBoxLight dd.ddPrice {
	font-size: 120%;
	padding-top: 16px; }
div.divPrice dl.famBox dd.ddPrice > strong, div.divPrice dl.manBox dd.ddPrice > strong,
div.divPrice dl.famBoxLight dd.ddPrice > strong { font-size: 180%; color: #d45d87; margin: 0 2px; }
span.ddTaxPrice { font-size: 100%!important; }
span.ddTaxPriceOp { font-size: 80%!important; }

ul.priceNote { list-style: none; margin: 0 auto; width: 760px; }
ul.priceNote li { text-align: left; }
h3.tableTitle {	margin: 1em 0 0.5em; }
h3.tableTitle::before {
	content: "■";
	color: #999999; }
table.priceNoteTable, table.priceWaterNoteTable { border: 1px solid #c0c0c0; width: 100%; border-collapse: collapse; }
table.priceNoteTable th { padding: 8px 16px; text-align: center; font-weight: bold; border: 1px solid #c0c0c0;background-color: #6a8cc7; color: #ffffff; }
table.priceWaterNoteTable th { padding: 8px 16px; text-align: center; font-weight: bold; border: 1px solid #c0c0c0;background-color: #ff3737; color: #ffffff; }
table.priceNoteTable td, table.priceWaterNoteTable td { padding: 8px 16px; text-align: left; border: 1px solid #c0c0c0; }
table.priceNoteTable td.priceCell, table.priceWaterNoteTable td.priceCell { text-align: center; }
table.priceNoteTable td.priceCell > span, table.priceWaterNoteTable td.priceCell > span { font-size: 120%; }
.PDtxtCell { font-size: 80%!important; color: #dc143c; }


div.serviceLinkDiv { width: 960px; margin: 2em auto; text-align: right; }
a.serviceLinkBtn {
	display: block;
	text-align: center;
	position: relative;
	margin: 2em auto;
	padding: 1em 2em;
	width: 800px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #23ac0e;
	background-color: #a8dfc6;
	transition: 0.3s; }
a.serviceLinkBtn::after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #23ac0e transparent;
	transition: 0.3s; }
a.serviceLinkBtn:hover { text-decoration: none; background-color: #b7f2d7; }

/* ---------- SNS ---------- */
div.snsArea { background-color: #f4f4f4; text-align: center; }
div.snsArea ul { margin: 0 auto; width: 50%; }
div.snsArea ul li {
	display: inline-block;
	list-style: none;
	width: 100px; }
div.snsArea ul li img {
	clear: both;
	margin: 5px 10px;
	width: 100%; }

/* ---------- v6Speed ---------- */
p.v6SpeedP {
	display: block;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding-top: 50px; }
ul.v6_modelUL {
	width: 800px;
	margin: 1em auto; }
ul.v6_modelUL li {
	display: inline-block;
	list-style: none;
	vertical-align: top;
	width: 47%!important; }
ul.v6_modelUL li > a { padding: 0!important; margin: 0!important; }
ul.v6_modelUL li:first-child { margin-right: 40px; }
dl.v6_modelDL { width: 100%!important; color: #6a8cc7; }
dl.v6_modelDL dt { background-color: #d8e6f3; font-weight: bold; }
dl.v6_modelDL dd img { width: 100%; }

/* ---------- Step ---------- */
p.stepAreaP {
	display: block;
	width: 600px;
	height: 300px;
	margin: 0 auto;
	font-size: 200%;
	background-image: url("images/step_top_BG.png");
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 50px;
	line-height: 200%; }
h3.stepSubTitleH3 {
	display: block;
	width: 800px;
	margin: 1em auto;
	margin-top: 2em;
	padding: 6px;
	font-size: 140%;
	text-align: center;
	background-color: #3eba2b;
	color: #ffffff;
	border-radius: 20px; }
div.divStart {
	width: 960px;
	margin: 8px auto; }
div.divStart ul.stepUL, div.innerDiv ul.stepUL { width: 100%; }
div.divStart ul.stepUL li, div.innerDiv ul.stepUL li {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	height: 180px;
	border: 1px solid #6a8cc7;
	border-radius: 3px; }
div.divStart ul.stepUL li.arrowLi, div.innerDiv ul.stepUL li.arrowLi {
	position: relative;
	margin-right: 20px;}
div.divStart ul.stepUL li.arrowLi:after, div.innerDiv ul.stepUL li.arrowLi:after {
	left: 102%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(106, 140, 199, 0);
	border-left-color: #6a8cc7;
	border-width: 15px;
	margin-top: -15px; }
div.divStart ul.stepUL li > p, div.innerDiv ul.stepUL li > p { font-size: 120%; font-weight: bold; padding-top: 16px; color: #d45d87; }
div.divStart ul.stepUL li > dl, div.innerDiv ul.stepUL li > dl { width: 100%; }
div.divStart ul.stepUL li > dl > dt, div.innerDiv ul.stepUL li > dl > dt { padding-top: 20px; padding-bottom: 16px; color: #6a8cc7; font-weight: bold; }
div.divStart ul.stepUL li > dl > dd, div.innerDiv ul.stepUL li > dl > dd { padding: 0 8px; text-align: left; }
div.divStart ul.stepUL2, div.innerDiv ul.stepUL2 { width: 100%; }
div.divStart ul.stepUL2 li, div.innerDiv ul.stepUL2 li {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	height: 230px;
	border: 1px solid #6a8cc7;
	border-radius: 3px; }
div.divStart ul.stepUL2 li.arrowLi, div.innerDiv ul.stepUL2 li.arrowLi {
	position: relative;
	margin-right: 20px; }
div.divStart ul.stepUL2 li.arrowLi:after, div.innerDiv ul.stepUL2 li.arrowLi:after {
	left: 102%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(106, 140, 199, 0);
	border-left-color: #6a8cc7;
	border-width: 15px;
	margin-top: -15px; }
div.divStart ul.stepUL2 li > p, div.innerDiv ul.stepUL2 li > p { font-size: 20px; font-weight: bold; padding-top: 16px; color: #d45d87; }
div.divStart ul.stepUL2 li > dl, div.innerDiv ul.stepUL2 li > dl { width: 100%; }
div.divStart ul.stepUL2 li > dl > dt, div.innerDiv ul.stepUL2 li > dl > dt { padding-top: 20px; padding-bottom: 8px; color: #6a8cc7; font-weight: bold; height: 80px; }
div.divStart ul.stepUL2 li > dl > dd, div.innerDiv ul.stepUL2 li > dl > dd { padding: 0 8px; text-align: left; }
ul.startNote { list-style: none; margin-top: 1em; }

/* ---------- Option Service ---------- */
div.divOptionService {
	width: 960px;
	padding: 1em 0;
	margin: 8px auto; }
dl.optionDL { margin: 1em auto; margin-bottom: 1.5em; text-align: left; }
dl.optionDL dt { font-weight: bold; font-size: 120%; color:#6a8cc7; padding-bottom: 8px; }
dl.optionDL dd { padding-bottom: 4px; }
dl.optionDL dd:last-child { border-bottom: 1px solid #c0c0c0; padding-bottom: 8px; }

/* ---------- Footer ---------- */
footer#formFooter { background-color: #3eba2b; width: 100%; }
div#footer_box, div#pageFooterBox {
	width: 980px;
	margin: 0 auto;
	padding: 0.5em; }
div.go2top { text-align: right; }
div.go2top > p {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	border: 3px solid #a53f88;
	background-color: #a53f88;
	text-align: center; }
div.go2top > p:hover  { background-color: #c77bb1; border: 3px solid #c77bb1; }
div.go2top > p > a {
	text-decoration: none;
	display: block;
	width: 64px;
	height: 64px;
	font-family: "Arial", "Meiryo", sans-serif;
	font-size: 10px;
	line-height: 150%;
	font-weight: bold;
	padding: 16px 3px 4px 4px; }
span.go2t4 { font-size: 200%; }


/* ---------- Footer ---------- */
div#footerMenu { width: 960px; margin: 0 auto; padding-top: 32px; padding-bottom: 32px; }
div#footerMenu > ul { list-style: none; }
/*div#footerMenu > ul li { display: inline-block; width: 25%; margin-left: -5px; text-align: left; vertical-align: top; }*/
div#footerMenu > ul li { display: block; margin-left: -5px; text-align: left; vertical-align: top; }
div#footerMenu > ul > li > dl { margin-left: 16px; margin-bottom: 16px; }
div#footerMenu > ul > li > dl dt { font-weight: bold; border-bottom: 1px solid #666666; margin-bottom: 12px; }
div#footerMenu > ul > li > dl dd { display: inline-block; margin-left: 1em; margin-bottom: 12px; }
div#footerMenu > ul > li > dl dd a { line-height: 130%; }
div#footerMenu > ul > li > dl dd a:visited { }
div#footerMenu > ul > li > dl dd a:hover { }
/* ---------- SP用フッターボタン ---------- */
div#spFooterOrderBtn { display: none; }

/* Inquiry Area */
div#inquiryArea { width: 100%; background-color: #f4f4f4; }
div#inquiryBlock {
	width: 960px;
	margin: 8px auto;
	margin-bottom: -8px;
	padding: 32px 0; }
ul.inquiryUL { list-style: none; }
ul.inquiryUL li.inquiryLi1 { width: 70%; display: inline-block; vertical-align: top; }
ul.inquiryUL li.inquiryLi2 { width: 25%; display: inline-block; vertical-align: top; }
ul.inquiryUL li p { line-height: 200%; }
span.lineMessage, span.telMessage { font-size: 200%; }
span.lineID {
	color: #2cd680;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	padding: 8px 0; }
span.lineID > img { position: relative; top: 10px;}
span.lineSmallTxt { font-size: 70%; position: relative; top: -5px;}
span.lineTime, span.telTime { }
span.telNum {
	color: #d45d87;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	padding: 8px 0; }
a.spLinkBtn { display: none; }
p.smallTxt { font-size: 70%; }

/* ---------- Sub Contents ---------- */
div#subContentsArea ul.breadcrumbs { list-style: none; padding; margin-bottom: 3em; }
div#subContentsArea ul.breadcrumbs li { display: inline-block; }
div#subContentsArea ul.breadcrumbs li:after { content: " > "; }
div#subContentsArea ul.breadcrumbs li:last-child:after { content: none; }
div#subContentsArea ul.breadcrumbs li > span.current { font-weight: bold; color: #3eba2b; }
div#subContentsArea ul.breadcrumbs a { color: #000000; line-height: 130%; }
div#subContentsArea ul.breadcrumbs a:visited { color: #000000; }
div#subContentsArea ul.breadcrumbs a:hover { color:#23ac0c; }

h1.subTitleH1 {
	position: relative;
	padding: 0 65px;
	text-align: center;
	margin-bottom: 3em;
	font-size: 140%; }
h1.subTitleH1:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #3eba2b; }
h1.subTitleH1 > span { position: relative; padding: 0 1em; background-color: #ffffff; }
div.innerDiv { text-align: center; }

/* ---------- COMPANY ---------- */
/* companyDL */
dl.companyDL {
	width: 800px;
	margin:0  auto;
	display: flex;
	flex-wrap: wrap;
	text-align: left; }
dl.companyDL dt {
	vertical-align: top;
	display: inline-block;
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 1px dotted #c0c0c0 ;
	width: 30%; }
dl.companyDL dd {
	display: inline-block;
	padding: 10px 8px;
	border-bottom: 1px dotted #c0c0c0 ;
	width: 65%; }
dl.companyDL dt:last-of-type { border-bottom: none; }
dl.companyDL dd:last-child { border-bottom: none; }
dl.companyDL dd > ul { list-style: disc; margin-left: 1em; }

/* ---------- Privacy Policy ---------- */
h2.ppTitleH2 { font-size: 150%; text-align: center; margin: 1em auto; }
dl.ppPreface { width: 850px; margin: 0 auto; text-align: left; }
dl.ppMain { width: 850px; margin: 0 auto; margin-top: 4em; text-align: left; }
dl.ppMain dt { font-weight: bold; margin-top: 1em; font-size: 110%; }
dl.ppMain dd { }
ul.ppUL { list-style: none; }
ul.ppUL li { margin-left: 2em; }
ul.ppUL li.ppULTitle { margin-top: 1me; font-weight: bold; text-indent: -3em; }
ul.ppUL_info { list-style: none; }
ul.ppUL_info li { margin-left: 1em; }
ul.ppUL_info li.ppULTitle { list-style: disc; }
p.ppBOSS { text-align: right; padding: 0 0 1em 0; font-weight: normal; }
dl.policyDL {
	border: 1px solid #c0c0c0;
	padding: 0px;
	width: 100%;
	margin:0  auto;
	display: flex;
	flex-wrap: wrap;
	text-align: left; }
dl.policyDL dt {
	margin: 0!important;
	vertical-align: top;
	display: inline-block;
	font-weight: bold;
	padding: 10px 8px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #f4f4f4;
	width: 30%; }
dl.policyDL dd {
	vertical-align: top;
	display: inline-block;
	padding: 10px 8px;
	border-bottom: 1px solid #c0c0c0;
	background-color: #ffffff;
	width: 70%; }
dl.policyDL dt:last-of-type { border-bottom: none; }
dl.policyDL dd:last-child { border-bottom: none; }

/* ---------- COMMERCIAL ---------- */
/* commerceDL */
dl.commerceDL {
	width: 800px;
	margin:0  auto;
	display: flex;
	flex-wrap: wrap;
	text-align: left; }
dl.commerceDL dt {
	vertical-align: top;
	display: inline-block;
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 1px dotted #c0c0c0 ;
	width: 30%; }
dl.commerceDL dd {
	display: inline-block;
	padding: 10px 8px;
	border-bottom: 1px dotted #c0c0c0 ;
	width: 65%; }
dl.commerceDL dt:last-of-type { border-bottom: none; }
dl.commerceDL dd:last-child { border-bottom: none; }
dl.commerceDL dd > ul { list-style: disc; margin-left: 1em; }

/* ---------- TERMS ---------- */
/* termsDL */
dl.termsDL {
	width: 800px;
	margin:0  auto;
	margin-bottom: 2em;
	text-align: left; }
dl.termsDL dt {
	vertical-align: top;
	font-weight: bold;
	font-size: 140%;
	color: #999999;
	padding: 10px 0;
	border-bottom: 1px solid #c0c0c0 ; }
dl.termsDL dd {
	padding: 0 8px }
dl.termsDL dd:first-of-type { padding-top: 16px; }
a.termsLink:hover { text-decoration: underline; color: #6a8cc7; }
a.termsLink::after {
	content: url("images/icon_pdf.png");
	vertical-align: middle;
	padding-left: 5px; }

/* ---------- FAQ ---------- */
/* faqDL */
dl.faqDL {
	width: 800px;
	margin:0  auto;
	margin-bottom: 2em;
	text-align: left; }
dl.faqDL dt {
	vertical-align: top;
	padding: 5px 0 }
dl.faqDL dd {
	border-bottom: 1px dotted #999999;
	padding: 5px 10px 15px 10px;
	text-indent: -10px; }
ul.faqUL { list-style: none; margin-left: 1em; }
ul.faqUL li { font-size: 70%; }
strong.ques {
	font-weight: bold;
	padding: 2px 5px;
	color: #ffffff;
	background-color: #6a8cc7;
	border: 1px solid #6a8cc7;
	border-radius: 2px;
	margin-right: 5px;
	text-align: center; }
strong.ans {
	font-weight: bold;
	padding: 2px 5px;
	color: #ffffff;
	background-color: #d45d87;
	border: 1px solid #d45d87;
	border-radius: 2px;
	margin-right: 5px;
	text-align: center; }
ul.ulOption { margin-left: 2em;}
ul.ulOption li { text-indent: 0px; }
a.qanda_link {
	padding: 5px 8px;
	text-align: center;
	background: #a8dfc6;
	border: 1px solid #23ac0e;
	border-radius: 3px;
	text-decoration: none;
	color: #000000; }
a.qanda_link:hover { background-color: #b7f2d7; }
table.priceNoteTableFAQ { border: 1px solid #c0c0c0; width: 100%; border-collapse: collapse; margin-top: 8px; }
table.priceNoteTableFAQ th { padding: 8px 16px; text-align: center; font-weight: bold; border: 1px solid #c0c0c0;background-color: #6a8cc7; color: #ffffff; }
table.priceNoteTableFAQ td { padding: 8px 16px; text-align: left; border: 1px solid #c0c0c0; }
table.priceNoteTableFAQ td.priceCell { width: 24%; text-align: center; }
table.priceNoteTableFAQ td.priceCell > span { font-weight: bold; }
div.faqInnerDiv {
	width: 100%;
	background-color: #f0f0f0;
	text-indent: 0!important;
	padding: 8px 1em;}
/* ---------- Construction Terms Table ---------- */
table.const_term_table { margin: 0.5em 0; width: 100%; border-collapse: collapse; }
table.const_term_table th {
	text-align: center; padding: 8px;
	border: 1px solid #c0c0c0;
	background-color: #6a8cc7;
	color: #ffffff;
	font-weight: bold; }
table.const_term_table th.noCell { border-top: none!important; border-left: none!important; background-color: #ffffff; }
table.const_term_table td { text-align: left; padding: 8px; line-height: 150%; border: 1px solid #c0c0c0; }
table.const_term_table td.td_posC { text-align: center; }
span.supTXT { font-size: 80%; vertical-align: super; }
ul.const_term_UL { list-style: none!important; margin: 0 1em 0.5em; }
ul.const_term_UL li { line-height: 1.5rem!important; }

/* ---------- CONTACT ---------- */
/* Contact */
h2.contactH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.contactH2::after {
position: absolute;
content: '';
top: 4px;
left:0;
width: 5px;
height:25px;
background-color: #23ac0e; }

p.contactNoteP {
	text-align: left;
	margin-bottom: 3em; }

p.contactP1 {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 14px;
	margin-left: 1em; }

dl.dlContact {
	padding: 1em 2em;
	background-color: #f4f4f4;
	border-radius: 3px;
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 10px; }
dl.dlContact dt {
	font-weight: bold;
	font-size: 120%;
	color: #23ac0e; }
dl.dlContact dd { padding-left: 1em; }
dl.dlContact dd.cancelDD {
	padding: 0.5em;
	border: 1px solid #dc143c;
	border-radius: 3px; }
dl.dlContact dd.ccLineID {
	color: #2cd680;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	padding: 0; }
dl.dlContact dd.ccLineID > img { position: relative; top: 10px;}
dl.dlContact dd.ccLineID > span.lineSmallTxt { font-size: 70%; position: relative; top: -5px;}
dl.dlContact dd.ccFD {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	padding: 0; }
dl.dlContact dd.ccFD > img { position: relative; top: 10px;}
dl.dlContact dd.contact_no { font-weight: 600; }
dl.dlContact dd.contact_line { font-weight: 600; color: #00b900; }
dl.dlContact dd.contact_line_qr { padding-left: 10em; }

ul.contactRepair { margin-left: 2em; }
ul.ulContactOtk, ul.ulTetlContactOtk { list-style: none; margin-left: 1em; }
ul.ulContactOtk li, ul.ulTetlContactOtk li { text-indent: -1em; }

div.contact_pre { margin-bottom: 2em; margin-top: -2em; }


/* ---------- HOLIDAY ---------- */
p.sum_holiday, dd.sum_holiday { padding: 10px; text-align: left; }

/* ---------- CANCEL ---------- */
p.cancelP {
	text-align: left;
	padding: 0 1em; }
dl.dlCancel {
	padding: 1em 2em;
	background-color: #f4f4f4;
	border-radius: 3px;
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 10px; }
ul.cancelUL {
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999; }
ul.cancelUL li { padding: 3px; }

/* ---------- IN FLETS ---------- */
p.infletsP {
	text-align: left;
	padding: 0 1em; }
h2.infletsH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.infletsH2::after {
position: absolute;
content: '';
top: 4px;
left:0;
width: 5px;
height:25px;
background-color: #23ac0e; }
div.blockText01 {
	text-align: left;
	margin: 0 16px;
	margin-top: 10px;
	font-size: 100%; }
ul.ulNttNoGet01 {
	list-style: decimal;
	margin: 1em 2em; }
ul.ulNttNoGet02 {
	margin: 0;
	margin-top: 10px;
	margin-left: 1em; }

div#NttEast {
	width: 435px;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 24px;
		/* border */
	border: 1px solid #6a8cc7;
	border-radius: 5px;
	background-color: #ffffff; }
div#NttWest {
	width: 435px;
	float: left;
	margin-top: 20px;
		/* border */
	border: 1px solid #6a8cc7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #ffffff; }
div#NttEast h2, div#NttWest h2 {
	margin-top: 0px;
	text-indent: 1em;
	font-size: 100%;
	color: #ffffff;
	background-color: #6a8cc7;
	padding: 5px; }
div#NttEast dl dt, div#NttWest dl dt {
	text-align: center;
	font-size: 120%;
	padding: 7px; }
dd.btnNttTel {
	background-color: #e5eeff;
	display: block;
	/* border */
	border: 1px solid #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 10px;
	padding: 3px;
	text-align: center; }
dd.btnNttTel a {
	color: #4590cb;
	display: block;
	text-decoration: none; }
dd.btnNttTel a:hover { color: #062f4f; }
dd.nttNote { font-size: 90%; padding: 10px; }
div.border01 { border-top: 1px dotted #d0d0d0; }
div.border02 { clear: both; border-top: 1px dotted #d0d0d0; }
div#NttEast img.iconNewWind, div#NttWest img.iconNewWind {
	width: 19px;
	height: 15px; }
ul.ulTransNote {
	margin: 0;
	margin-top: 10px;
	margin-left: 1em; }

/* ---------- IN-COLLABO ---------- */
p.inCollaboP {
	text-align: left;
	padding: 0 1em; }
h2.incollaboH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.incollaboH2::after {
	position: absolute;
	content: '';
	top: 4px;
	left:0;
	width: 5px;
	height:25px;
	background-color: #23ac0e; }
div.inCollaboStepDiv {
	padding: 1em 2em;
	background-color: #f4f4f4;
	border-radius: 3px;
	text-align: left;
	margin: 2em 1em; }
h3.incollaboH3 {
	text-align: left;
	font-size: 100%;
	color: #23ac0e;
	padding: 2px 0;
	margin: 5px 0; }
p.incollabo_step { padding: 0.5em 1em 1em 1em; }
ul.incollabo_step_link {
	padding-left: 2em;
	margin-bottom: 2em; }
ul.incollabo_step_link li {
	list-style: none;
	text-align: center;
	display: inline-block;
	background-color: #a53f88;
	border-radius: 3px;
	padding: 8px 16px;
	font-weight: bold;
	color: #ffffff; }

/* ---------- CCHANGE ---------- */
p.inCChangeP {
	text-align: left;
	padding: 0 1em; }
h2.incchangeH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.incchangeH2::after {
	position: absolute;
	content: '';
	top: 4px;
	left:0;
	width: 5px;
	height:25px;
	background-color: #23ac0e; }

dl.cchangeDL { margin: 1em; margin-top: 1.5em; text-align: left; }
dl.cchangeDL dt { font-weight: bold; font-size: 120%; }
ul.cchangeUL { margin-left: 1em; margin-top: 8px; }
ul.cchangeUL li { line-height: 1.5em; }
ul.cchangeUL2 { margin-left: 2em; text-align: left; }
span.cchangeLineIDNote { font-size: 120%; color:#2cd27d; vertical-align: 15px; }

/* ---------- SERVICE ---------- */
div.infoTax { text-align: right; margin-bottom: 1em; }
span.monthlySample {
	display: block;
	padding: 8px;
	background-color: #e5eeff;
	border-radius: 3px; }
table.tablePlan, table.tablePlan4CCost {
	width: 90%;
	margin: 10px auto;
	margin-top: 2em;
	border-collapse: collapse; }
table.tablePlan th, table.tablePlan4CCost th {
	padding: 5px;
	color: #666666;
	vertical-align: middle;
	background-color: #e5eeff;
	border: 1px solid #cccccc;
	text-align: center; }
table.tablePlan td, table.tablePlan4CCost td {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #cccccc; }
table.tablePlan4CCost td.pricePtTD { padding: 5px; text-align: center; }
table.tablePlan td.priceTD, table.tablePlan4CCost td.priceTD { width: 25%; text-align: center; }
table.tablePlan tr.bTop { border-top: 2px solid #aaaaaa; }
table.tablePlan td.subPlan, table.tablePlan4CCost td.subPlan {
	text-align: left;
	font-size: 120%;
	border: none;
	color: #4590cb; }
span.subPlanNote {
	font-size: 80%;
	font-weight: normal;
	color: #000000 ; }
table.tablePlan td.noteTd { text-align: left; border: none; }
table.tablePlan td.hgwTd { width: 18%!important; text-align: center!important; }
h2.serviceH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.serviceH2::after {
	position: absolute;
	content: '';
	top: 4px;
	left:0;
	width: 5px;
	height:25px;
	background-color: #23ac0e; }
p.serviceP {
	text-align: left;
	margin: 2em auto; }
table.tablePlan td.cTD { text-align: center; }
table.tablePlan td.OgTd { width: 20%!important; text-align: center!important; }
ul.notePlan, ul.notePlanDash {
	width: 90%;
	text-align: left;
	margin: 0 auto;
	margin-top: 1em;
	font-size: 100%;
	line-height: 1.5em;
	list-style: none; }
ul.notePlan li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 3px; }
ul.notePlanDash li { margin-bottom: 3px; }
dl.dlService {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	margin-top: 10px; }
dl.dlService dt {
	border-bottom: 1px solid #c0c0c0;
	color: #000000;
	font-size: 120%; }
dl.dlService dd {
	font-size: 100%;
	margin-top: 10px;
	padding-left: 1em;}
	
/* ---------- 電話リレーサービス / ユニバーサルサービス料 ---------- */
table.relayServiceTable {
	width: 100%;
	margin: 5px auto;
	border: 1px solid #999999;
	border-collapse: collapse; }
table.relayServiceTable th {
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #999999; }
table.relayServiceTable td {
	font-weight: normal;
	text-align: center;
	padding: 5px;
	border: 1px solid #999999; }


/* ---------- OPTION ---------- */
h2.optionH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.optionH2::after {
	position: absolute;
	content: '';
	top: 4px;
	left:0;
	width: 5px;
	height:25px;
	background-color: #23ac0e; }
p.optionP {
	text-align: left;
	margin: 2em auto; }

dl.dlOption {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	margin-top: 10px; }
dl.dlOption dt {
	border-bottom: 1px solid #c0c0c0;
	color: #000000;
	font-size: 120%; }
dl.dlOption dd {
	font-size: 100%;
	margin-top: 10px;
	padding-left: 1em;}
dl.dlOption dd ul.safePack {
	line-height: 1.5em;
	margin-left: 1em;}
dl.dlOption span.optionPrice { font-weight: bold; color: #dc143c; font-size: 120%; }

div.btnContentsLink { width: 960px; margin: 2em auto; text-align: right; }
a.btnContentsBtn {
	display: inline-block;
	width: 600px;
	padding: 5px 8px;
	text-align: center;
	background: #a8dfc6;
	border: 1px solid #23ac0e;
	border-radius: 3px;
	text-decoration: none;
	color: #000000; }
a.btnContentsBtn:hover { background-color: #b7f2d7; }

/* ---------- AOS BOX ---------- */
/* AOSBOX テーブル */
table.aos_box {
	width: 98%;
	text-align: center;
	border: 1px solid #999999;
	border-collapse: collapse; }
table.aos_box td {
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #999999; }
table.aos_box td.aos_td_bg { background-color: #e5efee; }
table.aos_box td.aos_bg_pc { background-color: #d1f0d1; }
table.aos_box td.aos_bg_mb { background-color: #fff2cc; }
table.aos_box td.aos_bg_md { background-color: #ffbfbf; }
a.aosDL_btn {
	display: inline-block;
	padding: 8px 16px; 
	border-radius: 3px;
	margin-top: 8px;
	background-color: #cd579b;
	border: 3px solid #7b0e4d; }
a.aosDL_btn:hover { text-decoration: none; opacity: 0.8; }


/* ---------- HOW2ORDER ---------- */
p.how2orderP {
	text-align: left;
	padding: 0 1em; }
h2.how2orderH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.how2orderH2::after {
	position: absolute;
	content: '';
	top: 4px;
	left:0;
	width: 5px;
	height:25px;
	background-color: #23ac0e; }

















table.tablePlan td.checkPlan01 {
	border: 5px solid #4590cb;
	border-right: none;
	border-bottom: none;
}
table.tablePlan td.checkPlan02 { border-top: 5px solid #4590cb; }

table.tablePlan td.checkPlan03 {
	border-top: 5px solid #4590cb;
	border-right: 5px solid #4590cb;
}

table.tablePlan td.checkPlan04 { }
table.tablePlan td.checkPlan05 { border-right: 5px solid #4590cb; }
table.tablePlan td.checkPlan06 {
	border: 5px solid #4590cb;
	border-top: none;
	font-size: 90%;
}
table.tablePlan td.noBottomBorder { border-bottom: none; }
table.tablePlan td.noTopBorder {
	border-top: none;
	font-size: 90%;
}

table.tablePlan td.noBorder { border: none; }

dl.dlLightPlan { margin-left: 1em; }
dl.dlLightPlan dt { font-weight: bold; }

ul.noteLuzWifi {
	width: 100%;
	margin: 0 10px;
	line-height: 1.5em;
	list-style: none;
}
ul.noteLuzWifi li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 3px;
}
span.sup1 { font-size: 80%; vertical-align: top; position: relative; top: -0.1em; }
h3.serviceH3 {
	font-size: 100%;
	color: #23ac0e;
	border-bottom: 1px solid #23ac0e;
	padding: 2px 0;
	margin: 5px 0;
}
ul.ulPayment { margin-left: 20px; }

table.openTable {
	width: 100%;
	margin: 5px auto;
	border: 1px solid #999999;
	border-collapse: collapse;
}

table.openTable th {
	font-weight: bold;
	text-align: center;
	background-color: #cccccc;
	padding: 5px;
	border: 1px solid #999999;
}

table.openTable td {
	text-align: center;
	padding: 5px;
	border: 1px solid #999999;
}
ul.cancelWarn {
	list-style: none;
	margin: 10px;
	margin-left: 1em;
}
ul.cancelWarn li { text-indent: -1em; }
a.detailBtn  {
	padding: 5px 10px;
	text-align: center;
	background: #0000cc;
	border-radius: 3px;
	text-decoration: none;
	color: #ffffff;
}
a.detailBtn:visited { background-color: #551a8b; }
a.detailBtn:hover { background-color: #ff0033; }

/* 2016-08-01 ADD */
/* whatsNewBlc
-------------------------------------------------- */
div.whatsNewBlc {
	width: 960px;
	margin: 0 auto;
	margin-top: 30px;
	border-radius: 2px;
	background-color: #ffffff;
}

div.whatsNewBlc div.inner {
	width: 100%;
	padding: 0 10px 20px 10px;
}

div.whatsNewBlc h2 {
	background-color: #23ac0e;
	padding: 4px 8px;
	color: #ffffff;
	text-align: left;
	font-size: 100%;
	margin-top: 10px;
}

div.whatsNewBlc div.inner ul {
	list-style: none;
	margin-top: 1em;
	margin-left: 1.5em;
	text-align: left;
}

div.whatsNewBlc div.inner ul li { font-size: 80%; }


/* 2017-10-24 ADDED */
div.box_scrollbar {
	overflow:auto;
	width: 100%;
	height: 10em;;
	padding:5px;
	border: none;
	font-size:12px;
}

div.box_scrollbar ul {
	list-style: none;
}

div.box_scrollbar ul > li > strong {
	color: #000099;
}


/* 2020-06-17 ADDED */
table.oshiraseTable {
	border:1px solid #666666;
	text-align: center;
	border-collapse: collapse;
}

table.oshiraseTable th, table.oshiraseTable td { padding: 2px; }
table.oshiraseTable th {
	width: 30%;
	font-weight: bold;
	background-color: #eaeaea;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
table.oshiraseTable td {
	width: 35%;
	line-height: 120%;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
table.oshiraseTable td.td01 { background-color: #23ac0e; font-weight: bold; color: #ffffff; border-bottom: 1px solid #666666; }
table.oshiraseTable td.td02 { background-color: #4590cb; font-weight: bold; color: #ffffff; border-bottom: 1px solid #666666; }
table.oshiraseTable td.bottomLine { border-bottom: 1px solid #666666; }
table.oshiraseTable td.NobottomLine { border-bottom: 1px dotted #666666; }

p.oshiraseWord { font-size: 80%; color: #ff0000; text-align: left; }
span.smallTxt { font-size: 80%; }

div#copyright { width: 960px; margin: 0 auto; }
div#copyright ul.copyUL { list-style: none; }
div#copyright ul.copyUL li { display: inline-block; color: #ffffff; padding: 8px; }

/* ---------- 2022-02-10 ADDED Member Rate Bar ---------- */
div.member_rate {
	text-align: left;
	display: block;
	border: 4px solid #666666;
	padding: 30px 0; 
	margin-bottom: 6em; }
div.member_rate > h1.memberH1 {
	font-size: 250%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
	color: #5C5D60; }
div.member_rate  section {
	width: 60%;
	margin: 1em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; }
div.member_rate table.t_02 {
	border-collapse: collapse;
	width: 60%;
	margin: 0 auto; }
div.member_rate table.t_02 tbody {
	padding: 0!important;
	width: 100%;
	background-color: #F8EFE3; }
div.member_rate .t_02 td {
	display: inline-block;
	padding: 30px 0;
	background-color: #FF9E00;
	width: 30%; 
	vertical-align: bottom; }
div.member_rate .t_02_text {
	background-color: aqua;
	position: relative; }
div.member_rate .t_02_text p {
	color: #5C5D60;
	text-align: center;
	width: 100%;
	position: absolute;
	top: -42px;
	z-index: 50;
	font-size: 2.4em;
	font-weight: 800; }

/* ---------- 2022-02-13 ADDED Order Collabo ---------- */
/* ---------- Collabo Order ---------- */
hr.orderSeparator {
	margin: 5em auto 0;
	width: 600px;
	height: 0;
	padding: 0;
	border: 0;
	border-top: 2px dashed #f0a22f;
	background-color: #ffffff; }
p.collaboOrderMessage {
	width: 600px;
	border: 2px solid #f0a22f;
	border-radius: 10px;
	padding: 1em;
	margin: 1em auto;
	text-align: left; }
a.orderBtn {
	display: block;
	width: 600px;
	margin: 1em auto;
	font-size: 140%;
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	border-radius: 3px;
	-webkit-appearance: none;
	text-decoration: none;
	background-color: #a53f88; }
a.orderBtn:hover { text-decoration: none; background-color: #d274b7; }
img.imgCollaboBnr { border: 0 }
p.collaboNote { font-size: 80%; color: #666666; margin-top: 0.5em; }

/*---------- Clytia Collabo Banner ----------*/
div.clytiaClbDiv { margin: 3em auto 4em; width: 100%; }
div.clytiaClbDiv img { width: 100%; }

/*---------- Trademark ---------- */
div.TMDiv {
	color: #666666; 
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 1em; }
div.TMDiv strong { font-weight: bold; }

/* ---------- orderTypeSelect ---------- */
ul.orderTypeSelect {
	width: 100%;
	margin: 0 auto;
	margin-top: -2em;
	list-style: none; }
ul.orderTypeSelect li { display: inline-block; text-align: right; width: 100%; }
ul.orderTypeSelect li > a { color: #29A95A; }

/* ---------- TV CM ---------- */
div.tvCM { }
div.tvCM a {
	width: 100%;
	background-color: #8fc31f;
	border: none;
	font-size: 100%;
	line-height: 1.5em;
	color: #000000;
	letter-spacing: 0;
	padding: 3em 0;
	margin-top: -1em;
	margin-bottom:0; }
div.tvCM a:hover { background-color: #8fc31f; }
h2.tvCMh2 {
	margin-bottom:1em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 200%;
	color: #ffffff;
	text-align: center; }
h2.tvCMh2::before,
h2.tvCMh2::after {
	content: '';
	width: 100px;
	height: 3px;
	background-color: #ffffff; }
h2.tvCMh2::before { margin-right: 20px; }
h2.tvCMh2::after { margin-left: 20px; }
div.tvCM p { margin-top: 1em; font-size:120%; }

/* ---------- orderGift ---------- */
div#orderGiftTopArea { width: 100%; background-color: #fff3ed; padding: 3em 0; margin-bottom: 2em; }
div#orderGiftTopArea_w { width: 100%; padding: 3em 0; margin-bottom: 2em; }
div.orderGiftTop { width: 800px; margin: 0 auto; }
div.orderGift {
	display: block;
	margin-bottom: 5em; }
img.orderGiftIMG { width: 100%; }
img.orderGiftIMG:hover { cursor: pointer; opacity: 0.8 }
img.orderGiftIMGSP { display: none; }
img.orderGiftIMGSP_2 { display: none; }
img.orderGiftIMG_SP { display: none; }

.orderGiftP { display: none } /* TOP用 */
.orderGiftP2 {
	display: block;
	margin-bottom: 1em;
	line-height: 1.5em; }
.all_pre_ttl { font-weight: bold; font-size: 120%; color: #f28917; }
.all_preP {
	display: block;
	margin-top: 1em;
	padding: 0 8px;
	line-height: 1.5em;}
dl.orderGiftDL {
	width: 100%;
	margin: 4px 0;
	display: flex;
	flex-wrap: wrap!important; }
dl.orderGiftDL dt{
	vertical-align: top;
	display: inline-block;
	font-weight: bold!important;
	padding: 10px 8px;
	background-color: #ffdbca;
	border: 1px solid #df3d3e;
	margin: 4px 0px;
	line-height: 1.5em;
	width: 20%; }
dl.orderGiftDL dd {
	display: inline-block;
	padding: 10px 8px;
	background-color: #ffffff;
	border: 1px solid #df3d3e;
	margin: 4px 0 4px 4px;
	line-height: 1.5em;
	width: 79%; }
ul.presentUL { list-style: none; }
ul.presentUL li { text-indent: -1em; margin-left: 1em; }
img.packageIMG { border: 1px solid #000000; margin-top: 4px; }

/* ---------- Sub Window 4 CP2 ---------- */
div#subWin { padding-bottom: 4em; }

/*------- v6 support_20221025 ----------*/
.supportH1 br {
	display: none;}
h2.supportH2 {
	font-size: 120%;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h3.supportH3 {
	margin-bottom: 5px;
}

h2.supportH2::after {
position: absolute;
content: '';
top: 4px;
left:0;
width: 5px;
height:25px;
background-color: #23ac0e; }
div.support_blockText01 {
	text-align: left;
	margin: 0 16px;
	margin-top: 10px;
	padding: 30px;
	font-size: 100%;
	background-color: #E0F3EA;}
.support_img {
	width: 100%;
	margin: 0 auto;}
.support_img img {
	width: 100%;
	border-radius: 5px;}
div.supportDiv02 {
	margin-top: 40px;
}

div.supportDiv01_2 {
	margin-top: 20px;}
div.supportDiv {
	margin-bottom: 20px;}
.support_tyuui {
	margin: 0 16px;
}
.support_tyuui01 {
	color: rgba(236,78,80,1.00);
	border-bottom: 1px solid rgba(236,78,80,1.00);
	font-weight: 600;
	margin-bottom: 12px;}

.support_fw600 {
	font-weight: 600;}

li.support_li {
	list-style: outside;
	text-align: left;
	list-style-type: decimal;
	margin-left: 1.6em;
}


/*------- pppoe support_20221025 ----------*/
.support_pppoeH1 br {
	display: none;}

h2.support_pppoeH2 {
	font-size: 20px;
	text-align: left;
	position: relative;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #c0c0c0; }
h2.support_pppoeH2::after {
position: absolute;
content: '';
top: 4px;
left:0;
width: 5px;
height:25px;
background-color: #23ac0e; }

p.support_pppoeP {
	text-align: left;
	padding: 0 1em; }

li.support_ppoe_li{
	list-style: outside;
	text-align: left;
	list-style-type: decimal;
	margin-left: 1.2em;
	margin-top: 25px;
}



.support_ppoe_kome1, .support_ppoe_kome2 {
	font-size: 0.8em;
	line-height: normal;
	line-height: 1.6em;
	padding-left: 1.2rem;
}

.support_ppoe_kome1::before{
    content: "※1";
    margin-left: -1.3rem;
}

.support_ppoe_kome2::before{
    content: "※2";
    margin-left: -1.3rem;
}

span.support_ppoe_kome1, span.support_ppoe_kome2{
	font-size: 60%;
    vertical-align: super;
}

.support_ppoe_table {
	width: 100%;
	font-size: 0.9em;
	border: 1px solid #cccccc;
	vertical-align: bottom;
	border-collapse: collapse;
}

.support_ppoe_tr br {
	display: none;}

.br_ari2 br {
	display: block;}

.support_ppoe_tr th {
	width: 30%;
	background-color: #e5eeff;
	padding: 4px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.support_ppoe_tr td {
	width: 70%;
	padding-left: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #cccccc;
}

.support_ppoe_img {
	margin-top: 10px;
}

.domain_txt_img{
	width: 160px;
	vertical-align: middle;
}

ul.supportUL { list-style: none; }
ul.supportUL li {
	display: block;
	text-align: left;
	border: 1px solid #23ac0e;
	border-radius: 3px;
	padding: 5px 10px;
	margin-bottom: 7px; }
ul.supportUL li a { display: block; }
ul.supportUL li a span { color:#000000; } 
ul.supportUL li a span:hover { color:#23ac0e; } 

/* ---------- まもるん CP ---------- */
ul.noDiscUL { list-style: none; }
dl.mmCpDL {
	display: flex;
	flex-wrap: wrap!important;
}
dl.mmCpDL dt {
	color: #ffffff;
	text-align: center;
	border-radius: 3px;
	background-color: #db5f32;
	margin: 2px!important;
	display: inline-block;
	width: 20%;
	font-size: 100%!important;
	font-weight: bold;
	padding: 4px!important;
	vertical-align: top;
	border-bottom: none;}
dl.mmCpDL dd {
	margin: 2px!important;
	display: inline-block;
	width: 75%;
	font-size: 100%!important;
	padding: 4px!important;
	vertical-align: top;}
ul.mmCpUL { margin: 0 1em; }
ul.mmCpUL li { list-style: none!important; text-indent: -1em; }
p.mmCpP { margin: 1em 0 0; font-weight: bold; }

/* ---------- 本人確認書類の提出 ---------- */
div.id_doc {
	width: 800px;
	margin: 2em auto 5em;
	padding: 1em;
	background-color: #fffadf;
	border-radius: 3px;
	font-size: 100%;
	text-align: left; }
div.id_doc h1.id_doc_h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	margin-bottom: 1em;
	text-align: center; }

.id_doc_h1::before, .id_doc_h1::after {
	content: '';
	width: 70px;
	height: 3px;
	background-color: #e3bf00; }
.id_doc_h1::before { margin-right: 20px; }
.id_doc_h1::after { margin-left: 20px; }

/* ---------- v6 実測値 ---------- */
div.speed_pre {
	font-size: 120%;
	line-height: 150%;
	text-align: left; }
ul.speedUL { margin: 1em auto; margin-top: 2em; }
ul.speedUL li { display: inline-block; width: 49%; vertical-align: top; list-style: none; }
ul.speedUL li:first-of-type { text-align: left; }
ul.speedUL li:last-of-type { text-align: right; }
dl.speedDL {
	width: 90%;
	line-height: 1.3em;
	text-align: left; }
dl.speedDL dt {
	vertical-align: top;
	padding: 10px 8px; }
dl.speedDL dt strong {
	font-weight: bold;
	color: #666666; }
dl.speedDL dt h3 { position: relative; padding-bottom: 0.5em; }
dl.speedDL dt h3:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: repeating-linear-gradient(-45deg, #3eba2b, #3eba2b 3px, #ffffff 3px, #ffffff 5px);}
dl.speedDL dd img { width: 100%; border: 1px solid #999999; }


/*------- 10gb_hgw support_20230524 ----------*/
.Div_10gb {
font-size: 62.5%;
line-height: normal;
line-height: 2.4em;
color: #333333;}

.Div_10gb img {
width: 100%;
vertical-align: bottom;
}

.flex_10gb {
display: flex;}

.m_btm01 {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #CCCCCC;
}

.m_btm_02 {
margin-bottom: 20px;
}

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

.h1_10gb {
color: #3eba2b;
font-size: 1.5em;
font-weight: 600;}

.col_red {
color: #ad1e29;
font-weight: 600;}

.inner10gbDiv p {
font-size: 1.4em;}

.Blk00_10gb {
background-color: #E0F3EA;
padding: 10px 30px;
border-bottom: none;}


.kome_10gb {
font-size: 1em!important;}



.Blk00_10gb_img {
max-width: 240px;
background-color: #ffffff;
border-radius: 5px;}

.Blk00_10gb_img img {
width: 100%;}

.Blk00_10gb_img {
margin-bottom: 0;}

.maru {
position: relative;
margin-right: 2em;}
.maru::before, .maru::after{
    position: absolute;
    top: -1px;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;}

.maru::before {
    width: 23px;
    height: 23px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3eba2b;}
.maru::after{
    left: 7px;
	top: 0px;
	content: "1";
	color: #ffffff;}

.maru2::after {
	content: "2";}

.maru3::after {
	content: "3";}
	
.maru4::after {
	content: "4";}

.Blk02_10gb .flex_10gb {
justify-content: space-between;}

.Blk02_10gb_img{
width: 49%;}

.Blk02_10gb_text {
width: 44%;
position: relative;}

.Blk02_10gb_text .point_10gb {
width: 24px;
position: absolute;
top:-8px;
left: -8px;}

.Blk02_10gb_ul, .Blk04_10gb_ul {
font-size: 1.2em;
border: 2px solid #f5a71a;
border-radius: 6px;
padding: 10px;
padding-left: 30px;
	list-style-type: disc;
	list-style-position: outside;}

.Blk02_10gb_li, .Blk04_10gb_li {}

.Blk03_10gb_img {
width: 240px;}

.Blk04_10gb_ul {
width: 30%;}

.Blk04_10gb .flex_10gb {
justify-content: space-between;
align-items: flex-end;}

.Blk04_10gb .flex_10gb_01 {
width: 42%;}

.Blk04_10gb .flex_10gb_01 p {
margin: 0;}

.Blk04_10gb .flex_10gb .Blk04_10gb_ul {
position: relative;}

.Blk04_10gb .flex_10gb .Blk04_10gb_ul .point_10gb {
width: 24px;
position: absolute;
top:-8px;
left: -8px;}

/* ---------- 2025-02-01 ADDED ---------- */
dl.pre_entry_dl { text-align: left; margin: 1em 0; }
dl.pre_entry_dl dt {
	font-size: 120%;
	font-weight: bold;
	padding: 0.5em 0 0.5em 0.5em;
	vertical-align: middle; }
dl.pre_entry_dl dd { width: 100%; }

dl.pre_entry_dl dd > ul  { list-style: none; margin: 0; padding: 0; }
dl.pre_entry_dl dd > ul li { margin: 6px 0; }
dl.pre_entry_dl dd > ul li.pre_orde_type_alert_li { padding-left: 3rem; margin-bottom: 1rem; }
dl.pre_entry_dl dd > ul li.pre_orde_type_alert_li a { font-weight: 400; color: #8e1a98; display: inline-block; }
dl.pre_entry_dl dd > ul li.pre_orde_type_alert_li a:hover { border-bottom: 1px solid #8e1a98; }
dl.pre_entry_dl dd  p { padding: 0rem 1rem; color: #dc143c; }
.invisible { display: none; }

/* ---------- radio / check box ---------- */
/* radioボタン、checkボタン非表示 */
input[type="radio"],input[type="checkbox"] { display: none; }
/* ---------- Radio Button ---------- */
label.pre_btn_label {
	display: block;
	text-align: left;
	margin: 5px;
	border: 3px solid #e5e5e5;
	border-radius: 3px;
 	cursor: pointer;
	position: relative;
	overflow: hidden;
	padding: 4px 8px 4px 2.5em;
	background-color: #fafafc; }
label.pre_btn_label:hover { border-color: #000000; }
label.pre_btn_label:before {
	position: absolute;
	top: 10px;
	left: 1em;
	width: 10px;
	height: 10px;
	content: '';
	border: 0.2em solid #cccccc;
	border-radius: 50%; }
input[type="radio"]:checked + label.pre_btn_label { border: 3px solid #000000; background-color: #ffffff; }
input[type="radio"]:checked + label.pre_btn_label:before { border: 0.2em solid #000000; }

/* ---------- Check Box ---------- */
label.pre_check_label {
	display: block;
	text-align: left;
	margin: 5px;
	border: 3px solid #e5e5e5;
	border-radius: 3px;
 	cursor: pointer;
	position: relative;
	overflow: hidden;
	padding: 4px 8px 4px 2.5em;
	background-color: #fafafc; }
label.pre_check_label:hover { border-color: #000000; }
label.pre_check_label:before {
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
	width: 14px;
	height: 14px;
	content: '';
	border: 3px solid #cccccc;
	background-color: #fafafc;
	transition: 0.1s ease-in-out; }
input[type="checkbox"]:checked + label.pre_check_label { border: 3px solid #000000; background-color: #ffffff; }
input[type="checkbox"]:checked + label.pre_check_label:before {
	transform: rotate(45deg);
	border-color: #000000;
	border-top: none;
	border-left: none;
	width: 7px;
	top: 8px;
	left: 14px;
	background-color: transparent; }

/* ---------- Submit Button ---------- */
input.pre_submitBtn {
	cursor: pointer;
	width: 50%;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 12px;
	border: 2px solid #a53f88;
	border-radius: 3px;
	-webkit-appearance: none;
	background-color: #a53f88;
	margin: 1em auto; }
input.pre_submitBtn:hover { background-color: #d274b7; cursor: pointer; }

/* ---------- Submit NG Button ---------- */
input.pre_submitNGBtn {
	cursor: default;
	width: 50%;
	font-size: 120%;
	font-weight: bold;
	color: #bbbbbb;
	padding: 8px 12px;
	border: 2px solid #aaaaaa;
	border-radius: 3px;
	-webkit-appearance: none;
	background-color: #dddddd;
	margin: 1em auto; }

/* ---------- clytia_CP ---------- */
div#clytia_CP {
	margin: 2rem 0.5rem;
	padding: 0;
	color: #666666;
	border: 1px solid #f0f0f0;
	background-color: #f0f0f0;
	text-align: center;}
div#clytia_CP > h1 { font-size: 150%; color: #333333; padding: 0.3rem 0; font-weight: 500; }
img.clytia_cm_banner {
	border: 1px solid #f0f0f0;
	width: 100%; }
div#clytia_CP > p {
	text-align: left!important;
	padding: 0.5rem 1rem;}
div#clytia_CP > p > span { font-weight: 600; color: #333333; }

/* ---------- FAQ Category TABLE ---------- */
table.faq_cate_table { width: 100%; border-collapse: separate; margin-bottom: 4rem; }
table.faq_cate_table td {
	width: 19%;
	border:1px solid #aaaaaa;
	border-radius: 4px;
	vertical-align: middle;
	line-height: 130%;
	padding: 8px 0; }
table.faq_cate_table td:hover { cursor: pointer; }
table.faq_cate_table a { display: block; }
h2.faq_subTTL {
	text-align: left;
	position: relative;
	padding: .5em .7em .2em 0;
	font-size: 130%;
	border-bottom: 2px solid #429f3a;
	margin-bottom: 1em;
	color: #333333; }
h2.faq_subTTL::before,
h2.faq_subTTL::after {
	position: absolute;
	left: 50px;
	bottom: -15px;
	width: 30px;
	height: 15px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: ''; }
h2.faq_subTTL::before { background-color: #429f3a; }
h2.faq_subTTL::after { bottom: -12px; background-color: #ffffff; }
ol.faq_flow_ol { margin-left: 1rem; list-style: none; }
div.faq_flow_image { }
div.faq_flow_image img { width: 100%; display: block; }

/* ---------- FAQ Category UL ---------- */
ul.faq_cate_UL { display: none; }