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

/* ----------------------------------------------------------------------
 setting for PC
---------------------------------------------------------------------- */

/*共通設定*/

/*ヘッダ start*/

header #header {
	display: block;
	width:100%;
	height: 108px;
	background: url(img/header-BG.png) repeat-x 0px 0px;
}

header #header .box {
	display: block;
	max-width: 960px;
	height: 108px;
	padding: 0px;
	margin: 0 auto;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
}

header #header .box h1{
  display: block;
  width: 494px;
  height: 83px;
  margin: 0px;
  margin-top: 15px;
  margin-right: 25px;
  background: url(img/site-ID.png) no-repeat 0px 0px;
  text-indent: -9999px;
}

header #header .box .banner {
	display: flex;
}

#header .box .banner a.kura_think {
  display: block;
  width: 215px;
  height: 80px;
  margin-top: 16px;
  margin-right: 10px;
  background: url(/wp/wp-content/uploads/2020/03/banner-kura_think.png) no-repeat 0px 0px;
  text-indent: -9999px;
}

#header .box .banner a.store {
  display: block;
  width: 215px;
  height: 80px;
  margin-top: 16px;
  margin-right: 1px;
  background: url(img/Btn_Shop-info.png) no-repeat 0px 0px;
  text-indent: -9999px;
}

/*SPメインナビ 2024.4.22*/
nav#main-navi {
	display: none;
}

/* PCメインナビ stert */
nav#pc-navi ul#mega-menu-pc-navi {
	background: url(img/mainNavi-BG.png) repeat-x 0px 0px;
}

nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item a.mega-menu-link {
	color: #555;
}
/* ホーム */
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:first-child a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat 0px 0px;
}

/*over*/
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:first-child a.mega-menu-link:hover {
  background-position: 0px -40px;
}

/* current */
/*
.home nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:first-child a.mega-menu-link { 
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat 0px -80px;
}
*/

/* サービス */
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -160px 0px;
}

/*over */
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link:hover { 
  background-position: -160px -40px;
}

/* current */
.page-id-28 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link,
.page-id-212 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link,
.page-id-47 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link,
.page-id-149 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -160px -80px;
}

/* 店舗案内 */
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(3) a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -320px 0px;
}

/*over*/
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(3) a.mega-menu-link:hover { 
  background-position: -320px -40px;
}

/* current */
nav#pc-navi ul#mega-menu-pc-navi li:nth-child(3).mega-current-menu-item a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -320px -80px;
}

/* 会社概要 */
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -480px 0px;
}

/*over*/
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link:hover { 
  background-position: -480px -40px;
}

/* current */
.page-id-104 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link,
.page-id-12 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -480px -80px;
}

/* お問合せ */
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(5) a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -800px 0px;
}

/*over*/
nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(5) a.mega-menu-link:hover {
  background-position: -800px -40px;
}

/* current */
nav#pc-navi ul#mega-menu-pc-navi li:nth-child(5).mega-current-menu-item a.mega-menu-link {
  display: block;
  width: 160px;
  height: 40px;
  text-indent:-9999px;
  background: url(img/mainNavi-Btn.png) no-repeat -800px -80px;
}

/* PCメインナビ end */

