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

/*******************************************************************************
	デフォルトセッティング
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
body {
	font-family: "ヒラギノ角ゴ Pro W3",'游ゴシック体','Yu Gothic',YuGothic,"Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,Verdana,sans-serif;
}

.display_pc , #catalog .show_english .display_pc , #topics .show_english .display_pc , #inquiry .show_english .display_pc {
	display: none;
}

.tdf1 {
	font-size: 2.5vw;
}

#main {
	padding-bottom: 16px;
}

/*******************************************************************************
	モバイル共通部
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
/* ヘッダー */
div#head {
	height: 60px;
}
.header-title {
	float: left;
}
div#head h1 img {
	object-fit: cover;
	width: 163px;
	height: 58px;
	object-position: left center;
}

.show_english {
	height: 18px;
	margin: 21px 90px 0 0;
	font-size: 9px;
}
.show_english:hover {
	opacity: 0.8;
}
.show_english a {
    display: block;
    width: 90px;
    padding-left: 35px;
    border: 1px solid #707070;
    border-radius: 13px;
    box-sizing: border-box;
    background-color: #67a4f5;
    background-image: url(../image/en-logo.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    color: #ffffff;
}
.navToggle {
	display: block;
	position: absolute;
	top: 18px;
	right: 20px;
	z-index: 3;
	width: 35px;
	height: 23px;
	text-align: center;
	cursor: pointer;
}

.navToggle span {
	display: block;
	position: absolute;
	width: 35px;
	height: 3px;
	border-radius: 20px;
	background-color: #999999;
	transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-webkit-transition: 0.35s ease-in-out;
}

.navToggle span:nth-child(1) {
	top: 0;
}

.navToggle span:nth-child(2) {
	top: 10px;
}

.navToggle span:nth-child(3) {
	top: 20px;
}

.navToggle.active span:nth-child(1) {
	top: 8.5px;
	transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
}

.navToggle.active span:nth-child(2) , .navToggle.active span:nth-child(3) {
	top: 8.5px;
	transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
}

nav.globalmenu {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 2;
	transform: translateY(-1200%);
	width: 100%;
	background: #333333;
	color: #000000;
	font-size: 30px;
	text-align: center;
	transition: all 0.6s;
}

nav.globalmenu ul {
	width: 100%;
	height: 100vh;
	padding: 16px 0;
	margin: 0 auto;
}

nav.globalmenu ul:-webkit-scrollbar {
	display: none;
}

nav.globalmenu ul li {
	list-style-type: none;
	width: 100%;
	font-size: 1.1em;
}

nav.globalmenu ul li:last-child {
	padding-bottom: 0;
}

nav.globalmenu ul li a {
	display: block;
	padding: 8px 0;
	color: #ffffff;
	font-size: 20pt;
    font-weight: bold;
	letter-spacing: 3pt;
}
nav.globalmenu.active {
	transform: translateY(0%);
}

div#content.active , #foot.active {
	display: none;
}

@media screen and (max-width: 400px) {
	.show_english {
		margin: 21px 65px 0 0;
	}
	.show_english a {
		width: 80px;
		padding-left: 28px;
		background-position: 7px center;
	}
	.navToggle {
		right: 15px;
	}
}
/*
@media screen and (max-width: 320px) {
	.show_english {
		margin: 21px 55px 0 0;
	}
	.show_english a {
		width: 60px;
		padding-left: 21px;
		background-position: 6px center;
	}
	.navToggle {
		right: 15px;
	}
}*/

/* サイドバー */
#side {
	margin-top: 20px;
}
.list_link-banner {
	padding: 0 10px;
}
.list_link-banner img {
	display: block;
	width: 100%;
}
#side .display_mobile ul {
	list-style: none;
	/* margin-top: 25px; */
}

#side .display_mobile ul li {
	margin: 0 auto;
}

