@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap);

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

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

body {
	margin: 0;
	padding: 0;
	/* background: #eee url(../images/bg.png) repeat-y 50% 0; */
	background: #fff;
}

body.noBg {
	background-image: none;
}

/* ----------------------------------------------------
 汎用クラス
---------------------------------------------------- */

a.ov:hover img,
img.ov:hover {
	opacity: 0.6;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
}

.txtCenter { text-align: center!important; }
.txtLeft { text-align: left !important; }
.txtRight { text-align: right !important; }

.fLeft { float: left !important; }
.fRight { float: right !important; }

.vTop { vertical-align: top !important; }
.vMiddle { vertical-align: middle !important; }
.vBottom { vertical-align: bottom !important; }

.txtSmall{font-size: 65%;}

.ma_00 { margin: 0px!important; }
.ma_05 { margin: 5px!important; }
.ma_10 { margin: 10px!important; }
.ma_15 { margin: 15px!important; }
.ma_20 { margin: 20px!important; }
.ma_25 { margin: 25px!important; }
.ma_30 { margin: 30px!important; }
.ma_35 { margin: 35px!important; }
.ma_40 { margin: 40px!important; }
.ma_45 { margin: 45px!important; }
.ma_50 { margin: 50px!important; }
.ma_60 { margin: 60px!important; }
.ma_70 { margin: 70px!important; }
.ma_80 { margin: 80px!important; }

.mt00 { margin-top: 0px!important; }
.mt05 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }

.mb00 { margin-bottom: 0px!important; }
.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }

.ml00 { margin-left: 0px!important; }
.ml05 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }
.ml60 { margin-left: 60px!important; }
.ml70 { margin-left: 70px!important; }
.ml80 { margin-left: 80px!important; }

.mr00 { margin-right: 0px!important; }
.mr05 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }
.mr60 { margin-right: 60px!important; }
.mr70 { margin-right: 70px!important; }
.mr80 { margin-right: 80px!important; }

.pa_00 { padding: 0px!important; }
.pa_05 { padding: 5px!important; }
.pa_10 { padding: 10px!important; }
.pa_15 { padding: 15px!important; }
.pa_20 { padding: 20px!important; }
.pa_25 { padding: 25px!important; }
.pa_30 { padding: 30px!important; }
.pa_35 { padding: 35px!important; }
.pa_40 { padding: 40px!important; }
.pa_45 { padding: 45px!important; }
.pa_50 { padding: 50px!important; }
.pa_60 { padding: 60px!important; }
.pa_70 { padding: 70px!important; }
.pa_80 { padding: 80px!important; }

.pt00 { padding-top: 0px!important; }
.pt05 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pt80 { padding-top: 80px!important; }

.pb00 { padding-bottom: 0px!important; }
.pb05 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }

.pl00 { padding-left: 0px!important; }
.pl05 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }
.pl60 { padding-left: 60px!important; }
.pl70 { padding-left: 70px!important; }
.pl80 { padding-left: 80px!important; }

.pr00 { padding-right: 0px!important; }
.pr05 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }
.pr60 { padding-right: 60px!important; }
.pr70 { padding-right: 70px!important; }
.pr80 { padding-right: 80px!important; }

/* ----------------------------------------------------
 ヘッダー・フッター共通リセット
---------------------------------------------------- */
#newHeader h1,
#newHeader p,
#newHeader ul,
#newHeader ol,
#newHeader li,
#newHeader dl,
#newHeader dt,
#newHeader dd,
#newHeader form,
#newHeader fieldset,
#newHeader legend,
#newHeader input,
#newFooter p,
#newFooter ul,
#newFooter ol,
#newFooter li,
#newFooter dl,
#newFooter dt,
#newFooter dd,
#newFooter form,
#newFooter fieldset,
#newFooter legend,
#newFooter input,
#newSide p,
#newSide ul,
#newSide ol,
#newSide li,
#newSide dl,
#newSide dt,
#newSide dd,
#newSide form,
#newSide fieldset,
#newSide legend,
#newSide input {
	margin: 0;
	padding: 0;
}

#newHeader a:link,
#newHeader a:visited,
#newFooter a:link,
#newFooter a:visited {
	color: #666;
	text-decoration: underline;

}

#newHeader a:hover,
#newFooter a:hover {
	color: #666;
	text-decoration: none;
}

#newHeader ul,
#newHeader ol,
#newFooter ul,
#newFooter ol,
#newSide ul,
#newSide ol {
	list-style: none;
}