/* 特定画面幅のナビ崩れ対策 */
@media only screen and (min-width: 767px) and (max-width:820px) {

	/*ホーム*/
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:first-child a.mega-menu-link {
		width: 150px;
		background: url(img/mainNavi-Btn_short.png) no-repeat 0px 0px;
	}
	/*over*/
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:first-child a.mega-menu-link:hover {
		background-position: 0px -40px;
	}

	/* サービス */
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link {
		width: 150px;
		background: url(img/mainNavi-Btn_short.png) no-repeat -150px 0px;
	}
	/*over*/
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link:hover {
		background-position: -150px -40px;
	}
	/* current */
	.page-id-28 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link,
	.page-id-212 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link,
	.page-id-47 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link,
	.page-id-149 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(2) a.mega-menu-link {
		width: 150px;
		background: url(img/mainNavi-Btn_short.png) no-repeat -150px -80px;
	}

	/* 店舗案内 */
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(3) a.mega-menu-link {
		width: 150px;
		background: url(img/mainNavi-Btn_short.png) no-repeat -300px 0px;
	}
	/*over*/
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(3) a.mega-menu-link:hover {
		background-position: -300px -40px;
	}
	/* current */
	nav#pc-navi ul#mega-menu-pc-navi li:nth-child(3).mega-current-menu-item a.mega-menu-link {
		background-position: -300px -80px;
	}

	/* 会社概要 */
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link {
		width: 150px;
		background: url(img/mainNavi-Btn_short.png) no-repeat -450px 0px;
	}
	/*over*/
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link:hover {
		background-position: -450px -40px;
	}
	/* current */
	.page-id-104 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link,
	.page-id-12 nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(4) a.mega-menu-link {
		width: 150px;
		background: url(img/mainNavi-Btn_short.png) no-repeat -450px -80px;
	}

	/* お問合せ */
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(5) a.mega-menu-link {
		width: 150px;
		background: url(img/mainNavi-Btn_short.png) no-repeat -600px 0px;
	}
	/*over*/
	nav#pc-navi ul#mega-menu-pc-navi li.mega-menu-item:nth-child(5) a.mega-menu-link:hover {
		background-position: -600px -40px;
	}
	/* current */
	nav#pc-navi ul#mega-menu-pc-navi li:nth-child(5).mega-current-menu-item a.mega-menu-link {
		background-position: -600px -80px;
	}
}
/*ヘッダ end*/

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

#container {
	margin: 0px auto;
	max-width: 960px;
	padding: 0 10px;
	line-height: 1.5em;
}

#container #content h3,
#container #content .outline h4 {
	padding-top: 1px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-indent: 30px;
	background: url(img/section-BG01.png) no-repeat 0px 0px;
	letter-spacing: 2px;
	color: #FFF;
}

/*サブナビ*/
#container #content .inner-for-submenu {
	display: flex;
	flex-direction: row-reverse;
}

#container #content .subNavi {
	width: 180px;
	padding-right: 9px;
}

#container #content .subNavi ul {
	margin: 0px;
	padding: 0px;
}

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

#container #content .subNavi ul li a {
	display: block;
	color: #000080;
	width: 180px;
	height: 40px;
	margin-bottom: 10px;
	background: url(img/subNavi-Btn.png) no-repeat 0px 0px;
	line-height: 40px;
	text-indent: 1.0em;
	text-decoration: none;
}

/*ページページトップボタン*/

#pageTop {
	display: block;
	width: 100%;
	height: 21px;
	background-color: #DDDDDD;
}

#pageTop .Btn {
	display: flex;
	justify-content: flex-end;
	margin: 0px auto;
	padding: 0px;
	max-width: 960px;
	padding: 0 10px;
}

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

#pageTop .Btn a:hover {
	background-position: 0px -21px;
}

/* フッター */
#footer {
	display: block;
	width: 100%;
	height: 93px;
	/*109px*/
	padding-top: 16px;
	background-color: #EFEFEF;
}

#footer .box {
	display:flex;
	justify-content: space-between;
	margin: 0px auto;
	padding: 0px;
	max-width: 960px;
	padding: 0 10px;
}

#footer .box address {
	display: block;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 2px;
	padding: 0px;
}

#footer .box address p strong {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}

#footer .box address p {
	margin: 0px;
	padding: 0px;
}

/*フッターメニュー start*/

#footer .box .box-R .footer-Navi ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
	width: 368px;
	height: 35px;
}

#footer .box .box-R .footer-Navi ul li {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	list-style: none;
}

#footer .box .box-R .footer-Navi ul li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 14px;
	text-indent: 8px;
	color: #666;
	letter-spacing: 2px;
	background: url(img/link-mark.png) no-repeat 0px 0px;
}