#side .display_mobile ul li:nth-child(-n+2) {
	max-width: 500px;
	width: 100%;
	/* height: 105px; */
	margin-bottom: 20px;
}

#side .display_mobile ul li:nth-child(3) {
	width: 62px;
	height: 62px;
}

/* フッター */
div#foot {
	margin-top: 25px;
}
div#foot address {
	padding: 25px 0;
}
.footer-nav {
    padding: 16px;
}
div#foot ul li a {
	display: block;
	padding: 4px 0;
	word-break: break-word;
	font-size: 16px;
}
.key_visual {
	margin-top: 10px;
}
.key_visual strong {
	font-size: 2.25vw
}

/* 青石メイン共通 */
.home_aoisi a span {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.home_aoisi {
	margin-bottom: 30px;
}

.home_aoisi a {
	margin-right: 10px;
}

.aoisi_menu {
	padding: 0 16px;
	margin-top: 10px;
}

.aoisi_menu h2 {
	font-size: 30px;
}

.aoisi_menu h2 span:nth-child(1) {
	color: #ffffff;
	font-size: 16px;
}

.aoisi_menu ul {
	width: 100%;
	margin-bottom: 20px;
}

.aoisi_menu dl {
	max-width: 216px;
	margin: 0 auto 20px;
	text-align: center;
}

.aoisi_menu dl dt {
	margin-right: 10px;
	padding: 12px 10px 11px;
	font-size: 16px;
}

.aoisi_menu dl dd {
	font-size: 30px;
}

@media screen and (max-width: 480px) {
	.aoisi_menu ul {
		width: auto;
	}
	#container #content #main .aoisi_menu ul li:nth-child(4) {
		border-left: none
	}
}

.aoisi_sub-page-title {
	text-align: center;
	margin: 0 auto 20px;
}
.aoisi_sub-page-title dl {
	max-width: fit-content !important;
}
.aoisi_sub-page-title .aoisi_sub-page-title_icon {
	float: none;
    display: inline-block;
	padding: 4px 8px;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 16px;
	font-weight: normal;
    color: #ffffff;
	letter-spacing: 2pt;
	background-color: #000000;
}
.aoisi_sub-page-title .aoisi_sub-page-title_text {
	float: none;
    display: inline-block;
    vertical-align: middle;
	font-size: 30px;
	letter-spacing: 2pt;
	color: #267486;
}
@media screen and (max-width: 450px) {
	.aoisi_sub-page-title .aoisi_sub-page-title_text {
		font-size: 21px;
	}
}
@media screen and (max-width: 375px) {
	.aoisi_sub-page-title .aoisi_sub-page-title_text {
		font-size: 18px;
	}
}

.brd {
	margin-bottom: 10px;
	font-size: medium;
	font-weight: bold;
	color: #006666;
}
@media screen and (max-width: 425px) {
	.brd {
		text-align: center;
	}
}

/* スマホ2カラムレイアウト */
.list_sp-two-col,
.container_sp-two-col-list ul,
.club_list ul,
.link_list ul {
	width: 90%;
	margin: 0 auto 10px;
}
.list_sp-two-col li,
.container_sp-two-col-list ul li,
.link_list ul li,
.list_iyclb li {
	display: inline-block;
	float: none !important;
	width: 48.5%;
	height: auto !important;
	box-sizing: border-box;
	padding: 1.5%;
	margin: 0 auto 5%;
	vertical-align: top;
}
.list_sp-two-col img,
.container_sp-two-col-list ul li img,
.club_list ul li img,
.link_list ul li img {
	width: 100%;
    box-sizing: border-box;
	border: 1px solid #707070;
}
.list_sp-two-col.list_sp-two-col-no-border img,
.container_sp-two-col-list.container_sp-two-col-list-no-border ul li img {
	border: none;
}