#newHeader img,
#newHeader fieldset,
#newFooter img,
#newFooter fieldset,
#newSide img,
#newSide fieldset {
	border: none;
}

/* ------------------------------------------------------------------
  newHeader
------------------------------------------------------------------ */
#newHeader {
	height: 132px;
	background: #fff url(../images/header/bg_header.png) repeat-x 0 0;
	border-bottom: 20px solid #eee;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	color: #666;
	line-height: 1.45;
	border-bottom: 20px solid #fff;
}

#newHeader img {
	vertical-align: text-bottom;
}

#newHeader div.inner {
	position: relative;
	width: 962px;
	margin: 0 auto;
	/*z-index: 1000;*/
}

#newHeader h1.logo,
#newHeader p.logo {
	position: absolute;
	margin: 0;
	top: 12px;
	left: 12px;
}

/* utilityNavigation
------------------------------ */
#newHeader ul.utilityNavigation {
	float: right;
}

#newHeader ul.utilityNavigation li {
	float: left;
	margin: 9px 0 0 20px;
}

#newHeader ul.utilityNavigation a:link,
#newHeader ul.utilityNavigation a:visited {
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

#newHeader ul.utilityNavigation a:hover {
	text-decoration: underline;
}

/* serviceNavigation
------------------------------ */
#newHeader div.actionArea {
	clear: both;
	padding: 5px 0 0 0;
}

#newHeader ul.serviceNavigation {
	float: right;
	margin: 0 0 0 5px;
	zoom: 1;
}

#newHeader ul.serviceNavigation li {
	float: left;
	margin: 0 0 0 6px;
}

/* SS_searchForm
------------------------------ */
#newHeader #SS_searchForm {
	position: relative;
	float: right;
	width: 305px;
	z-index: 1000;
}

#newHeader #SS_searchForm input {
	vertical-align: middle;
	border-radius: 0;
	-webkit-appearance: none;
}

#newHeader #SS_searchForm input#SS_searchQuery {
	width: 202px;
	height: 30px;
	line-height: 30px;
	padding: 0 3px 0 30px;
	font-size: 14px;
	color: #666;
	border: 1px solid #ccc;
	background: #fff url(../images/header/bg_search.png) no-repeat 0 0;
}

#newHeader #SS_searchForm input#SS_searchQuery.active {
	background-position: 0 -30px;
}

/* suggest */
#newHeader #SS_searchForm div.SS_suggest {
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	width: 238px;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 300;
}

#newHeader #SS_searchForm div.SS_suggest div.SS_suggestItemOff {
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 2px 0;
	width: 100%;
}

#newHeader #SS_searchForm div.SS_suggest div.SS_suggestItemOn {
	background-color:#ecf5fa;
	border-top: 1px solid #ccc;
	padding: 2px 0;
	width: 100%;
}

#newHeader #SS_searchForm div.SS_suggest span.SS_suggestKey {
	font-size: 13px;
	padding-left: 4px;
}

/* globalNavigation
------------------------------ */
#newHeader ul#globalNavigation {
	position: absolute;
	top: 82px;
	left: 0;
	font-size: 13px;
	line-height: 1;
	width: 963px;
}

#newHeader ul#globalNavigation li {
	position: relative;
	float: left;
}

#newHeader ul#globalNavigation ul {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15), -2px 2px 3px rgba(0, 0, 0, 0.15);
	top: 50px;
	left: 0;
	z-index: 100;
}

#newHeader ul#globalNavigation li.service ul  { width: 218px; }
#newHeader ul#globalNavigation li.price ul    { width: 218px; }
#newHeader ul#globalNavigation li.campaign ul { width: 218px; }
#newHeader ul#globalNavigation li.tv ul       { width: 218px; }
#newHeader ul#globalNavigation li.event ul    { width: 218px; }
#newHeader ul#globalNavigation li.support ul  { width: 218px; }

#newHeader ul#globalNavigation ul li {
	float: none;
	border-top: 1px solid #ddd;
	zoom: 1;
}

#newHeader ul#globalNavigation ul li a:link,
#newHeader ul#globalNavigation ul li a:visited {
	display: block;
	padding: 15px 10px 15px 28px;
	background: url(../images/icon_arrow_default_large2.png) no-repeat 15px 50%;
	color: #333;
	line-height: 1.5;
	text-decoration: none;
}

#newHeader ul#globalNavigation ul li a:hover {
	text-decoration: underline;
}