#footer .box .box-R .footer-Navi ul li a:hover {
	background-position: 0px -20px;
	text-decoration: none;
	color: #FF4D4D;
}

#footer .box .box-R .footer-Navi ul li:nth-child(1) a,
#footer .box .box-R .footer-Navi ul li:nth-child(4) a {
	width: 112px;
}

#footer .box .box-R .footer-Navi ul li:nth-child(2) a,
#footer .box .box-R .footer-Navi ul li:nth-child(5) a {
	width: 156px;
}

#footer .box .box-R .footer-Navi ul li:nth-child(3) a,
#footer .box .box-R .footer-Navi ul li:nth-child(6) a {
	width: 100px;
}

#footer .box .box-R .footer-Navi ul li:nth-child(1) a,
#footer .box .box-R .footer-Navi ul li:nth-child(2) a,
#footer .box .box-R .footer-Navi ul li:nth-child(3) a {
	margin-bottom: 7px;
}

/*フッターメニュー end*/

#footer .box .box-R .copyright {
	margin-top: 14px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: right;
}

/*共通設定 end*/

/* ホーム*/

#container #top-content .message {
  display: block;
  width: 100%;
  margin:5px 0 10px 0;
  color:#004da0;
  text-align: left;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 30px;
}

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

#container #top-content .box {
	display: flex;
	justify-content: space-between;
}

/*新着ニュース（ホーム）*/

#container #top-content .box #news {
	display: block;
	width: 591px;
	padding-bottom: 5px;
	border-bottom: 1px #999 dashed;
}

#container #top-content .box #news h3 {
	display: block;
	width: 591px;
	height: 36px;
	text-indent:-9999px;
	background: url(img/home/news-bar.png) no-repeat 0px 0px;
	margin: 0px;
}

#container #top-content .box #news .news-list {
	display: block;
	width: 581px;
	height: 183px;/*196px*/
	overflow: auto;
	margin: 10px 0px 10px 10px;
}

#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;
	width: 5.5em;/*85px*/
	color: 595757;
	font-weight: bold;
}

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

#top-content .box #news .news-list dl dd img {
	display: block;
	width: 240px;
	height: auto;
}

#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 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 14px;
	text-indent:5px;
	background: url(img/link-mark.png) no-repeat 0px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #666;
	float: right;
	line-height: 1.0em;
}

#container #top-content .box #news .more-news a:hover {
	background-position: 0px -20px;
	text-decoration:none;
	color: #FF4D4D;
}

/*新着ニュース*/

/*サイト内バナー*/
#container #top-content .box #banner {
	width: 343px;
}

#container #top-content .box #banner ul {
	padding: 0px;
	margin: 0px;
}

#container #top-content .box #banner ul li {
	list-style-type: none;
}

/*サービス一覧*/
#container #top-content .box #banner li.banner1 a {
	display: block;
	width: 343px;
	height: 99px;
	text-indent: -9999px;
	background: url(img/home/banner_service-list.png) no-repeat 0px 0px;
	margin-bottom: 7px;
}

/*店舗案内*/
#container #top-content .box #banner li.banner2 a {
	display: block;
	width: 343px;
	height: 98px;
	text-indent: -9999px;
	background: url(img/home/banner_Shop-info.png) no-repeat 0px 0px;
	margin-bottom: 7px;
}

/*未定*/
#container #top-content .box #banner li.banner3 a {
	display: block;
	width: 343px;
	height: 0px;
	text-indent: -9999px;
	background: url(img/home/banner_mitei.png) no-repeat 0px 0px;
	margin-bottom: 7px;
	visibility: hidden;
}

/*ファミリー電気商会Facebookページ*/
#container #top-content .box #banner li.banner4 a {
	display: block;
	width: 343px;
	height: 48px;
	text-indent: -9999px;
	background: url(img/home/banner_facebook.png) no-repeat 0px 0px;
}

/* 外部バナー */

#container #top-content #links {
	display: block;
	margin-top: 18px;
	padding: 0px;
	max-width: 960px;
	line-height: 0px;
}