/*******************************************************************************
	トップページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.key_visual img {
	width: 100%;
	height: auto;
}

.key_visual strong {
	display: block;
	padding: 10px 16px;
	text-align: center;
}
.aoisi_link {
	padding: 0 10px;
	margin-bottom: 16px;
}
.aoisi_link.display_mobile img {
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 10px auto 0;
}
form.display_mobile {
	width: fit-content;
    margin: 24px auto;
}
form.display_mobile .ink {
	margin: 0 auto;
    margin-right: 1em;
    width: 300px;
    height: 26px;
    font-size: 13px;
    border: 1px solid #999999;
    border-radius: 8px;
    color: #666666;
    font-weight: 500;
    height: 30px;
}
form.display_mobile .search {
	font-size: 14px;
    text-align: center;
    width: 80px;
    margin: 0 auto;
    background-color: #006666;
    border: 2px solid #006666;
    border-radius: 8px;
    color: #fff;
    font-weight: normal;
    height: 30px;
    letter-spacing: 0.1em;
    -webkit-appearance: none;
    appearance: none;
}
div#content h2.h_title,
div#content h2.h_newtitle {
	text-align: center;
	font-size: 24px;
	word-break: break-word;
}
div#main div#guide {
	width: 90%;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 auto;
}
.guide_search {
	display: none;
}

div#main div#guide div.tree h3 {
	margin: 0 auto 15px;
	text-align: center;
	word-break: break-word;
}

div#main div#guide div.tree h4 {
	margin-bottom: 10px;
	font-size: large;
}

div#main div#guide div.tree ul {
	margin-bottom: 10px;
	padding: 0 15px;
}

div#main div#guide div.tree ul:last-child {
	margin-bottom: 20px;
}
div.tree ul li {
	width: 50%;
	padding: 2px 0;
}

@media screen and (max-width: 577px) {
	div#main div#guide div.tree h4 {
		text-align: center;
		word-break: break-word;
	}
	div.tree ul li {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 430px) {
	form.display_mobile .ink {
		display: block;
		margin-right: 0;
	}
	form.display_mobile .search {
		display: block;
    	width: 300px;
    	margin-top: 16px;
	}
}

@media screen and (max-width: 300px) {
	div.tree ul li {
		font-size: 5vw;
	}
}

/*******************************************************************************
	商品一覧ページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
div#content div.list {
	width: 90%;
}

div#content div.list h4 {
	/* margin-top: 10px; */
	padding-left: 20px;
}

div#content div.list ul {
	/* max-width: 504px; */
	margin: 0 auto;
}

/* div#content div.list ul li {
	max-width: 240px;
	margin: 8px 6px;
} */

div#content div.list ul li img {
	width: auto;
	height: 180px;
}

div#content div.list dd {
	width: 190px;
}

.pg_list {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 35px;
	border-bottom: 3px double #333333;
}

.cminfo-list .cminfo-cell {
	height: 260px;
}

@media screen and (max-width: 577px) {
	/* div#content div.list ul {
		max-width: 252px;
	} */
	div#content div.list ul li {
		float: none;
	}
	div#content div.list ul li img {
		width: 100%;
		height: auto;
	}
}

/*******************************************************************************
	商品詳細ページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
#catalog #content div#side {
	grid-row: 3;
	-ms-grid-row: 3;
}
#fb-root {
    display: none;
}
#catalog #content .fb-like {
	display: block;
	width: 90%;
	max-width: 100vw;
  padding: 8px 8px 40px;
	margin: 0 auto;
	border-bottom: 3px double #333333;
	grid-row: 2;
	-ms-grid-row: 2;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe {
	width: 100% !important;
	white-space: normal;
	word-wrap: break-word;
}
div#content div#detail,
div#content div.product-detail-container {
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: #333333 solid 3px;
	border-bottom: 1px #cccccc solid;
}
#detail img,
.product-detail-container img {
	width: 100%;
}
div#content div#detail table,
div#content div.product-detail-container table {
	margin: 0 auto 30px;
	width: 100%;
}
div#content div#detail table tr,
div#content div.product-detail-container table tr {
	display: block;
	padding: 8px 0;
	border-bottom: 1px #cccccc solid;
}
.product_title {
	width: 40px;
	min-width: 40px;
	padding-left: 8px;
	text-align: left;
	vertical-align: top;
}
.product_contents {
	width: 90%;
	padding: 0 8px 0 1em;
	text-align: left;
}

@media screen and (max-width: 367px) {
	.product_contents {
		width: 83%;
		text-align: left;
	}
}

/*******************************************************************************
	新商品案内ページ
--------------------------------------------------------------------------------
	適応：/calendar/tpl/new-items.tpl.php
*******************************************************************************/
.products-container {
	padding: 24px 0;
}

