@charset "UTF-8";
/*******************************************************************************
	サイト名：
	作成会社：Fellow System
--------------------------------------------------------------------------------
 No.│   日付   │区分│						内  容
━━┿━━━━━┿━━┿━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 001│2018.01│新規│[V1.00] 山本
 002|2021.02|編集|[v1.01] 花山
 003|2021.03|編集|[v1.02] 花山
*******************************************************************************/

/*******************************************************************************
	デフォルトセッティング
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
* {
	margin: 0;
	padding: 0;
}

.font-mincho {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

@media print {
	#head {
		display: none;
	}
	#foot {
		display: none;
	}
	#side {
		display: none;
	}
	#sideback {
		display: none;
	}
	#main {
		position: absolute;
		left: -90px;
	}
}

/* 要素指定 */
body {
	margin: auto;
	background-color: #ffffff;
	background-image: url(../image/background.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6;
}

a:link {
	color: #6c6c6c;
	text-decoration: none;
}

a:visited {
	color: #6c6c6c;
	text-decoration: none;
}

a:hover {
	background-color: #e5f3f3;
	color: #009196;
}

a:active {
	color: #6c6c6c;
}

a img {
	border: 0;
}

img {
	vertical-align: top;
}

/*******************************************************************************
	共通部
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
/* ヘッダー */
div#head h1 {
	float: left;
}

.show_english {
	float: right;
}

/* フッター */
div#foot {
	clear: both;
	margin-top: 50px;
	font-size: small;
	text-align: center;
}

div#foot address {
	background-color: #adadad;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
}
.footer-nav {
	list-style-type: none;
}

/*******************************************************************************
	Module: 汎用部品
--------------------------------------------------------------------------------
	適応：全ページ
*******************************************************************************/
.page-heading {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 20pt;
	font-weight: bold;
	text-shadow: 1px 1px 2px #808080;
	padding-left: 24px;
	padding-bottom: 6px;
	border-bottom: 4px double #000;
}
.page-heading.page-heading-emphasis {

}
.button-round {
	display: block;
	width: 64px;
	height: 64px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	line-height: 64px;
	text-align: center;
	font-weight: bold;
	color: #fff !important;
	background-color: #cccccc;
}

/* 商品一覧、詳細メイン共通 */
.list_product {
	list-style-type: none;
}
#catalog div#main div#guide div.tree ul {
	padding-bottom: 17px;
	border-bottom: none;
}

.brd {
	margin: 10px 10px 2px 12px;
	font-size: small;
}

/* 青石メイン共通 */
.aoisi_menu {
	text-align: right;
}

.aoisi_menu h2 {
	color: #267486;
	text-align: left;
}

.aoisi_menu h2 span:nth-child(1) {
	background: black;
}

.aoisi_menu dl {
	font-weight: bold;
}

.aoisi_menu dl dt {
	float: left;
	background-color: #000000;
	color: #ffffff;
}

.aoisi_menu dl dd {
	float: left;
	color: #267486;
}

.aoisi_menu ul {
	list-style: none;
	/* width: 466px; */
	margin: 0 auto;
	text-align: center;
}

.aoisi_menu ul li {
	display: inline-block;
	padding: 0px 20px;
}

.aoisi_menu ul li:nth-child(n+2):nth-child(-n+5) , .aoisi_menu ul li:nth-child(n+7):nth-child(-n+8) {
	border-left: 1px solid;
}

.aoisi_menu a:link {
	color: #0000ff;
	text-decoration: underline;
}

.aoisi_menu a:visited {
	color: #0000ff;
	text-decoration: underline;
}

.aoisi_menu a:hover {
	background-color: #e5f3f3;
	color: #0000ff;
}

.aoisi_menu a:active {
	color: #0000ff;
}

.pager_list {
	text-align: center;
}



/*******************************************************************************
	トップページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.key_visual {
	margin-bottom: 16px;
}
div#main div#guide {
	margin-bottom: 16px;
	border-width: 3px;
	border-style: double none double none;
	border-color: #6c6c6c;
}

.h_title {
	font-size: 16px;
}

div#main div#guide div.tree h3 {
	font-size: larger;
}

div#main div#guide div.tree h4 {
	margin-top: 4px;
	color: #006666;
	font-size: small;
}

div#main div#guide div.tree ul {
	list-style-type: none;
}

div#main div#guide div.tree ul li {
	float: left;
}

/*******************************************************************************
	商品一覧ページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
div#content div.list {
	padding: 16px 0;
	margin: 0 auto 16px;
	border-top: #333333 solid 3px;
}
/* div#content div.list h4 {
	font-weight: normal;
} */
.list h4 {
	font-weight: bold;
}
.list h4 > a {
	font-weight: normal;
}
div#content div.list ul:last-child {
	list-style-type: none;
}