#container #top-content #links ul {
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#container #top-content #links ul li {
	display: block;
	width: 184px;
	height: 46px;
	/*margin: 4px 5px 4px 5px;*/
	margin-top: 10px;
	font-size: 0.8em;
	text-align: center;
	line-height: 46px;
	list-style: none;
}

/*パナソニック・パナホーム*/
#container #top-content #links ul li.pana {
	width: 182px;
	height: 44px;
	border: 1px #a9a9a9 solid;
	line-height: 44px;
	background-color: #0000cd;
}

#container #top-content #links ul li.pana a {
	font-size: 18px;
	letter-spacing: 2px;
	color: #FFF;
}

#container #top-content #links ul li.pana a:hover {
	color: #ffb6c1;
}

/*神奈川県 電機商業組合*/
#container #top-content #links ul li.kumiai a {
	display: block;
	width: 184px;
	height: 46px;
	text-indent: -99999px;
	background: url("../../uploads/home/banner/banner-DS-kumiai.png") no-repeat 0px 0px;
}

/*三浦半島地区ビジネス異業種交流会*/
#container #top-content #links ul li.mic21 a {
	display: block;
	width: 184px;
	height: 46px;
	font-size: 0.7em;
	text-indent: -99999px;
	background: url("../../uploads/home/banner/banner-mic21.png") no-repeat 0px 0px;
}

/*横須賀市観光協会*/
#container #top-content #links ul li.kanko {
	font-size: 1.2em;
	letter-spacing: 2px;
}

#container #top-content #links ul li.kanko a {
	display: block;
	width: 182px;/*184px*/
	height: 44px;/*46px*/
	border: 1px #77C2E1 solid;
	/*background-color:#77C2E1;*/
}

/*横須賀法人会*/
#container #top-content #links ul li.hojinkai a {
	display: block;
	width: 184px;
	height: 46px;
	text-indent: -99999px;
	background: url("../../uploads/home/banner/banner-hojinkai.png") no-repeat 0px 0px;
}

/*北久里浜商店街振興組合*/
#container #top-content #links ul li.kitakurihama a {
	display: block;
	width: 184px;
	height: 46px;
	text-indent: -99999px;
	background: url("../../uploads/home/banner/banner-kitakurihama.png") no-repeat 0px 0px;
}

/*上町銀座商店会*/
#container #top-content #links ul li.uwamachi a {
	display: block;
	width: 184px;
	height: 46px;
	text-indent: -99999px;
	background: url("../../uploads/home/banner/banner-uwamachi.png") no-repeat 0px 0px;
}

/*横須賀商工会議所*/
#container #top-content #links ul li.shoukou a {
	display: block;
	width: 184px;
	height: 46px;
	text-indent: -99999px;
	background: url("../../uploads/home/banner/banner-shoukou.png") no-repeat 0px 0px;
}

/*横須賀市*/
#container #top-content #links ul li.yokosuka a {
	display: block;
	width: 184px;
	height: 46px;
	text-indent: -99999px;
	background: url("../../uploads/home/banner/banner-yokosuka.png") no-repeat 0px 0px;
}

/*バナーend*/

/*table設定*/
#container #content .outline table,#container #content .service table,#container #content .contact table {
  border-collapse: collapse;
  border-top: 1px #666 solid;
  border-right: 1px #666 solid;
  margin-top: 15px;
}

#container #content .outline th,#container #content .service th,#container #content .contact th {
  border-left: 1px #666 solid;
  border-bottom: 1px #666 solid;
  padding: 5px;
}

#container #content .outline td,#container #content .service td,#container #content .contact td {
  border-left: 1px #666 solid;
  border-bottom: 1px #666 solid;
  padding: 5px;
}

#container #content .outline .honbu table,#container #content .outline .shiten table {
  width: 750px;
  font-size: 0.8em;
}

#container #content .outline .honbu th,#container #content .outline .shiten th {
  width: 100px;
  background-color: #87ceeb;
  color:#333;
}