/*******************************************************************************
	青石物語目次ページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.img_aoishi-title {
	max-width: 608px;
}
.img_aoishi-key-visual {
	max-width: 253px;
}
#aoishi_menu {
	width: 90%;
	margin: 0 auto;
	border-bottom: 3px double;
}

.aoisi_title {
	margin-bottom: 32px;
	/* text-align: center; */
}

.aoisi_title img {
	width: 100%;
	margin: 0 auto 24px;
}

.aoisi_title img:nth-child(1) {
	max-width: 252px;
	/* height: 98px; */
	object-fit: cover;
	object-position: left bottom;
}

.aoisi_description {
	font-size: 3.9vw;
}

#mokuji {
	width: 512px;
	margin: 0 auto;
}

.koumoku strong {
	display: inline-block;
	margin-bottom: 20px;
}

.koumoku strong a span {
	margin-left: 10px;
}

.koumoku strong a span img {
	margin-top: 7px;
}

.koumoku p {
	margin-bottom: 20px;
}

@media screen and (max-width: 512px) {
	.koumoku strong {
		/* max-width: 240px; */
	}
	#mokuji {
		width: 90%;
	}
}

/*******************************************************************************
	青石物語本編ページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.history_title {
	margin: 0 auto 20px;
	text-align: center;
}
.history_title dt,
.history_title dd {
	float: none;
	display: inline-block;
	vertical-align: middle;
    letter-spacing: 2pt;
}
.history_title dt {
	padding: 4px 8px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: normal;
}

.history_title dd {
	font-size: 30px;
}

.text-right {
	margin-bottom: 20px;
}

.text-right img {
	display: block;
	width: 90%;
	height: 200px;
	margin: 0 auto 20px;
	object-fit: cover;
	object-position: center center;
}

.text-right p {
	width: 90%;
	margin: 0 auto;
	text-align: justify;
}

.aoisi_history h3 {
	width: 90%;
	margin: 0 auto 15px;
	font-size: 18pt;
}

.aoisi_history h4 {
	width: 90%;
	padding-left: 8px;
	margin: 0 auto 15px;
}

.aoisi_map li {
	width: 90%;
	margin: 0 auto;
}
.aoisi_map li + li {
	margin-top: 15px;
}
.aoisi_map .map-note {
	display: inline-block;
	margin-top: 8px;
}
.aoisi_map li:nth-child(1) div {
	float: left;
	max-width: 200px;
	margin-right: 10px;
}

.aoisi_map li:nth-child(1) img {
	width: 100%;
}

.aoisi_map li:nth-child(1) p {
	width: 100%;
	font-size: 14px;
}


@media screen and (max-width: 420px) {
	.aoisi_map li:nth-child(1) div {
		float: none;
		margin: 0 auto 10px;;
	}
	.aoisi_map li:nth-child(2) {
		max-width: 179px;
	}
	.aoisi_map li:nth-child(2) img {
		width: 100%;
	}
}

.aoisi_history p {
	width: 90%;
	margin: 0 auto 20px;
	text-align: justify;;
}

.page_top {
	width: 90%;
	margin: 16px auto;
}

.page_top a span {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.img_feature-description-iyo-aoishi {
	width: 100%;
}

.common_gallery {
	width: 90%;
	margin: 0 auto;
}

.common_gallery img {
	display: block;
}

.common_gallery:nth-child(7) {
	/* width: 316px; */
}
.common_gallery:nth-child(7) li {
	width: 46%;
    line-height: 1em;
    margin-bottom: 1.5em;
}
.common_gallery:nth-child(7) li:nth-child(odd) {
	float: left;
}
.common_gallery:nth-child(7) li:nth-child(even) {
	float: right;
}