#newHeader ul#globalNavigation ul li.top {
	display: none;
	border-top: none;
	font-weight: bold;
}

#newHeader ul#globalNavigation ul li.secondChild {
	border-top: none;
}

#newHeader ul#globalNavigation ul li.tv a:link,
#newHeader ul#globalNavigation ul li.tv a:visited {
	background-image: url(../images/icon_arrow_tv_large2.png);
}

#newHeader ul#globalNavigation ul li.net a:link,
#newHeader ul#globalNavigation ul li.net a:visited {
	background-image: url(../images/icon_arrow_net_large2.png);
}

#newHeader ul#globalNavigation ul li.phone a:link,
#newHeader ul#globalNavigation ul li.phone a:visited {
	background-image: url(../images/icon_arrow_phone_large2.png);
}

#newHeader ul#globalNavigation ul li.mobile a:link,
#newHeader ul#globalNavigation ul li.mobile a:visited {
	background-image: url(../images/icon_arrow_mobile_large2.png);
}

#newHeader ul#globalNavigation ul li.electricity a:link,
#newHeader ul#globalNavigation ul li.electricity a:visited {
	background-image: url(../images/icon_arrow_electricity_large2.png);
}

#newHeader ul#globalNavigation ul li.child {
	border-top-style: dotted;
	margin-left: 20px;
}

#newHeader ul#globalNavigation ul li.banner {
	border: 0;
	margin: -1px;
}

#newHeader ul#globalNavigation ul li.banner a:link,
#newHeader ul#globalNavigation ul li.banner a:visited {
	background: none;
	padding: 10px;
	line-height: 1;
	background: #aaaaaa;
}

/* プルダウン表示時 */
#newHeader ul#globalNavigation li.current a,
#newHeader ul#globalNavigation li.current a:link,
#newHeader ul#globalNavigation li.current a:visited {
	position: relative;
	border-bottom: 1px solid #fff;
	z-index: 101;
}

#newHeader ul#globalNavigation li.current ul {
	display: block;
}

#newHeader ul#globalNavigation li.current ul a:link,
#newHeader ul#globalNavigation li.current ul a:visited {
	border-bottom: none;
}

#newHeader ul#globalNavigation li.myjcom a {
	border-bottom: none !important;
}

/* タッチデバイス表示時 */
.touchDevice #newHeader ul#globalNavigation ul li.top {
	display: block;
}

.touchDevice #newHeader ul#globalNavigation ul li.secondChild {
	border-top: 1px solid #DDD;
}


/* ----------------------------------------------------
  tvNav
---------------------------------------------------- */
.tvNav ul.cell {
	display:table;
}

.tvNav ul.cell li {
	display:table-cell;
	text-align: center;
	width: 351px;
}

/* ----------------------------------------------------
  newFooter
---------------------------------------------------- */

#newFooter {
	padding: 40px 0 0 0;
	background: #eee;
	font-size: 11px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	color: #666;
	line-height: 1.7;
	_zoom: 1;
}

html.mac #newFooter {
	font-size: 10px;
}

#newFooter img {
	vertical-align: text-bottom;
}

#newFooter a:link,
#newFooter a:visited {
	text-decoration: none;
}

#newFooter a:hover {
	text-decoration: underline;
}

#newFooter div.inner {
	position: relative;
	width: 962px;
	margin: 0 auto;
}

#newFooter div.inner .title a {
	color: #333;
	font-size: 120%;
	font-weight: bold;
}

#newFooter div.inner a.subTitle {
	color: #333;
}

#newFooter div.inner ul ul {
	margin: 0 0.5em;
}

#newFooter div.newFooterLeft,
#newFooter div.newFooterCenter,
#newFooter div.newFooterRight {
	float: left;
}

#newFooter div.newFooterLeft {
	width: 654px;
	background: url(../images/footer/bg_footer.png) repeat-y 0 0;
}

#newFooter div.newFooterLeft div.service {
	float: left;
	width: 290px;
	padding: 15px 0 20px 20px;
}

#newFooter div.newFooterLeft div.service ul.footerContentsBox {
	float: left;
	width: 125px;
	margin-right: 20px;
}

#newFooter div.newFooterLeft div.service li.phone {
	margin-top: 15px;
}

#newFooter div.newFooterLeft div.service li.electricity {
	margin-top: 15px;
}

#newFooter div.newFooterLeft div.pack {
	float: left;
	width: 144px;
	padding: 15px 0;
}