/*
#container #content .outline .honbu .box-R {
  display: block;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

#container #content .outline .honbu .box-R small {
  display: block;
}

#container #content .outline .honbu .box-R .photo-store {
  width: 300px;
  float: left;
}

#container #content .outline .honbu .box-R .photo-member{
  float: right;
}

#container #content .outline .honbu .box-R .photo-member .kaichou,
#container #content .outline .honbu .box-R .photo-member .syachou {
  display: block;
  width: 200px;
  text-align: center;
  margin-bottom: 10px;
}

#container #content .outline .honbu:after,
#container #content .outline .honbu .box-R:after {
  display : block;
  clear : both;
  height : 0px;
  line-height: 0px;
  visibility: hidden;
  content : ".";
  font-size: 1.0em;
}

#container #content .outline .honbu .box-R p,#container #content .profile p {
  margin: 0px;
  padding: 0px;
}
*/

#container #content .outline .honbu .box-R h5,
#container #content .outline h5 {
  margin: 5px 0px;
  padding: 0px;
  letter-spacing: 2px;
  font-size: 0.9em;
}

/* 挨拶 */
#container #content .message {
	font-size: 1.4em;
	font-weight: bold;
	color: #d2691e;
	padding-bottom: 1.0em;
}

#container #content .message .intro p {
	margin-bottom: 1.0em;
}

#container #content .message .msg-body {
	margin: 0 0 1.0em;
	line-height: 1.6em;
}

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

/*store*/
#container #content .store,
#container #content .service,
#container #content .outline,
#container #content .message {
	width: 750px;
	border-left: 1px #808080 dotted;
	padding-left: 20px;
}

/* 店舗情報 */
#container #content .store .box {
  width: 650px;
  padding: 10px;
  border:1px #666 solid;
  margin-bottom: 30px;
  margin-top: 0px;
}

#container #content .store h3 {
	display: block;
	width: 672px;
	height: 35px;
	text-align: center;
	letter-spacing: 0.3em;
	color: #FFF;
	line-height: 35px;
	background: url(img/store-title.png) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
	border:0px;
}

#container #content .store .box .profile {
	display: flex;
	justify-content: space-between;
}

#container #content .store .box .profile .box-L {
	width: 360px;
}

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

#container #content .store .box .profile .box-L .txt-indent {
	padding-left: 4.5em;
}

/*最下部に変更設定あり*/

#container #content .store .box .profile .box-L small a,
#container #content .outline .honbu .box-L small a {
  display: block;
  margin-left: 1.0em;
  text-indent: 13px;
  background: url(img/pin.png) no-repeat 0px 4px;
}

 /*店舗写真*/
#container #content .store .box .profile .box-R { 
  width: 250px;
  text-align: center;
}

/*店長コメントエリア*/
/*
#container #content .store .box .comment-box,
#container #content .store .box .comment-box0 {
  display: block;
  width: 630px;
  margin: 10px 10px 0px 10px;
}

#container #content .store .box .comment-box .photo {
  display: block;
  width: 100px;
  float: left;
}

#container #content .store .box .comment-box0 .photo {
  display: block;
  width: 0px;
  float: left;
}
*/

/*吹き出し start*/
/*
#container #content .store .box .comment-box .fukidashi {
  display: block;
  width: 525px;
  background: url(img/fukidashi-top_L.gif) no-repeat 0px 0px;
  float: right;
}

#container #content .store .box .comment-box0 .fukidashi {
  display: block;
  width: 630px;
  background: url(img/fukidashi-top_0.gif) no-repeat 0px 0px;
  float: right;
}

#container #content .store .box .comment-box .fukidashi .comment {
  width: 452px;
  margin: 15px 15px 0px 58px;
  font-size: 0.8em;
  line-height: 1.5em;
}

#container #content .store .box .comment-box0 .fukidashi .comment {
  width: 600px;
  margin: 15px 15px 0px 15px;
  font-size: 0.8em;
  line-height: 1.5em;
}

#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 .store .box .comment-box .fukidashi .fukidashi-bottom {
  display: block;
  width: 525px;
  height: 15px;
  background: url(img/fukidashi-bottom_L.gif) no-repeat 0px 0px;
}

#container #content .store .box .comment-box0 .fukidashi .fukidashi-bottom {
  display: block;
  width: 630px;
  height: 15px;
  background: url(img/fukidashi-bottom_0.gif) no-repeat 0px 0px;
}
*/