.common_gallery:nth-child(7) li:nth-child(2n) {
	/* margin: 0 0 3% 3%; */
}

.common_gallery:nth-child(7) img {
	width: 100%;
}

@media screen and (max-width: 350px) {
	.common_gallery:nth-child(7) li {
		margin-bottom: 10px;
	}
	.common_gallery:nth-child(7) li:nth-child(2n) {
		margin: 0 0 10px;
	}
}

.common_gallery:nth-child(11) li {
	float: left;
	width: 31.3%;
	margin-right: 3%;
}

.common_gallery:nth-child(11) li img {
	width: 100%;
	object-fit: cover;
}

.common_gallery:nth-child(11) li:last-child {
	margin-right: 0;
}

.common_gallery:nth-child(11) li:first-child img {
	width: 100%;
	height: 258px;
}

.common_gallery:nth-child(11) li:nth-child(2) img {
	width: 100%;
	height: 258px;
}

.common_gallery:nth-child(11) li:last-child img {
	height: 110px;
}

@media screen and (max-width: 500px) {
	.common_gallery:nth-child(11) li {
		width: 46%;
		margin: 0 auto;
	}
	.common_gallery:nth-child(11) li:nth-child(odd) {
		float: left;
	}
	.common_gallery:nth-child(11) li:nth-child(even) {
		float: right;
	}
	.common_gallery:nth-child(11) li:first-child img {
		margin: 0 auto;
	}
	.common_gallery:nth-child(11) li:last-child {
		width: 100%;
		margin: 16px auto;
	}
	.common_gallery:nth-child(11) li:last-child img {
		display: block;
		width: 46%;
		height: auto;
	}
	.common_gallery:nth-child(11) li:last-child img:nth-of-type(odd) {
		float: left;
	}
	.common_gallery:nth-child(11) li:last-child img:nth-of-type(even) {
		float: right;
	}
	.common_gallery:nth-child(11) li:last-child br {
		display: none;
	}
	.common_gallery:nth-child(11) li:last-child span {
		display: block;
		clear: both;
		margin-top: 8px;
	}
}

.common_gallery:nth-child(13) li {
	width: 46%;
	margin-bottom: 16px;
    line-height: 1em;
}
.common_gallery:nth-child(13) li:nth-of-type(odd) {
	float: left;
}
.common_gallery:nth-child(13) li:nth-of-type(even) {
	float: right;
}
.common_gallery:nth-child(13) li:nth-child(2n+1) {
	margin-right: 3%;
	margin-bottom: 3%;
}

.common_gallery:nth-child(13) li img {
	width: 100%;
}

/* @media screen and (max-width: 450px) {
	.common_gallery:nth-child(13) li {
		float: none;
		width: 48.5%;
		margin: 0 auto 5%;
	}

	.common_gallery:nth-child(13) li:nth-child(2n+1) {
		margin: 0 auto 5%;
	}
} */

.common_gallery:nth-child(16) li {
	float: left;
	width: 31.3%;
	margin-left: 3%;
	margin-bottom: 16px;
}

/* .common_gallery:nth-child(16) li:first-child , .common_gallery:nth-child(16) li:nth-child(4) {
	margin-left: 0px;
} */
.common_gallery:nth-child(16) li:nth-child(3n+1) {
	margin-left: 0px;
}
.common_gallery:nth-child(16) li img {
	width: 100%;
	height: 101px;
	margin-bottom: 10px;
	object-fit: contain;
	object-position: top;
}