#newFooter div.newFooterLeft div.pack li.price {
	margin-top: 15px;
}

#newFooter div.newFooterLeft div.pack li.mobile {
	margin: 21px 0 10px;
}

#newFooter div.newFooterLeft div.newFooterBottom {
	clear: both;
	overflow: hidden;
	margin: 0 0 0 1px;
	padding: 0 0 10px 20px;
	background: #eee;
	_zoom: 1;
}

#newFooter div.newFooterLeft div.newFooterBottom ul {
	margin: 0 0.5em;
}

#newFooter div.newFooterLeft div.newFooterBottom ul li {
	float: left;
	margin: 0 20px 0 0;
}

#newFooter div.newFooterLeft div.newFooterBottom div.guide {
	float: left;
	width: 290px;
}

#newFooter div.newFooterLeft div.newFooterBottom div.tvGuide {
	float: left;
	width: 340px;
	overflow: hidden;
}

#newFooter div.newFooterCenter {
	width: 189px;
}

#newFooter div.newFooterCenter div.top {
	padding: 15px 20px;
}

#newFooter div.newFooterCenter div.top p.campaign {
	margin-bottom: 10px;
}

#newFooter div.newFooterCenter div.top ul {
	margin: 0 5px;
}

#newFooter div.newFooterCenter div.bottom {
	border-top: 1px solid #ddd;
	padding: 10px 15px;
	line-height: 1.2;
}

#newFooter div.newFooterCenter div.bottom li {
	margin: 7px 0;
}

#newFooter div.newFooterRight {
	float: right;
	width: 278px;
	padding: 10px;
	background: #ddd;
}

#newFooter div.newFooterRight div.support {
	padding: 8px 10px 10px 10px;
}

#newFooter div.newFooterRight div.support ul {
	margin-left: 0.5em;
}

#newFooter div.newFooterRight div.support ul li {
	float: left;
	width: 126px;
	margin: 2px 0;
}

#newFooter div.newFooterRight div.buttons {
	overflow: hidden;
	background: #666 url(../images/footer/bg_apply_buttons.png) repeat;
	font-size: 120%;
	zoom: 1;
}

#newFooter div.newFooterRight div.buttons div.buttonsTop {
	padding: 7px 10px 10px 10px;
	position: relative;
	zoom: 1;
}

#newFooter div.newFooterRight div.buttons a {
	color: #fff;
}

#newFooter div.newFooterRight div.buttons ul {
	padding: 7px 0 0 0;
	height: 42px;
	overflow: hidden;
}

#newFooter div.newFooterRight div.buttons ul li {
	float: left;
}

#newFooter div.newFooterRight div.buttons ul li a {
	display: block;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
}

#newFooter div.newFooterRight div.buttons ul li.applyService a {
	width: 114px;
	background: #FE9B00;
	line-height: 22px;
	margin: 0 10px 0 0;
}

#newFooter div.newFooterRight div.buttons ul li.applyService a:hover {
	background: #F08400;
}

#newFooter div.newFooterRight div.buttons ul li.changeService a {
	padding: 6px 0;
	width: 134px;
	background: #8EC138;
	line-height: 15px;
}

#newFooter div.newFooterRight div.buttons ul li.changeService a:hover {
	background: #83AE32;
}

#newFooter div.newFooterRight div.buttons p.material {
	border-top: 1px dotted #999;
	text-align: center;
}

#newFooter div.newFooterRight div.buttons p.material a {
	display: block;
	padding: 7px 0;
}

#newFooter div.newFooterRight div.buttons p.material a:hover {
	background: url(../images/footer/bg_apply_buttons_h.png) repeat 0 0;
}

#newFooter div.newFooterRight div.buttons p.material a span {
	padding-left: 15px;
	background: url(../images/footer/icon_material.png) no-repeat 0 0;
}

#newFooter div.newFooterRight p.left {
	float: left;
	padding: 18px 0 0 10px;
	font-size: 12px;
}

#newFooter div.newFooterRight p.myjcom {
	float: right;
	padding: 10px 0 0 0;
	line-height: 1;
}

#newFooter ul.utility {
	clear: both;
	padding: 25px 0 0 0;
	text-align: center;
}

#newFooter ul.utility li {
	display: inline;
	border-left: 1px solid #666;
	padding: 0 0 0 10px;
	margin: 0 0 0 7px;
}

#newFooter ul.utility li:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