/*吹き出し end*/

/*clearfix*/
/*
#container #content .store .box .comment-box:after,
#container #content .store .box .comment-box0:after {
  display : block;
  clear : both;
  height : 0px;
  line-height: 0px;
  visibility: hidden;
  content : ".";
  font-size: 1.0em;
}
*/

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

#container #content .service .attention li {
  list-style-type: none;
  width: 400px;
  height: 30px;
  background: url(img/attention-BG01.png) no-repeat 0px 0px;
  line-height: 30px;
  text-indent: 40px;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

#container #content .service p.catch00 strong {
  display: block;
  font-size: 1.5em;
  line-height: 1.4em;
  color:#d2691e;
  margin-bottom: 15px;
}

#container #content .service p.catch {
  display: block;
  width:750px;
  height:60px;
  text-indent:-99999px;
  background: url(../../uploads/img/solar-catch.png) no-repeat 0px 0px;
  margin-bottom: 15px;
  text-align: center;
}

#container #content .service .box01{
  background: url(../../uploads/img/solar-BG.jpg) no-repeat 0px -80px;
  padding: 15px 15px 100px 15px;
  margin: 10px 0px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color:#000;
}

#container #content .service .box01 a {
  background: url(img/text-BG.png) no-repeat 0px 0px;
  padding:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#container #content .service .box01 a:after {
	content: " ";
	width:17px;
	height:15px;
	background: url(img/ex-link-icon.png) no-repeat 0px 0px;
}

#container #content .service .box01 strong {
  font-size: 1.5em;
  color: #dc143c;
}

#container #content .service .box01 ul {
  margin-bottom:10px;
}

#container #content .service .box01 ul li {
  display:block;
  list-style:none;
  height:26px;
  background: url(img/light-icon.png) no-repeat 0px 0px;
  line-height:26px;
  text-indent:30px;
  padding-bottom:5px;
}

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

#container #content .service table.service-list tbody th {
  width: 20%;
  background-color: #87ceeb;
  color: #333;
}

#container #content .service table.service-list tbody td {
  font-weight: bold;
}

#container #content .service table.service-list tbody td small {
  font-weight: normal;
}

/*料金表*/

#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;
}

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

#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 .service h4{
  border-left: 8px #0000cd solid;
  border-bottom: 3px #0000cd double;
  text-indent: 15px;
  letter-spacing: 2px;
}

#container #content .service h5 {
  display: block;
  width: 400px;/*350px*/
  height: 26px;
  font-size: 0.8em;
  color: #FFF;
  letter-spacing: 2px;
  line-height: 26px;
  text-indent: 50px;
  background: url(img/Pana-bar.png) no-repeat 0px 0px;
  margin-left: 20px;
}

/*問合せ*/

#container #content .contact strong {
  display: block;
  font-size: 1.8em;
  margin-top: 10px;
}

#container #content .contact .store-contact ul {
  margin:0px;
  padding:0px;
  display: flex;
}

#container #content .contact .store-contact ul li {
  list-style:none;
  /*float:left;*/
  height:26px;
}

#container #content .contact .store-contact ul li a {
  display:block;
  height:26px;
  line-height:26px;
  text-indent:35px;
  font-size:0.9em;
  background: url(img/store-icon.png) no-repeat 0px -1px;
  padding-right:10px;
}

#container #content .contact .store-contact ul li a:hover {
  background-color:#87cefa;
  text-decoration:none;
  color:#0000ff;
}