div#content div.list ul li {
	float: left;
	font-size: small;
	text-align: center;
	word-break: break-all;
}

div#content div.list dl {
	display: grid;
	display: -ms-grid;
}

div#content div.list dt {
	float: left;
	clear: left;
	width: 50px;
	text-align: right;
	grid-column: 1;
	-ms-grid-column: 1;
}
div#content div.list dd {
	text-align: left;
	grid-column: 2;
	-ms-grid-column: 2;
}
div#content div.list dt:first-child , div#content div.list dd:first-child {
	grid-row: 1;
	-ms-grid-row: 1;
}
div#content div.list dt:nth-child(3) , div#content div.list dd:nth-child(4) {
	grid-row: 2;
	-ms-grid-row: 2;
}
div#content div.list ul:after {
	clear: both;
	content: "";
}
div#content div.list .pages {
	clear: left;
	margin-top: 20px;
	text-align: center;
}
.pg_list {
	margin-top: 20px;
	text-align: center;
}
.cminfo-cell img:first-child {
	object-fit: cover;
	max-width: 160px;
	height: 120px;
}

/*******************************************************************************
	商品詳細ページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
div#content div#detail,
div#content div.product-detail-container {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: #333333 solid 3px;
	border-bottom: 1px #cccccc solid;
}

div#content div#detail p,
div#content div.product-detail-container p {
	padding-bottom: 30px;
	text-align: center;
}
#detail img {
	width: 100%;
	max-width: 425px;
}
#detail .new_img {
    width: 18px;
}
.detail_nav {
	/* height: 25px; */
	padding: 20px 0;
}

.detail_nav .next {
	float: right;
}

/*******************************************************************************
	新商品案内ページ
--------------------------------------------------------------------------------
	適応：/catalog/new-items.tpl.php
*******************************************************************************/
.products-container {
	padding: 24px 16px;
}
.products-container .button-move-top {
	display: none;
	position: fixed;
	bottom: 32px;
	right: 32px;
}
.button-move-top:visited {
	color: #fff;
	background-color: #cccccc;
}
.products-container .product-detail-container {
	border-top: #333333 double 4px;
}
.product-detail-container img {
	width: 100%;
	max-width: 400px;
	transition: 0.2s ease-in-out;
}
.product-detail-container img:hover {
	opacity: 0.8;
}
.products-container .product-detail-container img {
	max-width: initial;
}
div#content div.product-detail-container .product-info-table {
	margin: 16px auto 32px;
}
.product-detail-container .button-design {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 8px;
	border: 1px solid #999999;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	transition-property: all;
	transition-duration: 0.4s;
	transition-delay: 0s;
}
.product-detail-container .button-design:hover {
	border: 1px solid #666666;
	color: #666666;
	background-color: #f7f7f7;
}


/*******************************************************************************
	青石物語目次ページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.aoisi_title img {
	display: block;
}

.aoisi_description {
	color: #000066;
}

#mokuji {
	text-align: left;
}

.mokuji_title , .koumoku strong {
	font-size: 120%;
}

/*******************************************************************************
	青石物語本編ページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.aoisi_history ul {
	list-style: none;
}

.history_title dt , .history_title dd {
	float: left;
}

.history_title dt {
	background-color: #000000;
	color: #ffffff;
}

.history_title dd {
	color: #267486;
}

.aoisi_history h4 {
	border-bottom: #999999 solid 1px;
	font-weight: normal;
}

.page_top {
	text-align: right;
}

.aoisi_map , .aoisi_history p , .aoisi_history ul {
	margin-bottom: 20px;
}

.common_gallery:nth-child(20) li {
	text-align: center;
}
.age {
	padding-right: 16px;
	vertical-align: top;
}

.activity_content {
	text-align: left;
}

.company_koumoku {
	width: 80px;
	vertical-align: top;
}
/*******************************************************************************
	青石施工実績ページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.back-top {
	float: right;
	margin: 16px auto;
}

/*******************************************************************************
	青石Q&Aページページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
#main_qa h3 dl dt , #main_qa h3 dl dd {
	float: left;
}

#main_qa ul {
	list-style: none;
	/* width: 94%; */
}

#main_qa ul img {
	margin-right: 13px;
}

.question , .answer  {
	display: flex;
/*	display: grid;
	display: -ms-grid;*/
}

.question  {
	margin-bottom: 3px;
}

