@charset "utf-8";
@media (max-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.only_pc {
    display: none;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
料金シミュレーター　＞　結果
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_result_area .gb-button-basic_btn01 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.cmn_result_area .pack_name_wrap {
    grid-area: a1;
    margin-bottom: 5px;
    font-size: 13px;
}

.cmn_result_area .g_wrap {
    display: grid;
    grid-template-areas:
        "a1 b"
        "a2 b";
    grid-template-columns: 2fr 125px;
    align-items: center;
    column-gap: 5px;
    margin: 5px 0 8px;
}

.cmn_result_area .price_wrap {
    grid-area: a2;
}

.cmn_result_area .price {
    font-size: 28px;
}

.cmn_result_area .option_wrap {
    grid-area: b;
    padding-top: 0;
    gap: 3px;
}

.cmn_result_area .option_wrap > * {
    font-size: 10px;
    font-weight: bold;
    padding: 2px;
}

.cmn_result_area .koji_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px;
    margin-top: 5px;
}

.cmn_result_area .koji_wrap .koji_price_wrap {
    font-weight: bold;
}

.cmn_result_area .koji_wrap .koji_comment {
    font-size: 20px;
    line-height: 1;
}

.cmn_result_area .koji_wrap .koji_btn a {
    min-width: 160px;
}

.cmn_result_area .comment_wrap {
    display: none;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービス案内＞光テレビ＞専門チャンネルオススメ番組
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cablegate {
}

.cablegate_content {
}

.cablegate_cf {
}

.cablegate_thum {
    margin: 0 0 15px 0!important;
    width: 100%!important;
    text-align: center;
}

.cablegate_title {
}

.cablegate_chname {
}

.cablegate_description {
}

.cablegate_program {
}

.cablegate_copyright {
}

.cablegate_footer {
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
基本レイアウト 2023-09-19 mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
    background: none;
}

body::before{
	content:'';
	background: url("images/bg-body.jpg") repeat 125% 0% / 1180px auto;
	height: 100vh;
	position: fixed;
	width: 100%;
	z-index: -1;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*サイドバー　非表示*/
#left-sidebar{
	display: none;
}

/*ヘッダー　ハンバーガーメニュー横要素　非表示*/
#mobile-header .menu-bar-items{
	display: none;
}

/*ロゴ　高さ*/
.mobile-header-navigation .site-logo.mobile-header-logo img{
    height: 40px;
    margin-top: 10px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　>　ハンバーガーメニュー中身
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#generate-slideout-menu li.menu-item {
    margin-bottom: 0!important;
    border-top: rgba(0, 56, 148, 0.25) 1px solid;
}

#generate-slideout-menu li.menu-item:first-child {
    border-top: 0;
}

#generate-slideout-menu li.menu-item a {
    line-height: 1.4;
}

/*リスト上　余白・ボタン　非表示*/
#generate-slideout-menu .inside-navigation {
    padding: 0!important;
}

#generate-slideout-menu .my_hamburger{
	display: none;
}

body.offside-js--is-open {
	overflow-y: hidden;
}

/*ログアウト時　余白*/
nav#generate-slideout-menu.is-open{
	margin-top: 60px;
}

/*ログイン時　余白*/
.logged-in .body_inner:not(:has(.is_stuck))~nav#generate-slideout-menu.is-open{
	margin-top: 106px;
}

/*ハンバーガーメニュー表示時のtransitionオフ*/
.slideout-navigation.do-overlay {
    transition: none;
}

/*検索窓*/
form.search_form_style .form_text {
	line-height: 2em;
}

.side_search form.search_form_style input[type="text"] {
	background: #FBF4F5;
}

nav#generate-slideout-menu .side_search {
    margin-top: 0;
}

nav#generate-slideout-menu a{
	color: #003894;
}

	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　>　パンくず
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.breadcrumbs *{
	font-size: 10px;
}
	
div.breadcrumbs {
	overflow: scroll hidden;
	white-space: nowrap;
	width: 100%;
	direction: rtl;
}
div.breadcrumbs::-webkit-scrollbar{
  display:none;
}