#container #content .contact .store-contact {
  display:block;
  width:100%;
  margin-top:15px;
}

#container #content .contact .store-contact h4 {
  margin:0px;
  padding:0px;
  width:100%;
  height:26px;
  font-weight:normal;
  line-height:26px;
  font-size:0.9em;
  text-align:center;
  background-color:#0000ff;
  color:#FFF;
  border-bottom:2px #999 solid;
}

#container #content .contact #contactform table input,
#container #content .contact #contactform table textarea,
#container #content .contact #contactform table select {
  margin-left:10px;
}

#container #content .contact small {
  padding-left: 10px;
}

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

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

#container #content .contact #contactform table tbody tr th {
  text-align: left;
  padding: 5px 10px;
  background-color: #bfefdf;
}

#container #content .contact #contactform table tbody tr td {
  padding-right:10px;
}

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

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

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

/*IEのみ有効
#container #content .contact tbody td input#tel{
  ime-mode: disabled;
}

#container #content .contact tbody td input#email{
  ime-mode: disabled;
}
*/

#container #content .contact #contactform table tbody td.deco-zip {
	padding-left: 10px;
}

#container #content .contact #contactform table tbody td input#zip-code {
	margin-left:5px;
	width:20%;
	/*ime-mode: disabled;*IEのみ有効*/
}

/*CF版*/
#container #content #contactform table {
	width: 770px;
}

#container #content #contactform table tbody td {
	box-sizing: border-box;
}

/*会社概要追加設定*/
/* 2024.6.11
#container #content .outline .honbu .box-L .table-box .address,
#container #content .outline .honbu .box-L .table-box .yakuin {
  float: left;
}

#container #content .outline .honbu .box-L .table-box .photo-store,
#container #content .outline .honbu .box-L .table-box .photo-member {
  float: right;
}
*/

#container #content .outline .honbu .box-L .table-box .address small {
  font-size: 1.1em;
}

#container #content .outline .honbu .box-L .table-box .photo-member .kaichou small,
#container #content .outline .honbu .box-L .table-box .photo-member .syachou small {
  display: block;
}

#container #content .outline .honbu .box-L .table-box .photo-member .kaichou {
  display: block;
  width: 200px;
  text-align: center;
  font-size: 1.2em;
  /*float: left;*/
}

#container #content .outline .honbu .box-L .table-box .photo-member .syachou {
  display: block;
  width: 200px;
  text-align: center;
  font-size: 1.2em;
  /*float: right;*/
}

/*
#container #content .outline .honbu .box-L .table-box:after,
#container #content .outline .honbu .box-L .table-box .photo-member:after {
  display : block;
  clear : both;
  height : 0px;
  line-height: 0px;
  visibility: hidden;
  content : ".";
  font-size: 1.0em;
}
*/

/*サービス一覧-パナソニック リンクボタン*/

#container #content .service .pana-img-link{
  margin-bottom: 15px;
}

#container #content .service .pana-img-link li{
  list-style: none;
  float: left;
  margin-right: 10px;
}

#container #content .service .pana-img-link li.bathroom a{
  display : block;
  width:150px;
  height:130px;
  background: url(img/Btn_bathroom.png) no-repeat 0px 0px;
  text-indent: -99999px;
  margin-bottom: 20px;
}

#container #content .service .pana-img-link li.kitchen a{
  display : block;
  width:150px;
  height:130px;
  background: url(img/Btn_kitchen.png) no-repeat 0px 0px;
  text-indent: -99999px;
  margin-top: 20px;
}

#container #content .service .pana-img-link li.toilet a{
  display : block;
  width:150px;
  height:130px;
  background: url(img/Btn_toilet.png) no-repeat 0px 0px;
  text-indent: -99999px;
  margin-bottom: 20px;
}

#container #content .service .pana-img-link li.wash-room a{
  display : block;
  width:150px;
  height:130px;
  background: url(img/Btn_wash-room.png) no-repeat 0px 0px;
  text-indent: -99999px;
  margin-top: 20px;
}