#newFooter p.copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px 0 20px 0;
}

#newFooter p.copyright .iconZaq {
	display: inline-block;
	margin: 0 0 0 25px;
}
#newFooter p.copyright .iconZaq img {
	margin: 0 5px 5px 0;
	vertical-align: middle;
}

#newFooterPagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	line-height: 0;
	z-index: 100;
	_display: none;
}

#newFooterPagetop img {
	vertical-aling: text-bottom;
}

/* ----------------------------------------------------
  changeSmartphone
---------------------------------------------------- */

#changeSmartphone dl,
#changeSmartphone dt,
#changeSmartphone dd {
	margin: 0;
	padding: 0;
}

#changeSmartphone {
	background: #fff;
	padding: 25px 0 118px;
	text-align: center;
	line-height: 1;
}

#changeSmartphone dl {
	font-size: 36px;
	color: #000;
	display: inline-block;
}

#changeSmartphone dl dt,
#changeSmartphone dl dd {
	float: left;
	vertical-align: middle;
}

#changeSmartphone dl dt {
	padding: 0 20px 0 0;
	line-height: 90px;
}

#changeSmartphone dl dd {
	width: 270px;
	height: 90px;
	box-sizing: border-box;
	text-align: center;
}

#changeSmartphone dl dd a {
	display: block;
	color: #000;
	line-height: 90px;
	text-decoration: none;
}

#changeSmartphone dl dd.sp {
	border: 3px solid #aaa;
	background: #e0e0e0;
	background: -webkit-linear-gradient(top,  #fff 0%,#e0e0e0 100%);
	background: linear-gradient(to bottom,  #fff 0%,#e0e0e0 100%);
	border-radius: 2px 0 0 2px;
}

#changeSmartphone dl dd.sp a {
	border: 3px solid #fff;
	line-height: 78px;
}

#changeSmartphone dl dd.pc {
	background: #aaaaaa;
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #aaaaaa 0%,#cccccc 100%);
	border-radius: 0 2px 2px 0;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
}

/* ------------------------------------------------------------------
  newPage
------------------------------------------------------------------ */
#newPage {
	width: 962px;
	margin: 0 auto;
	position: relative;
}

#newPage #newMainArea {
	padding: 0;
	margin: 0;
	border-width: 0;
	background: #fff;
	/* float: left; */
	/* width: 784px; */
	float: none;
	width: 962px;
}

body.oneColumn #newPage #newMainArea {
	width: 962px;
	float: none;
}

/* ------------------------------------------------------------------
  newSide
------------------------------------------------------------------ */
div#newSide {
	float: right;
	width: 168px;
	font-size: 75%;
	background: #fff;
	line-height: 1.0;
	float: none;
	display: none;
}

div#newSide img {
	vertical-align: text-bottom;
}

/* sideApplyArea */
div#newSide div.sideApplyArea {
	background: #eee;
	padding-bottom: 1px;
	margin-bottom: -1px;
}

div#newSide div.sideApplyArea ul {
	margin: 0 0 10px 0;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true);
}

/* sideNavigation */
div#newSide ul.sideNavigation {
	background: #fff;
	border-bottom: 10px solid #eee;
}

div#newSide ul.sideNavigation ul {
	display: none;
}

div#newSide ul.sideNavigation li.current ul {
	display: block;
}

div#newSide ul.sideNavigation ul li {
	border-top: 1px solid #eee;
}

div#newSide ul.sideNavigation li.net,
div#newSide ul.sideNavigation li.phone,
div#newSide ul.sideNavigation li.electricity,
div#newSide ul.sideNavigation li.mobile {
	border-top: 1px solid #fff;
}

div#newSide ul.sideNavigation li.tv ul li:first-child,
div#newSide ul.sideNavigation li.net ul li:first-child,
div#newSide ul.sideNavigation li.phone ul li:first-child {
	border-top: none;
}

div#newSide ul.sideNavigation ul li a {
	display: block;
	padding: 12px 5px 12px 20px;
	color: #333333;
	text-decoration: none;
	background: url(../images/icon_arrow.png) no-repeat 10px 50%;
	line-height: 1.3;
	zoom: 1;
}

div#newSide ul.sideNavigation ul li a:hover {
	text-decoration: underline;
}

div#newSide ul.sideNavigation li.tv ul li a {
	background-image: url(../images/icon_arrow_tv.png);
}

div#newSide ul.sideNavigation li.net ul li a {
	background-image: url(../images/icon_arrow_net.png);
}