.answer {
	margin-bottom: 31px;
}

.answer:last-child {
	margin-bottom: 28px;
}

.answer img , .question img {
	display: inline-block;
	height: 26px;
/*	grid-column: 1;
	-ms-grid-column: 1;*/
}

.question span , .answer span {
	display: inline-block;
/*	grid-column: 2;
	-ms-grid-column: 2;*/
}

.answer span {
	text-indent: 16px;
}

.address {
	float: right;
	padding-top: 75px;
}

/*******************************************************************************
	お問い合わせページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
#inquiry div#content div#main form p {
	margin-bottom: 3em;
	text-align: center;
}

/*******************************************************************************
	いよせきリンク一覧ページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.link_list ul {
	list-style: none;
}

.link_list li {
	float: left;
}

.link_list li a:link {
	color: #0000ff;
	text-decoration: underline;
}

.link_list li a:visited {
	color: #0000ff;
	text-decoration: underline;
}

.link_list li a:hover {
	background-color: #e5f3f3;
	color: #0000ff;
}

.link_list li a:active {
	color: #0000ff;
}

.link_list li img {
	border: 1px #e2e2e2 solid;
}

.link_list li span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
}

/*******************************************************************************
	いよせき倶楽部ページ共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.club_list ul {
	list-style: none;
}

.club_list ul li {
	float: left;
}

.club_list ul li span {
	display: block;
	margin: 0 auto;
	text-align: center;
}


/*******************************************************************************
	お知らせページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
/* .club_list ul li {
	width: 160px;
	margin-bottom: 5px;
	margin-left: 3px;
} */

.page-title {
	/*padding-bottom: 0.5em;*/
	margin-top: 16px;
}
.posts-container {
}
.post-container .tbl_post-content {
	/*width: 100%;横スクロールが発生するので無効化*/
}

/*******************************************************************************
	その他共通部
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
div#main .h_newtitle {
	color: #f98f1d;
	font-weight: bold;
}

/* company部 */
#company div#content div.h3 {
	margin-bottom: 50px;
	margin-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px #888888 dotted;
	background-image: url(../company/image/h3-background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#company div#content div.h3 div.h4 {
	margin-bottom: 20px;
	margin-left: 20px;
	border-bottom: 1px #cccccc solid;
}

#company div#content div.h3 p {
	margin: 10px 20px;
}

#company div#content div.h3 ol {
	margin: 10px 40px;
}

#company div#content div.h3 dl.company {
	margin-bottom: 20px;
	margin-left: 20px;
}

#company div#content div.h3 dl.company dt {
	width: 4em;
}

#company div#content div.h3 dl.company dd {
	margin-top: -1.6em;
	margin-bottom: 1em;
	margin-left: 5em;
}
#company div#content div.h3 dl.company dl dt {
	width: 8em;
}

#company div#content div.h3 dl.company dl dd {
	margin-top: -3.2em;
	margin-bottom: 1em;
	margin-left: 9em;
}

#company div#content div.h3 dl.history {
	width: 400px;
	margin: auto;
	margin-bottom: 20px;
}

#company div#content div.h3 dl.history dt {
	width: 3em;
	padding-left: 5px;
	border-left: 1px #333333 dotted;
}

#company div#content div.h3 dl.history dd {
	margin-top: -1.6em;
	margin-bottom: 1em;
	margin-left: 3em;
	border-right: 1px #333333 dotted;
}

/* topics部 */
div#content div.topics dl {
	padding: 1ex;
	font-size: small;
}

div#content div.topics dl dt {
	width: 9em;
	color: #6c6c6c;
}

div#content div.topics dl dd {
	font-size: small;
}

div#content div.topics dl dd.title {
	margin-top: -1.6em;
	margin-bottom: 0.5ex;
	margin-left: 10em;
}

div#content div.topics dl dd.article {
	margin-bottom: 1ex;
	margin-left: 10em;
}

div#content p.more {
	font-size: small;
	text-align: right;
}

div#content p.h_title , div#content h2.h_title {
	color: #006666;
	font-weight: bold;
}

/* tp_list部 */
/*.post-container {
	padding: 16px;
}
.posts-container.posts-container_topics-list .post-container {
	border-top:#999 dotted 3px;
}
.post-container:last-child {
	border-bottom:#999 dotted 3px;
}*/
.tp_list {
	width: 500px;
	border: #339999 solid 1px;
}

.tp_day {
	color: #339999;
	font-weight: bold;
	/*	width:9em; */
}

.tp_title {
	/*	margin-top:-1.6em;
/*	margin-left:5em;
	margin-bottom:0.5ex;*/
	font-weight: bold;
}

