@charset "utf-8";
/*
Theme Name:Family Denki Theme
Description:ファミリー電気商会テーマ Ver.2「family-denki-theme」
*/

/* ----------------------------------------------------------------------
 setting for Smartphone
---------------------------------------------------------------------- */

body {
  -webkit-text-size-adjust: 100%;
}

/*ヘッダー・メインナビ固定*/
header {
	position: sticky;
	top: 0;
	z-index: 10;
}

/*ヘッダー内バナー非表示*/
header #header .box a {
	display: none;
}

header #header .box h1 {
	margin: 0;
	width: 250px;
	height: 42px;
	margin-top: 3px;
	margin-left: 5px;
	background-image: url(img/site-ID.png);
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
	position: absolute;
	z-index: 1;
}

/*PC用ナビ非表示*/
header nav#pc-navi {
	display: none;
}

/*メインコンテンツ*/

#container #top-content,#container #content {
	padding: 0 10px;
	line-height:1.5em;
}

#container #top-content img,#container #content img {
	width:100%;
	height: auto;
}

/*ページページトップボタン*/
#pageTop {
	display: block;
	width: 100%;
	background-color: #DDDDDD;
}

#pageTop .Btn {
	padding: 0 10px;
	display: flex;
	justify-content: flex-end;
}

#pageTop .Btn a {
	display: block;
	width: 100px;
	height: 30px;
	text-indent: -9999px;
	background: url(img/Btn-PageTop_sp.png) no-repeat 0px 0px;
}

/* フッター */
#footer {
	display: block;
	padding: 10px 0px;
	background-color: #EFEFEF;
}

#footer .box {
	width: 95%;
	margin: 0 auto;
}

#footer .box address {
	font-style: normal;
	line-height: 1.4;
}

#footer .box address p strong {
	font-size: 1.2em;
}

#footer .box .box-R .footer-Navi {
	display: none;
}

#footer .box .box-R .copyright {
	width: 100%;
	padding-top: 5px;
	font-size: 75%;
}

#container h2 { /*2024.5*/
	margin-left: 10px;
	margin-right: 10px;
}

#container #content h2,
#container #content .store h3 {
	width: 100%;
	padding:5px 0px;
	background-color:#00009B;
	color: #FFFFFF;
	text-indent: 15px;
	letter-spacing: 0.3em;
	margin:15px 0px 20px 0px; 
	font-size:1.2em;
	font-weight:bold;
}

#container #content h3,
#container #content .outline h4 {
  background-color:#0CB0E0;
  color: #FFFFFF;
  text-indent: 10px;
  padding:2px 0px;
  font-size:1.0em;
  border-left:10px #0000cd solid;
}

#container #content .store h3 {
  text-indent: 0px;
  text-align:center;
  margin-bottom:0px;
  border-left:0px #0000cd solid;
}

#container #content .service h4 {
  border-left: 8px #0000cd solid;
  border-bottom: 3px #0000cd double;
  text-indent: 15px;
  letter-spacing: 2px;
}

#container #content .service h5{
  margin-left:1.5em;
  padding:2px 0px;
  color:#FFFFFF;
  text-indent:1.0em;
  background-color:#0cb0e0;
}

/*ページ内サブメニュー*/
#content .subNavi {
	border-top: 1px #666 dotted;
	margin-top: 20px;
}

#content .subNavi ul {
	padding-left: 1.0em;
}

#content .subNavi ul li {
	list-style-type: none;
}

/*v5.0.6*/
#content .subNavi ul li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	margin-right: 0.5em;
}

/*ホーム*/

/*新着ニュース*/

#container #top-content .box #news h3 {
  font-size:1.0em;
  background-color: #c0c0c0;
  text-indent:1.0em;
  padding:3px 0px;
}

#container #top-content .box #news .news-list dl {
  padding:0px;
  margin:0px;
}

#container #top-content .box #news .news-list dl dt {
  display: block;
  clear: left;
  float: left;
  margin:0px;
  color: 595757;
  font-weight: bold;
}

#container #top-content .box #news .news-list dl dd {
  display: block;
  margin-bottom: 15px;
  margin-left:6em;
  border-left: solid 1px #999999;
  line-height: 1.5em;
  padding-left: 10px;
}

#container #top-content .box #news .news-list dl dd a.news-title {
  display:block;
  padding-bottom:3px;
  border-bottom:1px #999 dotted;
  margin-bottom:3px;
}

#container #top-content .box #news .more-news {
  text-align:right;
}