/*ログアウト時*/
div.breadcrumbs{
    top: 100px;
    left: -55px;
}

/*ログイン時*/
body.logged-in div.breadcrumbs{
    top: 145px;
    left: -55px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　固定プロモ　＞　見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*下線*/
div#header_title div.title_underline::before {
    height: 15px;
}

/*ドロップシャドウ*/
div#header_title h1::before{
    -webkit-text-stroke: 4px #fff;
}

/*縁取り*/
div#header_title h1::after{
    -webkit-text-stroke: 4px #003894;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　情報カメラ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*タブアイテム*/
/*section#top_camera .gb-tabs__item > *{
    width: calc((100% - 20px)/3);
	padding-bottom: 67px;
}*/
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
料金シミュレーター　＞　料金表示（下固定）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#simulator_fixed {
	width: 100%;
	left: 0;
}

body.page-simulator .inside-site-info{
	margin-bottom: 195px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ポストスニペット　＞　電話番号　スマホのみプッシュ感を強調(2022-10-11mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="cmn_tel_icon"]::after {
    font-family: "icomoon";
    color: #003894;
    margin-left: 7px;
    /* content: '\e91f'; */
    content: '\f08e';
    font-size: 0.7em;
    vertical-align:1px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービス案内　＞　光テレビ・光ハイブリッド　チャンネル一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.scroll_ctr{
	overflow-x: scroll;
}
.tbl_scroll_sp {
    position: relative;
}
.tbl_scroll_sp::after {
	transition: all 1s;
    opacity: 0.6;
    position: absolute;
    content: '';
    width: 120px;
    height: 120px;
    top: 50px;
    left: calc(50% - 60px);
    background: url(./images/tbl_scroll_icon_sp.svg) no-repeat 50% / contain;
    z-index: 2;
}

.tbl_scroll_sp:is(:has(.on_scroll),:hover)::after{
	opacity:0;
}	
.tbl_scroll_sp.th_fixed table tr > *:first-child {
	width: 5em!important;	
}
/*.tbl_scroll_sp.th_fixed .ch_tbl_hfc table th > *:first-child {
	width: 120px!important;	
}*/

.ch_tbl td:nth-child(2) {
    position: sticky;
    left: 70px;
    z-index: 2;
}
.tbl_scroll_sp.th_fixed table{
	width:885px;
}

.optional_ch.ch_tbl_op.ch_tbl table{
	width:670px;
}	
.optional_ch.ch_tbl_op.ch_tbl th:nth-child(n+2){
	width: 250px;
}
	
.ch_tbl_hfc td:nth-child(2) {
    position: sticky;
    left: 71px;
    z-index: 2;
}
.tbl_scroll_sp.th_fixed .ch_tbl_hfc table{
	width:980px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご加入検討中の方　＞　集合住所の方　＞　集合住宅物件名検索
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.buken_tbl th:nth-child(1){
width:30%;    
}
.buken_tbl th:nth-child(2){
width:30%;    
}

.buken_tbl th:nth-child(3){
width:20%;    
}
.buken_tbl th:nth-child(4){
width:20%;    
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービス案内　＞　光パック (2023-11-07）fuji
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*このページのみ表調整*/
.construction_cost.th_fixed table {
    width: 600px;
}
	
.construction_cost.th_fixed table tr > *:first-child{
	width: 25%!important;
}

/*body.page-tv .tbl_scroll_sp.th_fixed table tr > *:first-child{
	width: 15em!important;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご加入検討中の方　＞　工事のご案内 (2023-11-07）fuji
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*このページのみギャラリー調整*/
body.page-construction .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
	width: 100%;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*背景*/	
.single-post  div.inside-article{
	padding: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新築LP＞SVG1行のとき
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
p.svg_oneline .gb-icon svg{
	width: 17.5px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新築LP＞SVG2行のとき
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
p.svg_twoline .gb-icon svg{
	width: 28px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
404エラー時の余白
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.error404 .entry-title{
  padding-top:0px; 
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*フッターナビ*/
#footer-widgets ul.menu{
    justify-content: center;
    margin-top: 20px;	
}

#footer-widgets ul:not(.sub-menu) > li {
    width: inherit;
    margin: 0 20px 10px 0;
}

#footer-widgets ul:not(.sub-menu) > li > a{
    padding: inherit;
    font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column{
	padding: 0!important;
}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns{
	margin-left: 0!important;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.question_list > li {
	font-size: 16px;
}

/* Qアイコン */
.question_list li::before{
	top: -8px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
キャンペーン＆プレゼント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_post_list [class^="post-term-item"] {
    padding: 5px 5px;
	margin-right: 7px;
}
.cmn_post_list p.cmn_event:before{
	padding: 0 8px;	
	font-size: 12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　括弧付き番号付きリスト（番組基準）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_list01 > li{
 padding-left: 3.5rem;
 font-size:14px;
 margin-bottom: 0.5em;
}

ul.cmn_list01 ul.opt ul > li {
    text-indent: -1.8em;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　リスト（番号なし）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
ul.list_type04 > li:before {
	top: -6px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　よくある質問（新築戸建の方）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* QA */
.gb-container-accordion.faq .gb-button-accordion_ttl {
    margin-bottom: 5px;
}
	
.gb-container-accordion.faq .gb-button-accordion_ttl,
.basic_qa_box .ttl {
    padding: 10px 10px 10px 65px;
}

.gb-container-accordion.faq .gb-button-accordion_ttl:before,
.basic_qa_box .ttl::before {
    font-size: 15px;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    margin-top: 7px;
	top: 0px;
    left: 10px;
}
	
.gb-container-accordion.faq .gb-container-accordion_content,
.basic_qa_box .content {
    padding: 5px 40px 25px 70px;
}
	
.gb-container-accordion.faq .gb-container-accordion_content::before,
.basic_qa_box .content::before {
    font-size: 15px;
    width: 32px;
    height: 32px;
	left: 20px;
	top: 3px;
}
	
.gb-container-accordion.faq.deco .gb-button-accordion_ttl {
	margin-bottom: 15px;
}
	
/*新築の方＞ご相談からご利用までの流れFAQ*/
.gb-container-accordion.faq.deco #sintiku-accordion .gb-button-accordion_ttl {
	font-size: 20px;
	padding-left: 45px;
	
}
.gb-container-accordion.faq #sintiku-accordion .gb-button-accordion_ttl::before{
	font-size:20px;
	width: 15px;
}

.gb-container-accordion.faq .gb-container-accordion_content #sintiku-anser {
	font-size: 17px;
}

 .gb-container-accordion.faq #sintiku-accordion .gb-container-accordion_content::before{
	font-size:17px;
	 width: 0;
	 left: 0;
	 top: 20px;
	
}
.gb-container-accordion.faq #sintiku-accordion .gb-container-accordion_content{
	padding: 20px;
}
	
/*新築の方＞その他のおすすめプランアコーディオン*/
.gb-container-accordion.faq #sintiku_plan .gb-button-accordion_ttl{
	font-size: 19px;
	padding-left: 0;
}
.gb-container-accordion.faq #sintiku_plan .gb-container-accordion_content{
		padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ctk_table01 {
  padding: 0;
  background: #fff;
  width: 100%;
}

.ctk_table01 table {
  margin-right: 4px;
  margin-left: 0;
}

.ctk_table01 table td {
  padding-left: 30px;
  padding-right:10px;
}

.ctk_table01 tr td:first-child {
  padding-left: 20px;
}

.ctk_table01 tr:last-child td:first-child {
  border-radius: 0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　クラシックテーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.classic_table01 table th, 
.classic_table01 table td {
    padding: 10px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Global Styles　＞　汎用コンテナ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテナ02（アイコン有） */
.gb-container-box02::before{
    bottom: -10px;
}

/* コンテナ03（アイコン有） */
.gb-container-box03::before {
    bottom: -10px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Global Styles　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し大B */
.gb-headline-large_b_m-plus::after {
    height: 12px;
}
/*ボタン02*/
.gb-button-wrapper .gb-button-basic_btn02 {
    padding: 15px 0px 15px 25px;
}



}/*メディアクエリ終了*/