@media screen and (max-width: 530px) {
	.common_gallery:nth-child(16) li{
		width: 46%;
		text-align: center;
	}
	.common_gallery:nth-child(16) li:nth-of-type(odd){
		float: left;
	}
	.common_gallery:nth-child(16) li:nth-of-type(even){
		float: right;
	}
}

.common_gallery:nth-child(20) li {
	margin-bottom: 24px;
	line-height: 1em;
}
.common_gallery:nth-child(20) li:nth-child(1) {
	width: 100%;
}
.common_gallery:nth-child(20) li:nth-child(2) {
	float: left;
	width: 70%;
}
.common_gallery:nth-child(20) li:nth-child(3) {
	float: right;
	width: 20%;
}

.common_gallery:nth-child(20) li img {
	display: block;
	width: 100%;
}

/* @media screen and (max-width: 450px) {
	.common_gallery:nth-child(20) li:nth-child(2) {
		float: none;
		width: 247px;
		margin: 0 auto 10px;
	}

	.common_gallery:nth-child(20) li:nth-child(3) {
		float: none;
		width: 86px;
		margin: 0 auto;
	}
} */

.common_gallery:nth-child(22)  {
	margin: 0 auto;
}

.common_gallery:nth-child(22) li {
	width: 46%;
}

.common_gallery:nth-child(22) li:nth-of-type(odd) {
	float: left;
}
.common_gallery:nth-child(22) li:nth-of-type(even) {
	float: right;
}
.common_gallery:nth-child(22) li img {
	width: 100%;
	height: auto;
}
/*
@media screen and (max-width: 560px) {
	.common_gallery:nth-child(22)  {
		width: 247px;
		margin: 0 auto;
	}
	.common_gallery:nth-child(22) li {
		float: none;
		margin-bottom: 10px;
	}
} */

.common_gallery:nth-child(26) {
	margin-bottom: 0;
}
.common_gallery:nth-child(26) li:nth-child(1) {
	float: left;
	width: 65%;
}
.common_gallery:nth-child(26) li:nth-child(2) {
	float: right;
	width: 32%;
	margin-bottom: 0;
}
.common_gallery:nth-child(26) li img {
    height: auto;
	margin: 0 auto;
    text-align: center;
}
.common_gallery:nth-child(26) li:nth-child(1) img {
	width: 100%;
}
.common_gallery:nth-child(26) li:nth-child(2) img {
	width: 100%;
	margin-bottom: 5px;
}
.common_gallery:nth-child(26) li:nth-child(2) p {
	margin-bottom: 0;
}

@media screen and (max-width: 460px) {
	.common_gallery:nth-child(26) li {
		float: none;
	}
	.common_gallery:nth-child(26) li:nth-child(1) {
		max-width: 308px;
		margin: 0 auto 20px;
	}
	.common_gallery:nth-child(26) li:nth-child(1) img {
		max-width: 308px;
	}
	/* .common_gallery:nth-child(26) li:nth-child(2) {
		width: 200px;
		margin: 0 auto;
		margin-bottom: 0;
	} */
}

.person_history {
	display: block;
}

.common_gallery:nth-child(34) li,
.common_gallery:nth-child(35) li {
	width: 46%;
}
.common_gallery:nth-child(34) li:nth-child(odd),
.common_gallery:nth-child(35) li:nth-child(odd) {
	float: left;
}
.common_gallery:nth-child(34) li:nth-child(even),
.common_gallery:nth-child(35) li:nth-child(even) {
	float: right;
}
.common_gallery:nth-child(34) li p,
.common_gallery:nth-child(35) li p {
	width: 100%;
	margin: 0;
}
/*
@media screen and (max-width: 500px) {
	.common_gallery:nth-child(34) , .common_gallery:nth-child(35) {
		width: 47%;
	}
	.common_gallery:nth-child(34) li , .common_gallery:nth-child(35) li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
} */