div#newSide ul.sideNavigation li.phone ul li a {
	background-image: url(../images/icon_arrow_phone.png);
}

div#newSide ul.sideNavigation li.electricity ul li a {
	background-image: url(../images/icon_arrow_electricity.png);
}

div#newSide ul.sideNavigation li.mobile ul li a {
	background-image: url(../images/icon_arrow_mobile.png);
}

div#newSide ul.sideNavigation li a.current {
	font-weight: bold;
	color: #E83416;
}

div#newSide ul.sideNavigation li.tv a.current {
	color: #fa0089;
}

div#newSide ul.sideNavigation li.net a.current {
	color: #0086cd;
}

div#newSide ul.sideNavigation li.phone a.current {
	color: #00a33e;
}

div#newSide ul.sideNavigation li.electricity a.current {
	color: #f18d00;
}

div#newSide ul.sideNavigation li.mobile a.current {
	color: #29a5a9;
}

div#newSide ul.sideNavigation li.mobile ul {
	border-bottom: 1px solid #e0e0e0;
}

/* sideJoin */
div#newSide div.sideJoin dl {
	border-bottom: 10px solid #eee;
}

div#newSide div.sideJoin dl dd {
	border-top: 1px solid #eee;
}

div#newSide .sideJoin .subPhone li {
	border-top: 1px solid #eee;
}

div#newSide .sideJoin .subPhone {
	border-top: 1px solid #fff;
}

div#newSide .sideJoin .subPhone li:first-child {
	border-top: none;
}

div#newSide .sideJoin .subPhone li a {
	display: block;
	padding: 12px 5px 12px 20px;
	color: #333333;
	text-decoration: none;
	background: url(../images/icon_arrow_phone.png) no-repeat 10px 50%;
	line-height: 1.3;
	zoom: 1;
}

div#newSide .sideJoin .subPhone li a:hover {
	text-decoration: underline;
}

/* bannerArea */
div#newSide div.bannerArea {
	padding-bottom: 10px;
}

div#newSide div.bannerArea li {
	text-align: center;
}


/* ----------------------------------------------------
  newContents
---------------------------------------------------- */

#newContents {
	clear: both;
	/* width: 784px; */
	margin: 0 auto;
	padding: 0;
	font-size: 75%;
	width: 962px;
}

#newContents .newMainAreaInner {
	padding: 0 20px;
	overflow: hidden;
	width: 744px;
	margin: 0 auto;
}

/* h1 */
h1#newHeading {
	font-family: 'Noto Sans JP', sans-serif;
	/* margin: 0; */
	/* padding: 13px 15px 13px 18px; */
	/* background: none; */
	/* background: url(../images/bg_h1.png) repeat-y 0 0; */
	/* border-bottom: 10px solid #eee; */
	/* font-size: 24px; */
	/* color: #222222; */
}

h1#newHeading img {
	vertical-align: middle;
}

#categoryTop h1#newHeading {
	border: none;
	background-position: 0 100%;
}

/* breadcrumb */
div#breadcrumb {
	margin-top: 20px;
	padding: 20px;
	/* background: #F9F9F9; */
	font-size: 10px;
	color: #666666;
	background: #fff;
}

div#breadcrumb p {
	margin: 0;
}

div#breadcrumb p a,
div#breadcrumb p a:link,
div#breadcrumb p a:visited {
	color: #666666 !important;
}

div#breadcrumb p a:hover {
	color: #333333 !important;
}


/* ----------------------------------------------------
  clearfix
---------------------------------------------------- */
#newHeader ul.utilityNavigation,
#newHeader ul#globalNavigation,
#newFooter div.newFooterLeft div.guide ul,
#newFooter div.newFooterRight div.support ul,
#newFooter div.newFooterRight div.buttons ul,
#changeSmartphone dl,
#newPage {
	/zoom: 1;
}

#newHeader ul.utilityNavigation:after,
#newHeader ul#globalNavigation:after,
#newFooter div.newFooterLeft div.guide ul:after,
#newFooter div.newFooterRight div.support ul:after,
#newFooter div.newFooterRight div.buttons ul:after,
#changeSmartphone dl:after,
#newPage:after {
	content: " ";
	display: block;
	clear: both;
}



/* ----------------------------------------------------
  20220630/サイト再構築による追加
---------------------------------------------------- */

h1 {
    font-size: 2.5rem;
}

h1 {
    font-weight: bold;
    line-height: 1.5;
    color: #333;
    text-align: center;
}