#container #content .service .pana-img-link li.solar-system a{
  display : block;
  width:150px;
  height:130px;
  background: url(img/Btn_solar-system.png) no-repeat 0px 0px;
  text-indent: -99999px;
}

#container #content .service .pana-img-link li.ecocute a{
  display : block;
  width:150px;
  height:130px;
  background: url(img/Btn_ecocute.png) no-repeat 0px 0px;
  text-indent: -99999px;
}

#container #content .service .pana-img-link li.reset a{
  margin-top: 0px;
}

#container #content .service .pana-img-link:after{
  display : block;
  clear : both;
  height : 0px;
  line-height: 0px;
  visibility: hidden;
  content : ".";
  font-size: 1.0em;
}

/*ニュース一覧*/
#container #content .all-news h3 {
	display: flex;
	justify-content: space-between;
}

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

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

#container #content .all-news h3 small {
	margin-right:10px;
	font-size:0.8em;
}

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

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

/*ニュース（個別)*/

#container #content .news h3 {
  margin-bottom:0px;
}

#container #content .news .news-date{
  margin-top:10px;
  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: 5px;
	border-bottom: 1px #666 dotted;
}

#container #content .news .single-pager,#container #content .pager {
  display:block;
  width:100%;
  margin-top:20px;
  font-size:0.8em;
}

#container #content .news .single-pager {
	display: flex;
	justify-content: space-between;
}

/*クラシンク 大津店*/
/*add 2020.3.16*/
#container #content #kura_think section {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
/*section01*/
#container #content #kura_think #introduction{
	margin-bottom: 49px;
}
#container #content #kura_think #introduction .img-01{
	margin-bottom: 83px;
}

#container #content #kura_think #introduction .img-02{
	margin-bottom: 92px;
}

#container #content #kura_think #introduction .img-03{
	margin-bottom: 72px;
}

#container #content #kura_think #introduction .img-04{
	margin-bottom: 91px;
}

#container #content #kura_think #introduction .img-05{
	margin-bottom: 70px;
}

/*section02*/
#container #content #kura_think #outline {
	/*背景サイズ：950×1283px*/
	width: calc(950px - 60px);
	height: calc(1283px - 106px);
	background: url(/wp/wp-content/uploads/2020/03/kura_think-img-s2-00.png) no-repeat 0px 0px;
	text-align: left;
	padding-top: 106px;
	padding-left: 60px;
}

#container #content #kura_think #outline section {
	/*width: calc(950px - 60px);*/
	width: 842px;
	margin: 0;
	padding: 0;
	text-align: left;
}

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

#container #content #kura_think #outline section .title-box img,
#container #content #kura_think #outline section .main-box img{
	vertical-align: top;
}

/*タイトルと説明の余白*/
#container #content #kura_think #outline #s01 .title-box{
	margin-bottom: 18px;
}

#container #content #kura_think #outline #s02 .title-box{
	margin-bottom: 8px;
}

#container #content #kura_think #outline #s03 .title-box{
	margin-bottom: 21px;
}

/*内容の余白*/
#container #content #kura_think #outline section .main-box img.img-02{
	margin-left:17px;
	margin-right: 6px;
}

/*2番目(相談の場)上下マージン調整*/
#container #content #kura_think #outline #s02{
	margin-top: 35px;
	margin-bottom: 61px;
}

/*section03*/
#container #content #kura_think #store-information{
	margin-top: 53px;
	text-align: left;
	margin-bottom: 20px;
}

#container #content #kura_think #store-information .img-02{
	margin-left: 112px;
	margin-top: 75px;
	margin-bottom: 12px;
}

#container #content #kura_think #store-information .img-03{
	margin-left: 112px;
	margin-bottom: 19px;
}

#container #content #kura_think #store-information .img-04{
	margin-left: 112px;
}

/*個人情報保護方針 個人情報相談窓口*/
#privacy-policy section>ol li:last-child>ul li:nth-child(3) span {
	padding-left: 1.0em;
}