.common_gallery:nth-child(39) li {
	width: 46%;
	margin-bottom: 16px;
}
.common_gallery:nth-child(39) li:nth-child(odd) {
	float: left;
}
.common_gallery:nth-child(39) li:nth-child(even) {
	float: right;
}
.common_gallery:nth-child(39) li img {
	display: block;
	width: 100%;
	height: 130px;
	margin: 0 auto;
	object-fit: contain;
}
@media screen and (max-width: 375px) {
	.common_gallery:nth-child(39) li img {
		height: 100px;
	}
}

.common_gallery:nth-child(40) {
	max-width: 373px;
	width: 90%;
}

.common_gallery:nth-child(40) li img {
	max-width: 373px;
	width: 100%;
}

.kakou_case {
	display: block;
	width: 90%;
	margin: 0 auto 10px;
}

.founding_gallery {
	width: 90%;
	margin: 10px auto 0;
}
.founding_gallery li {
	width: 46%;
	margin-bottom: 16px;
}
.founding_gallery li:nth-child(odd) {
	float: left;
}
.founding_gallery li:nth-child(even) {
	float: right;
}
.founding_gallery li img {
	display: block;
	width: 100%;
	height: auto;
}
/* @media screen and (max-width: 420px) {
	.founding_gallery {
		width: 189px;
	}
	.founding_gallery li {
		float: none;
		margin-bottom: 10px;
	}
	.founding_gallery li:nth-child(2n+1) {
		margin-right: 0;
		margin-bottom: 10px;
	}
} */



.company_detail {
	width: 90%;
	margin: 0 auto;
}

.full_story {
	width: 90%;
	margin: 0 auto;
}

.full_story p {
	margin: 0;
}

.activity_content {
	width: 90%;
}


@media screen and (max-width: 584px) {
	.full_story dd {
		width: 80%;
	}
	.activity_content {
		text-indent: 16px;
	}
}

.aoisi_history address {
	width: 90%;
	margin: 0 auto 40px;
	font-size: 3.5vw;
}

.aoisi_history address p {
	margin: 0;
}

/*******************************************************************************
	青石施工実績ページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.case_list {
	width: 90%;
	margin: 0 auto;
}

.case_list img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.back-top a span img {
	display: inline-block;
	width: 9px;
	margin: 8px 10px 0 0;
}

/*******************************************************************************
	青石Q&Aページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
#main_qa ul {
	padding: 0 24px;
	margin: 0 auto;
}

#main_qa h3 dl {
	max-width: 200px;
	margin: 0 auto 20px;
}

#main_qa h3 dl dt {
	margin-right: 10px;
	padding: 12px 10px 11px;
	background-color: #000000;
	color: #ffffff;
	font-size: 16px;
}

#main_qa h3 dl dd {
	color: #267486;
	font-size: 30px;
}

.product_iyoseki {
	width: 95%;
	margin: 0 auto 35px;
}

.product_iyoseki .address {
	padding-top: 35px;
	line-height: 2.4em;
    font-size: 0.8em;
}

.reference_image img {
	display: block;
	width: 100%;
}

.reference_image span {
	display: block;
	margin-top: 8px;
	font-size: 2.5vw;
}

.answer span {
	text-indent: 0;
}


/*******************************************************************************
	お問い合わせページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
#inquiry #main {
	text-align: center;
}
.notes {
	font-size: 3.5vw;
}
table#inquiry_form tr {
	display: block;
	margin-top: 16px;
}
table#inquiry_form th {
	display: block;
	margin-bottom: 10px;
	text-align: left;
}

table#inquiry_form td {
	display: block;
	margin-bottom: 10px;
}

table#inquiry_form {
	width: 90%;
	margin: 0 auto 40px;
	text-align: left;
}

table#inquiry_form .post_form input:nth-child(1) {
	width: 30%;
	margin-right: 1%;
}

table#inquiry_form .post_form input:nth-child(2) {
	width: 63.5%;
	margin-left: 1%;
}

table#inquiry_form .confirm {
	text-align: center;
}

table#inquiry_form .confirm img {
	width: 35%;
	margin-top: 10px;
}

table#inquiry_form input , #inquiry_form select {
	height: 40px;
}

#inquiry_form textarea {
	height: 232px;
}

table#inquiry_form input , #inquiry_form textarea , #inquiry_form select {
	width: 100%;
	border: 1px solid;
	border-radius: 10px;
	font-size: 20px;
}

.check_notes {
	font-size: 3.5vw;
}

.confirm .notes {
	font-size: 5vw;
}

#inquiry_form select {
	padding: 0 0 0 33%;
	font-size: 3vw
}

#inquiry div#content div#main form p input {
	width: 90%;
	padding: 20px 0;
	border: 3px solid #006666;
	background-color: #ffffff;
	color: #006666;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#inquiry div#content div#main form p input:nth-child(3) {
	margin-bottom: 15px;
}

/*******************************************************************************
	いよせきリンク一覧ページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.link_list h2 img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/* .link_list ul li {
	width: 48.5%;
	margin-bottom: 5%;
	margin-left: 3%;
}

.link_list ul li img {
	width: 100%;
}

.link_list ul li:nth-child(2n+1) {
	margin-left: 0;
} */