h1 {
    max-width: 1120px;
    margin: 40px auto 56px auto;
    padding-left: 16px;
    font-size: 32px;
    text-align: left;
    position: relative;
}

h1:after {
	box-sizing: border-box;
    content: "";
    width: 4px;
    height: calc(100% - 8px);
    background: #e93817;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
h1 {
	margin: 32px 0;
    padding-left: 0;
    font-size: 28px;
    text-align: center;
	}
}

/* ----------------------------------------------------
  20220825/フッター変更に伴う追加
---------------------------------------------------- */

.bg-gray {
  background-color: #F2F2F2 !important
}

.row {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.social-col, [class^="col-"], [class*=" col-"] {
  position: relative;
  margin: 0;
  box-sizing: border-box
}

.link-self-black::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-self-black.svg) no-repeat center center/contain
}

.container {
  box-sizing: border-box;
  position: relative;
  max-width: 1120px;
  margin: 0 20px
}

@media screen and (min-width: 1160px) {
  .container {
    margin: 0 auto
  }
}

.content-sm {
  max-width: 736px;
  width: 100%;
  margin: auto
}

.row.row-cs-md > .social-col, .row.row-cs-md > [class^="col-"], .row.row-cs-md > [class*=" col-"] {
  margin: 16px 8px 0
}

.row.row-cs-md {
    margin: -16px -8px 32px
  }

.row.row-cs-md > .social-col, .row.row-cs-md > [class^="col-"], .row.row-cs-md > [class*=" col-"] {
    margin: 16px 8px 0
  }

.mb-sm {
  margin-bottom: 8px !important
}

.text-center {
  text-align: center !important
}

.fs-14 {
  font-size: 14px !important
}

.fw-bold {
  font-weight: bold
}

.pt-xs {
  padding-top: 4px !important
}

.pt-sm {
  padding-top: 8px !important
}

.mt-xxl {
  margin-top: 40px !important
}

.social-col > *:not(.row):first-child, [class^="col-"] > *:not(.row):first-child, [class*=" col-"] > *:not(.row):first-child {
  margin-top: 0 !important
}

.social-col > *:last-child, [class^="col-"] > *:last-child, [class*=" col-"] > *:last-child {
  margin-bottom: 0 !important
}

.link-blank, .link-blank-black, .link-blank-white {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #406FAF !important;
  padding-right: 18px;
  transition: .3s opacity ease-out
}

.link-blank:hover, .link-blank-black:hover, .link-blank-white:hover {
  opacity: .7;
  text-decoration: none !important
}

.link-blank::after, .link-blank-black::after, .link-blank-white::after {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
  display: inline-block;
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-blue.svg) no-repeat center center/contain;
  width: 16px;
  height: 16px;
  margin: auto
}

.link-blank-black {
  color: #333 !important
}

.link-blank-black::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-black.svg) no-repeat center center/contain
}

[class*="link-self"] {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #333 !important;
  transition: .3s opacity ease-out
}

[class*="link-self"]:hover {
  opacity: .7;
  text-decoration: none !important
}

[class*="link-self"]::after {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-self-blue.svg) no-repeat center center/contain;
  width: 16px;
  height: 16px;
  margin-left: 8px
}

[class^="link-"], [class*=" link-"] {
  position: relative;
  text-decoration: none
}

.social ul, .social li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.5
}

#newFooter02 ul, #newFooter02 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.5
}

.col-100-sp a:visited {
  color: #406FAF;
  text-decoration: none
}

.col-100-sp a {
  cursor: pointer
}

.social a:visited {
  color: #406FAF;
  text-decoration: none
}

.social a {
  cursor: pointer
}

#newFooter02 a:visited {
  color: #406FAF;
  text-decoration: none
}

#newFooter02 a {
  cursor: pointer
}

.section-p-sm *::before, .section-p-sm *::after {
  box-sizing: border-box
}

.social *::before, .social *::after {
  box-sizing: border-box
}

#newFooter02 *::before, #newFooter02 *::after {
  box-sizing: border-box
}

.section-p-sm img, .section-p-sm svg {
	vertical-align: middle
}

.social img, .social svg {
	vertical-align: middle;
	max-width: 100%;
	height: auto
}

#newFooter02 img, #newFooter02 svg {
	vertical-align: middle
}

.section-p-sm.undernav {
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  padding: 22px 0;
  background-color: #F2F2F2 !important;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5
}