#container #top-content .box #news .more-news a:before {
  content:"» ";
}

#container #top-content .box #banner:before {
  display:block;
  width:95%;
  margin-top:1.0em;
  font-size:1.0em;
  background-color:#c0c0c0;
  padding:3px 0px 3px 1.0em;
  content:"厳選リンク";
}

/*未定*/
#container #top-content .box #banner li.banner3 a {
  display: block;
  width: 0px;
  height: 0px;
  visibility: hidden;
}

#container #top-content #links:before {
 display:block;
  width:95%;
  font-size:1.0em;
  background-color:#c0c0c0;
  padding:3px 0px 3px 1.0em;
  content:"リンク";
}

/*横須賀市観光協会*/
/*#container #top-content #links ul li.kanko{
  list-style: none;
  width: 40%;
  height: auto;
}*/

/*サービス一覧*/

#container #content .service p.catch {
  color:#d2691e;
  font-weight:bold;
  font-size:1.2em;
  margin-bottom: 1.0em;
}

#container #content .service em {
  font-style: normal;
  font-weight: bold;
  color: #dc143c;
}

#container #content .service .box01 ul {
  padding-left:1.0em;
}

/* 店舗情報 */

#container #content .store .box {
  padding: 10px;
  border:1px #666 solid;
  margin-top: 0px;
}

#container #content .store .box .profile .box-L .tel {
  font-size:1.2em;
  font-weight:bold;
}

#container #content .store .box .profile .box-R {
	margin-top: 1.0em;
}

#container #content .store .box .comment-box .photo img{
  width:40%;
  height: auto;
  margin-left:30%;
} 

#container #content .store .box .comment-box .fukidashi .comment b,
#container #content .store .box .comment-box0 .fukidashi .comment b {
  display: block;
  margin-top: 5px;
  text-indent: 0.8em;
}

#container #content .service .attention ul {
  padding-left:0px;
}

#container #content .service .attention li {
  list-style-type: none;
  color:#FF0000;
  font-weight:bold;
}

#container #content .service .attention li:before {
  content:"! ";
  color:#FF0000;
  font-weight:bold;
}

/*lightbox無効 2024.4.11*/
.store .profile .box-R a {
	pointer-events: none;
	cursor: default;
}

/*挨拶*/

#container #content .message {
	display: block;
	font-size: 1.1em;
	color: #d2691e;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 1.0em;
}

#container #content .message p {
	margin: 10px 0px;
}

#container #content .message .msg-body {
	margin-bottom: 1.0em;
}

#container #content .message .sign {
	text-align: right;
}

/*table*/
 #container #content table {
  border-collapse: collapse;
  border-top: 1px #666 solid;
  border-right: 1px #666 solid;
  margin-top: 15px;
}

#container #content th {
  border-left: 1px #666 solid;
  border-bottom: 1px #666 solid;
  padding: 5px;
  color: #333;
  width:25%;
}

#container #content td {
  border-left: 1px #666 solid;
  border-bottom: 1px #666 solid;
  padding: 5px;
  width:75%;
}

#container #content .service table.service-list tbody th,
#container #content .outline table th {
  background-color: #87ceeb;
}

/*料金表*/

#container #content .service table.price {
  width:100%;
}

#container #content .service table.price caption {
  caption-side:bottom;
  font-size: 0.8em;
  text-align: right;
}

#container #content .service table.price thead th {
  background-color: #778899;/*#87ceeb;*/
  color: #FFF;
}

#container #content .service table.price tbody th {
  font-weight: normal;
  text-align: left;
  width:65%;
}

#container #content .service table.price tbody td {
  text-align: right;
  width:35%;
}

#container #content .service table.price tbody th {
  padding: 5px 15px;
}

#container #content .service table.price tbody td {
  padding: 5px 15px 5px 30px;
}

#container #content .service table.price tbody tr.red {
  background-color: #ffc0cb;
}

#container #content .service table.price tbody tr.yellow {
  background-color: #eee8aa;
}

#container #content .service table.price tbody tr.green {
  background-color: #90ee90;
}

#container #content .service table.price tbody tr.blue {
  background-color: #afeeee;
}

/*ニュース一覧*/
#container #content .all-news h3 {
  width:98%;
  padding:3px 5px 2px 0px;
}

#container #content .all-news h3 small {
  display:block;
  padding:0px 5px 0px 0px;
  font-size:0.6em;
  text-align:right;
}