/*******************************************************************************
	いよせき倶楽部ページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.club_list {
    width: 90%;
    padding: 0 8px 32px;
    margin: 0 auto;
	border-bottom: 4px double #000000;
}
.page-title > img,
.club_list h2 img {
	/* display: block; */
	max-width: 100%;
	/*margin: 0 auto 20px;*/
}
.pager_list {
	padding: 0 16px;
	letter-spacing: 2pt;
	font-size: 16pt;
}

/*******************************************************************************
	お知らせページ
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
.page-title {
	margin-top: 16px;
	/*text-align: center;*/
}
.posts-container {
	padding: 0 16px;
}
/*.post-container .tbl_post-content table,
.post-container .tbl_post-content tbody,
.post-container .tbl_post-content tr,
.post-container .tbl_post-content td,
.post-container .tbl_post-content table img {
	display: block;
	width: 100%;
	margin: 0 auto;
}*/
.post-container .tbl_post-content table {
	/* max-width: 41%;
	margin-right: 16px; */
}
.tbl_post-content .tp_day {
	margin-bottom: 8px;
}
.post-container table table img {
	width: 100%;
}
.post-container .tbl_post-content table img {
	max-width: 425px;
}
@media screen and (max-width: 555px) {

}

/*******************************************************************************
	工事店紹介(mbcp)
--------------------------------------------------------------------------------
	適応：メイン
*******************************************************************************/
/* 石材工事店検索 */
#main_map {
	padding: 8px;
}
.heading_shop-search {
	margin-top: 16px;
}
.table_layout-search-info td:first-child {
	vertical-align: top;
}
.table_layout-search-info td .search_img {
	padding-top: 0;
}
#area-map {
	display: none;
}
.table_responsive,
.table_responsive tbody {
	display: block;
	width: 100%;
}
.table_responsive tr {
	display: block;
}
.table_responsive tr + tr {
	margin-top: 8px;
}
.table_responsive tr::after {
	content: "";
	display: block;
	clear: both;
}
.table_responsive th {
	display: block;
	padding-top: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 1px dotted #808080;
	vertical-align: top;
	text-align: left;
}
.table_shop-list {
	margin-top: 16px;
}
.table_shop-list td {
	float: left;
	width: 25%;
    box-sizing: border-box;
}
@media screen and (max-width: 425px) {
	.table_shop-list th,
	.table_shop-list td {
		text-align: center;
	}
	.table_shop-list td {
		width: 50%;
	}
}