.section-p-sm.undernav .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.section-p-sm.undernav .row .col-100-sp {
  margin: 0 16px
}

.section-p-sm.undernav .row .col-100-sp a {
  display: inline-block;
  padding: 0
}

.section-p-sm.undernav .row .col-100-sp a small {
  font-weight: normal;
  font-size: 12px;
  margin-left: 0.5em
}

.section-p-sm.undernav .row [class^="link-"] {
  font-weight: bold;
  font-size: 16px;
  transition: .3s opacity ease-out
}

.section-p-sm.undernav .row [class^="link-"]:hover {
  text-decoration: none !important;
  opacity: .7
}

.section-p-sm.undernav .row [class^="link-"]::after {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px
}

.section-p-sm.undernav .row [class^="link-"][class*="-self-black"]::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-self-black.svg) no-repeat center center/contain
}

.section-p-sm.undernav .row [class^="link-"][class*="-blank-black"]::after {
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-black.svg) no-repeat center center/contain
}

.social .row {
  display: flex;
  justify-content: center;
  margin: -16px -8px 8px
}

.social .row .social-col {
  margin: 16px 8px 0
}

.social {
  padding-top: 48px;
  padding-bottom: 48px;
  background: #f2f2f2;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5
}

.social .text-center {
  text-align: center
}

.social .text-center.fs-14 {
  margin: 0 0 16px;
  padding-top: 4px
}

.social .text-center.fs-14 a {
  display: inline-block;
  font-size: 14px;
  transition: .3s opacity ease-out;
  color: #406FAF !important;
  font-weight: bold;
  text-decoration: none
}

.social .text-center.fs-14 a:hover {
  text-decoration: none !important;
  opacity: .7
}

.social .mt-xxl {
  margin-top: 40px;
  padding-top: 8px
}

#newFooter02 {
  overflow: hidden;
  box-sizing: border-box;
  background: #F5F5F5
}

#newFooter02 .footer-content {
  font-size: 12px
}

#newFooter02 .footer-content ul {
  margin: 24px auto 10px;
  text-align: center
}

#newFooter02 .footer-content ul li {
  display: inline-block;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 12px
}

#newFooter02 .footer-content ul li a {
  color: #333 !important;
  text-decoration: none;
  font-family: 'Noto Sans JP', sans-serif
}

#newFooter02 .footer-content ul li .blank::after {
  content: "";
  display: inline-block;
  background: url(https://www.jcom.co.jp/common_v10/images/icn-link-blank-black.svg) no-repeat center;
  background-size: 10px;
  width: 10px;
  height: 10px;
  margin-left: 0.5em
}

#newFooter02 .copyright {
  background: #939393;
  margin: 0;
  padding: 8px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif
}

.breadcrumb {
  margin-top: 20px;
  background: #F2F2F2;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0
}

.breadcrumb ol {
  margin: 0;
  padding: 14px 0 12px
}

.breadcrumb ol li {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 14px
}

.breadcrumb ol li::after {
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #939393;
  border-right: 1px solid #939393;
  content: "";
  vertical-align: middle;
  transform: rotate(45deg)
}

.breadcrumb ol li > a, .breadcrumb ol li > span {
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  color: #333 !important;
  text-decoration: none !important
}

.breadcrumb ol li > a {
  font-weight: bold;
  color: #e93817 !important
}

.breadcrumb ol li > span:hover {
  text-decoration: none !important
}

.breadcrumb ol li:last-child::after {
  display: none
}

.breadcrumb ol li a span {
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 962px) {
  .section-p-sm {
    width: 962px;
	max-width: 962px
  }
  
  .social {
    width: 962px;
	max-width: 962px
  }

  #newFooter02 {
    width: 962px;
	max-width: 962px
  }
	
  .breadcrumb {
    width: 962px;
	max-width: 962px
  }
}

/* ----------------------------------------------------
  20240628/フッター調整
---------------------------------------------------- */

.col-middle {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
	top: 1px;
}

.undernav__adjust {
    max-width: 840px;
    line-height: 2;
    margin: 0 auto !important;
}
@media screen and (max-width: 767px) {
    .undernav__adjust {
        line-height: 1.5;
    }

}
@media screen and (min-width: 768px) {
    .section-p-sm.undernav .row.undernav__adjust .col-100-sp {
        margin: 0 24px;
    }
}
@media(min-width: 768px){
	a[href^="tel:"]{
	  pointer-events: none;
	}
}