#container #content .all-news h3 a {
  color:#FFF;
}

#container #content .all-news h3 a:hover {
  color:#ffff00;
}

#container #content .all-news p.To-top,
#container #content .all-news p.go-back,
#container #content .news p.go-back {
  width:100%;
  font-size:1.0em;
  text-align:right;
  letter-spacing:1px;
}

#container #content .all-news p.To-top {
  margin-top:1.0em;
}

/*ニュース個別*/
#container #content .news .news-date {
	margin-top:5px;
	margin-bottom:15px;
	display: flex;
	justify-content: flex-end;
}

#container #content .news .news-date span {
	font-size: 0.8em;
	line-height: 0.8em;
	padding-left: 5px;
	padding-bottom: 2px;
	border-bottom: 1px #666 dotted;
}

#container #content .news .single-pager,
#container #content .pager {
  margin-top:1.5em;
}

#container #content .news .single-pager .alignright {
  text-align:right;
  margin-top: 2px;
}

#container #content .all-news p.go-back,
#container #content .news p.go-back {
  margin-top:15px;
  border-top:1px #666 dotted;
  text-align:right;
  padding-top:5px;
}

/*クラシンク 大津店*/
/*add 2020.3.16*/
#container #content #kura_think section {
	width: 100%;
	text-align: center;
}

#container #content #kura_think section img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

/*section02*/
#container #content #kura_think #outline {
	width: 100%;
	padding: 15px 2px 0 2px;
	border: 1px #33A1DB solid;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 20px 0 30px;
}

#container #content #kura_think #outline section .main-box {
	margin-bottom: 30px;
}

#container #content #kura_think #outline section .title-box img,
#container #content #kura_think #outline section .main-box img {
	display: block;
}

#container #content #kura_think #outline section .title-box img.img-01 {
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#container #content #kura_think #outline section .main-box img {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/*会社概要 支店情報 調整 add 2023.10.23*/
#container #content .outline .shiten table tbody td h5 {
	margin-bottom: 8px;
}

/*問合せ（店舗リスト等）*/
.contact .store-contact ul {
	padding-left: 1.0em;
}

.contact .store-contact ul li {
	list-style-type: none;
}

.contact .msg small {
	display: block;
	margin-top: 0.5em;
	margin-left: 0.5em;
}

/*v5.0.6*/
.contact .store-contact ul li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f54f";
	/*content: "\f54e";*/
	margin-right: 0.5em;
}

#contactform #privacy-area {
	text-align: left;
}

#contactform #privacy-area #privacy-msg p br {
	display: none;
}

/*問合せ（フォーム）*/

#container #content .contact #contactform table {
	border: none;
}

#container #content #contactform table caption {
	text-align: right;
}

#container #content .contact #contactform table tbody b {
	font-weight: normal;
	color: #ff4500;
	padding: 0px 2px;
}

#container #content .contact #contactform table tbody th,
#container #content .contact #contactform table tbody td {
	width: 100%;
	display: block;
	border: none;
	box-sizing: border-box;
}

#container #content .contact #contactform table tbody th {
	text-align: left;
}

#container #content .contact #contactform table tbody td {
	padding-top: 0px;
}

/*
#container #content .contact th:before{
  content:"■ ";
}
*/

/*
#container #content .contact tr {
	border-bottom: 1px #666 dotted;
}
*/

#container #content .contact #contactform table tbody td p {
	padding-bottom: 5px;
}

/*住所・メールアドレス・問い合わせ内容*/
#container #content .contact #contactform table tbody td input.long-box,
#container #content .contact #contactform table tbody td textarea.long-box {
	width: 98%;
}

/*郵便番号・電話番号・FAX番号*/
#container #content .contact #contactform table tbody td input.short-box {
	width: 50%;
}

#container #content #contactform table tbody small {
	margin-left: 1.0em;
}

/*問合せ内容選択肢*/
main#container #content .contact #contactform table tbody td span.inq-item span.wpcf7-list-item {
	display: block;
	margin: 0 0 0 0;
}

/*名前*/
#container #content .contact #contactform table tbody td input.name-box {
	width: 65%;
}

/*郵便番号*/
#container #content .contact #contactform table tbody td input#zip-code {
	width: 20%;
	margin-left: 0.3em;
}

/*個人情報保護方針*/
#privacy-policy section>ol {
	padding-left: 1.5em;
}

#privacy-policy section>ol li:last-child>ul li:nth-child(3) span {
	display: block;
	margin-left: 1.0em;
}