.tp_line {
	border-width: 1px;
	border-style: solid none none none;
	border-color: #339999;
}

.tp_article {
	margin-bottom: 1ex;
	margin-left: 3em;
}

.tp_more {
	font-size: small;
	text-align: right;
}
.tbl_post-content {
	padding:1em 5%;
}
.no-mark{
list-style-type:none;/*標準でついている点をなくす　花山*/
}
/* フリー */
.red {
	color: #ff0000;
	font-size: 1.2em;
}

.lin	/* タイトル：メッセージ：ページ依存 */ {
	margin-top: 5px;
	border-width: 1px;
	border-style: dotted none none none;
	border-color: #d7d4d4;
}

#shop_banner {
	display: block;
	width: 550px;
	height: 150px;
	margin: 15px auto 0;
}

/*******************************************************************************
	工事店紹介(mbcp)
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
#topics div#content p{
	text-align:left;
	font-style: normal;
	font-size: 1rem;
}
.search_img{
	padding-top: 13px;
	padding-left: 60px;
	padding-bottom: 13px;
	margin-bottom: 16px;
	background-image: url(../mbcp/img/iyoseki_com_search.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#main_ex {
	max-width: 540px;
	padding: 16px;
	margin: 0 auto;
}
.list_shop {
	list-style-type: none;
}
.list_shop li {
	border-width: 2px;
	border-style: solid;
}
.list_shop li + li {
	margin-top: 20px;
}
.list_shop li#boseki { border-color: #60C1C1; }
.list_shop li#kentiku { border-color: #D5B41C; }
.list_shop li#teien { border-color: #14a82c; }
.list_shop li img {
	width: 30%;
	max-width: 160px;
	height: auto;
}
.kouji_ex {
	float: right;
	width: 70%;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
}

/* 石材工事店検索 */
.heading_shop-search {
	border-left-color:#333399;
	border-left-style:solid;
	border-left-width: 6px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333399;
	max-width: 450px;
	margin-bottom: 30px;
}
.table_layout-search-info .tac {
	text-align: center;
}
/* #main ul li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
	line-height:1.8em;
} */
.table_shop-list th {
	vertical-align: top;
}
.tdst{
	padding: 2px 6px;
}
/*******************************************************************************
        線
--------------------------------------------------------------------------------
        適応:区切り線
*******************************************************************************/
.border-line-CustomDashed{
  height: 1px;
  background-size:6px 1px;
  background-image: linear-gradient(to right, #999,#999 3px, transparent 3px,transparent 6px);
  background-repeat: repeat-x;
}
.border-line-solid{
  border:0;
  border-bottom:1.5px solid #999;
}
/*******************************************************************************
	ニュースページ
--------------------------------------------------------------------------------
	適応：/eg/topic/tpl/news_dtl.tpl.php
*******************************************************************************/
.newspage-title{
  padding: 0 5%;
  overflow: hidden;/*日本語版より横幅の長い画像なので横スクロールしないようにはみ出た部分を隠す。*/
}
.imgtable-base{
  margin-top:10px;
  width:100%;
  table-layout:fixed;
}

.imgtable-tr{
  justify-content:space-between;
}
.image-frame{
  margin: 5% auto;
  text-align:center;/*中央揃えにする。花山*/
  vertical-align: middle;
  /*width:calc(100%/3);*/
  position:relative;
}
/*.image-frame:before{
   content:"";
   padding-top:100%;absoluteでなくなったので無効化
   display:block;
}*/
.image-linkParts{
   width: 100%;
   position: relative;
   display: block;
   overflow:hidden;
}
.image-fitParts{
  width: 100%;
  max-height: 100%;
  object-fit:cover;
  object-position:top;
  position:absolute;
  /*padding:5% 5%;*/
  box-sizing:border-box;
  top:0;
  left:0;
}
.dummy-image{
  padding:1% 5%;
  vertical-align: middle;
}

.link-deco{
  background-color:#336666;
  border-radius:20px;
  padding:5px 15px;font-weight: bold;
  margin:10px 0;
}
.link-deco:link{
  color:white;
}
.link-deco:active{
  color:white;
}
.link-deco:visited{
  color:white;
}
.link-deco:hover {
  background-color: #e5f3f3;
  color: #009196;
}

/*******************************************************************************
	ニュースページ
--------------------------------------------------------------------------------
	適応：/eg/topic/tpl/index.tpl.php
*******************************************************************************/
.Space10{
 padding:10px 10px;
}
.Space10-0{
 padding:0px 10px 10px;
}