@charset "utf-8";

/*
Theme Name: ishinotouei
Theme URI: http://c-tpl.com/
Description: 石の東栄専用のwordpressテーマです。※Based on Cloud template / responsive_159.
Version: 1.1
Author: 石の東栄
Cloud template v1.0　http://c-tpl.com/
This theme was designed and built by Cloud template, whose blog you will find at http://c-tpl.com/
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/**** Clearfix ****/

nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after, .post:after, ul.post li:after, nav#mainNav .inner:after {
	content: "";
	display: table;
	clear: both;
}
nav .panel, nav#mainNav, .newsTitle, .bg, .post, ul.post li, nav#mainNav .inner {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
body {
	font: 14px/1.6 "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #000;
	-webkit-text-size-adjust: none;
	background-color: #F6F4F1;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

/* リンク設定
------------------------------------------------------------*/

a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #313131;
}
a:hover img {
	opacity: 0.6;
	transition: 0.4s;
}
a:hover, a:active {
	outline: none;
	color: #6f6f6f;
}
.linkBtn {
	text-align: center;
}
.linkBtn a {
	color: #993333;
	font-weight: bold;
	border-bottom: 1px solid #993333;
}
.linkBtn a:after {
	content: "\025b6";
	padding-left: .5rem;
}
.linkBtn a:active {
	border-bottom: solid 2px #fd9535;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.linkBtn a:hover {
	background-color: #ddd;
}

/* レイアウト
------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
}
.hd_inner {
	max-width: 940px;
	margin: 0 auto;
}
.inner {
	max-width: 940px;
	margin: 0 auto;
}
#header {
	width: 100%;
	height: 215px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.content {
	margin: 2.4rem auto;
}
#footer {
	clear: both;
}
.rowBox {
	display: flex;
	flex-flow: row wrap;
	align-content: space-around;
}
.rowItem {
	flex: 0 1 50%;
}

/* 上へ戻るボタン
------------------------------------------------------------*/

#pageTop {
	position: fixed;
	bottom: -8px;
	right: 4px;
	z-index: 999;
}
#pageTop a {
	display: block;
	z-index: 999;
	width: 80px;
	height: 48px;
	line-height: 32px;
	border-radius: 8px;
	background-color: #D5B787;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

/* ヘッダー
*****************************************************/


/* サイト説明文 */

.summary {
	padding: 4px 0;
	margin-bottom: .5rem;
	background-color: #9A3334;
	border-bottom: 1px solid #ccc;
}
#header h1 {
	color: #fff;
	font-size: 80%;
	font-weight: normal;
}

/* ロゴ (サイトタイトル) */

.hd_logo {
	float: left;
	padding: 8px 5px 15px;
}
.hd_logo img {
	width: 360px;
}

/* コンタクト */

.hd_contact {
	float: right;
	margin-top: 8px;
	text-align: right;
	color: #000;
	width: 300px;
}
.hd_contact img {
	width: 100%;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* トップページ
----------------------------------*/

.topBnr {
	text-align: center;
	margin: 1.5rem 0;
}

/* 上部 */

#intro {
	max-width: 1000px;
	margin: 0 auto;
	border-bottom: 1rem solid #F6F4F1;
	background-color: #fff;
}
.introBox {
	display: flex;
	justify-content: space-around;
}
.introBox dl {
	position: relative;
	flex: 1 1 30%;
	padding: 1rem;
	margin: .5rem 2px 0;
	border: 4px double #D7BB8B;
	border-radius: 16px;
	background-color: #f5ede1;
}
.introBox dt {
	clear: both;
	position: relative;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 4px;
	text-indent: 2em;
	color: #993333;
	border-bottom: 1px solid #D7BB8B;
}
.introBox dt:before {
	content: "";
	width: 1em;
	height: 1em;
	position: absolute;
	left: .8em;
	top: 4px;
	display: inline-block;
	background: url(images/checkmark.png) no-repeat left center;
	background-size: 1em;
}
.introBox dd {
	padding: 0 1rem;
}
.top_imgList, .top_menu, .top_priceList {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.top_imgList li, .top_menu li, .top_priceList li {
	flex-basis: auto;
}
.top_imgList li {
	width: 48%;
	margin: 0 1%;
}
.top_imgList li img {
	width: 100%;
}

/* 価格のいろいろ */

.top_priceList li {
	width: 48%;
	margin-bottom: 1rem;
	padding: 1rem 0 .5rem;
}
.top_priceList li img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.topPrice {
	display: block;
	width: 126px;
	padding: 2px 4px;
	margin: .5rem auto;
	text-align: center;
	font-weight: bold;
	border: 1px solid #993333;
}

/* 価格表 */

.priceList2 {
	width: 100%;
	border-collapse: collapse;
	border-right: solid 8px #CD3333;
}
.priceList2 th, .priceList2 td {
	padding: .5rem;
	text-align: center;
}
.priceList2 tr:nth-child(even) {
	background: #eee;
}
.priceList2 th {
	color: #000;
	font-weight: bold;
	border: 1px solid #D7B887;
	background-color: #E3CCAA;
}
.priceList2 .col1 {}
.priceList2 .col4 {
	margin: 8px;
	border: 8px solid #CD3333;
}

/* 安さの3つの理由 */

.top_yasusa li {
	margin-top: .5rem;
}

/* 下部サブメニュー */

.top_menu {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.top_menu li {
	position: relative;
	flex-grow: 1;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.top_menu li a {
	display: block;
	padding: 2rem 0;
	width: 100%;
}
.top_menu li a:after {
	content: "";
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-bottom: 14px solid #D6B887;
	border-left: 14px solid transparent;
}
.top_menu li img {
	display: block;
	margin: 0 auto;
}
.top_menuText {
	padding-top: .8rem;
}

/* 資料請求・お問い合わせは */

.goContact ul {
	position: relative;
	display: block;
	overflow: hidden;
	width: 440px;
	margin: 0 auto;
	border: 1px solid #ccc;
}
.goContact ul li {
	height: 56px;
	line-height: 56px;
}
.goTel {
	float: left;
	width: 76%;
	text-align: center;
	font-size: 229%;
	border-right: 1px solid #ccc;
}
.goTel:before {
	content: "";
	display: inline-block;
	margin: 0 .5rem;
	width: 20px;
	height: 20px;
	background: url(images/tel_icon.png) no-repeat left center;
	background-size: 20px;
}
.goMail {
	float: right;
	width: 24%;
}
.goMail img {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
}

/* 新着情報 */

#info {
	background-color: #E8E8E8;
	padding: 2.4rem 1.5rem;
}
#info .infoItem {
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
}
#info .cat {
	display: inline-block;
}
#info .post-categories li a {
	font-size: 88%;
	padding: .2rem 1rem;
	color: #fff;
	border-radius: 8px;
}
#info .cat a {
	background-color: #999333;
}
#info .cat_event a {
	background-color: #9ba88d;
}
#info .cat_notice a {
	background-color: #507ea4;
}
#info .cat_ex a {
	background-color: #c89932;
}
#info .cat_etc a {
	background-color: #b94047;
}
#info .cat_stone a {
	background-color: #e17b34;
}
.infoDate {
	display: inline-block;
}
.infoTtl {
	display: inline-block;
	font-weight: nomal;
}
.toppageTtl {
	font-size: 129%;
	text-align: center;
	font-weight: bold;
	margin-top: 1.5rem;
}

/* 各ページ
*****************************************************/


/* ページタイトル */

.ttlWrap {
	position: relative;
	background-color: #666;
	width: 100%;
	height: 170px;
	padding-top: 0.177;
	/* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(images/pageTtl_bg.jpg) center center / cover no-repeat;
}
.pageTtl {
	position: absolute;
	left: 2rem;
	bottom: 1.5rem;
	font-size: 208%;
	color: #fff;
}

/* パンくず */

.breadcrumbs {
	font-size: 79%;
	margin: .5rem 0;
}

/* お問い合わせ */

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea {
	margin: 0 auto;
	background-color: #fff;
	color: #333;
	width: 100%;
	border: 1px solid #ddd;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .1) inset;
}
.wpcf7 span {
	color: #f5637a;
}
.wpcf7-select {
	border: 1px solid #ddd;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .1) inset;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="submit"] {
	display: block;
	font-size: 100%;
	margin: 0 auto;
	padding: 0.5em 40px;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset;
	color: #fff;
	text-shadow: none;
	background-color: #993333;
	transition: .4s;
}

/* タイポグラフィ
*****************************************************/

.minchou {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}
.cutin {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-weight: bold;
	text-align: center;
	margin: .5rem 0 1.5rem;
}
.bd:before {
	content: "";
	display: block;
	border-top: 1px solid #ddd;
	margin: 2rem 0;
}
.textArea {
	padding: 1rem 1.5rem;
}
strong {
	font-weight: bold;
}
.fs12 {
	font-size: 86%;
}
.fs15 {
	font-size: 108%;
}
.fs18 {
	font-size: 129%;
}
.fs26 {
	font-size: 186%;
}
.fs42 {
	font-size: 300%;
	line-height: 1;
}
.fs56 {
	font-size: 400%;
	line-height: 1;
}
.fcWht {
	color: #fff;
}
.fcVio {
	color: #B54066;
}
.fcRus {
	color: #993333;
}
.dateLabel {
	margin-top: -1rem;
	text-align: right;
	color: #858585;
}
.flowUl {
	margin-bottom: 1rem;
}
.flowUl li:first-letter {
	font-weight: bold;
}
.post p {
	padding-bottom: 15px;
}
.post img {
	max-width: 100%;
height:auto;
}
.post ol {
	margin: 0 0 10px 30px;
}
.flowOl li {
	margin-left: 1rem;
}
.post ol li {
	list-style: decimal;
}
.listStyle01 {
	margin-left: 1rem;
	text-indent: -1rem;
}
.listStyle01 li:before {
	content: "\02748";
	padding-right: .2rem;
	color: #AF5E5E;
}
.post h2 {
	margin: 16px 0;
	padding: 2px 8px;
	font-size: 165%;
	font-weight: bold;
	color: #fff;
	background-color: #993333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}
h2.articleTtl {
	color: #993333;
	margin: 0;
	padding: 1rem;
	border-bottom: 1px solid #ddd;
}
.post h3 {
	margin: .5rem 0;
	padding: 2px 8px;
	font-size: 143%;
	font-weight: bold;
	color: #993333;
	border-top: 3px solid #993333;
	border-bottom: 3px solid #993333;
}
.post h3:before {
	content: "";
	display: inline-block;
	background: url(images/circle_point.svg) no-repeat;
	width: 1em;
	height: 16px;
	margin-right: .2rem;
	vertical-align: middle;
}
.post h4 {
	margin: .5rem 0;
	font-weight: bold;
	color: #993333;
	border-bottom: 1px solid #993333;
}
.post blockquote {
	clear: both;
	padding: 10px 0 10px 15px;
	margin: 10px 0 25px 30px;
	border-left: 5px solid #ccc;
}
.post blockquote p {
	padding: 5px 0;
}
.post table {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 20px;
}
.post table th {
	padding: 10px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	background: #efede7;
}
.post table td {
	padding: 10px;
	border: 1px #ccc solid;
	border-width: 0 0 1px 1px;
	background: #fff;
}
.post dt {
	font-weight: bold;
}
.rowDl {
	background-color: #eee;
	margin-left: 1rem;
	margin-bottom: 1rem;
}
.rowDl dt {
	float: left;
	clear: left;
	width: 120px;
	font-weight: bold;
	border-top: 4px solid #fff;
	padding: .5rem .5rem .5rem 1rem;
}
.rowDl dd {
	border-top: 4px solid #fff;
	margin-left: 120px;
	padding: .5rem .5rem .5rem 1rem;
}
.listUl li {
	padding: 1.5rem 1.5rem 1.5rem 2.5rem;
	text-indent: -1rem;
	margin-bottom: 2px;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.listDl {
	padding: 1.5rem;
	margin-bottom: 2px;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.listDl dt {
	border-top: 1px solid #ddd;
}
.listDl dt:first-child {
	border-top: none;
}
.listDl .post img {
	max-width: 100%;
	height: auto;
}
img.alignnone {
	max-width: 100%;
	height: auto;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
img.aligncenter_max {
	width: 100%;
	display: block;
	margin: 0 auto;
}
img.alignright, img.alignleft {
	padding: 10px 10px 15px 15px;
	display: inline;
}
img.alignleft {
	margin: 10px 15px 15px 10px;
}
.aligncenter {
	text-align: center;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

/* 個別ページ
*****************************************************/


/* 墓石 */

#bosekiMenu dt {
	margin: .5rem 0;
	font-weight: bold;
	color: #993333;
	border-bottom: 1px solid #993333;
}
#bosekiMenu dt a {
	color: #993333;
}
#bosekiMenu dd {
	display: inline-block;
	padding: 0;
	margin-top: 4px;
}
#bosekiMenu dd a {
	display: block;
	padding: 0.4rem 1rem;
	color: #000;
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 4px;
}
#bosekiMenu dd a:hover {
	color: #fff;
	background-color: #993333;
	transition: 0.2s;
}
#bosekiContent section {
	margin-bottom: 2rem;
}
.bosekiImg {
	float: left;
	width: 68%;
}
.bosekiImg>img {
	width: 100%;
	margin-bottom: 4px;
}
.subPhoto {
	margin: 0;
	padding: 0;
}
.subPhoto li {
	display: inline-block;
}
.subPhoto li img {
	width: 150px;
	display: block;
	margin: 0 4px 0 0;
	border: 1px solid #ccc;
	padding: 4px;
}
.bosekiInfo {
	float: right;
	width: 30%;
}
.bosekiInfo h4 {
	margin-top: -.5rem;
}
.bosekiInfo li {
	margin-left: 4rem;
	text-indent: -4em;
}
.priceText {
	display: block;
	padding: 0.4rem 0;
	margin: 0 0 0;
	font-size: 129%;
	font-weight: bold;
	color: #993333;
	border-top: 1px solid #993333;
	border-bottom: 1px solid #993333;
}
#tourou .rowBox dl, #okimono .rowBox dl, #yuiseries .rowBox dl {
	flex: 1 0 32%;
	max-width: 300px;
}
#tourou .rowBox dl img, #okimono .rowBox dl img, #yuiseries .rowBox dl img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
#yuiseries .rowBox dl img {
	min-height: 300px;
	max-height: 300px;
	width: auto;
}
.object_ttl {
	padding: 4px 0;
	text-align: center;
	font-weight: bold;
	color: #993333;
}
.emphasis {
	display: inline-block;
	padding: 4px 16px;
	margin-bottom: 4px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #993333;
	border-radius: 24px;
}

/* こだわりの施工 */

.constructFlow {
	text-align: center;
	margin: -1rem auto 2rem;
}
.constructFlow li {
	display: inline-block;
	position: relative;
	margin: 0 1rem;
}
.constructFlow li a {
	display: block;
	width: 120px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-weight: bold;
	border-radius: 80px;
	background-color: #D7BB8B;
}
.constructFlow li:after {
	content: '';
	width: 20px;
	height: 20px;
	border: 0px;
	border-top: solid 2px #666;
	border-right: solid 2px #666;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 45%;
	right: -24px;
	margin-top: -4px;
}
.constructFlow li:last-child:after {
	content: "";
	border: none;
}
#construct .rowBox {
	padding-left: .5rem;
	padding-right: 1rem;
	margin: 2rem 0 4rem;
}
#construct .rowBox li {
	position: relative;
	flex: 1 1 33%;
	padding: 0 0 4px 4px;
	max-width: 33%;
}
#construct .rowBox li img {
	width: 100%;
}
#construct .rowBox li:after {
	content: url(images/make_arrow.svg);
	width: 4vw;
	max-width: 72px;
	min-width: 24px;
	position: absolute;
	top: 40%;
	right: -10%;
	z-index: 100;
}
#construct .rowBox li:last-child:after {
	content: "";
}
.construct_ttl {
	display: block;
	padding: 2% 0;
	text-align: center;
	font-weight: bold;
	background-color: #eee;
	border: 1px solid #ddd;
	border-top: none;
}

/* お客様の声 */

.comment {
	position: relative;
}
.comment .txt {
	padding: 1rem 60px 1rem 2rem;
	width: 90%;
	border-radius: 8px;
	background-color: #D5B787;
}
.pointIshiya {
	position: absolute;
	bottom: 0;
	right: 1rem;
	width: 80px;
}
.balloon {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}
.balloon .faceicon {
	float: left;
	margin-right: -90px;
	width: 80px;
}
.balloon .faceicon img {
	width: 100%;
	height: auto;
}
.balloon .chatting {
	width: 100%;
}
.says {
	display: inline-block;
	position: relative;
	margin: 5px 0 0 105px;
	padding: 17px 13px;
	border-radius: 12px;
	background: #D6B888;
}
.says:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px;
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #D6B888;
}
.says p {
	margin: 0;
	padding: 0;
}

/* メンテナンス */

.maintenance .listDl dd {
	padding-left: 1rem;
	margin-bottom: .5em;
}
.maintenance .listDl dd .ttl:before {
	content: "\025b6";
	font-size: 86%;
	padding-right: 4px;
}

/* 投稿一覧 */

.feedBox {
	margin-bottom: 1.5rem;
	padding: 1.5rem 0;
	border-bottom: 1px solid #ddd;
}
.feedBox_ttl span {
	border-bottom: 1px solid #ccc;
}
.feedBox_ttl span a:hover {
	background-color: #ddd;
}
.eyeCatch img {
	float: left;
	margin-right: 1.5rem;
	max-width: 320px;
	width: auto;
	max-height: 240px;
	height: auto;
}
.feedBox .post-categories {
	margin-right: 1rem;
}
.feedBox .post-categories, .feedBox .post-categories li {
	display: inline-block;
}
.feedBox .post-categories li a {
	padding: .2rem 1rem;
	color: #fff;
	border-radius: 8px;
}
.feedBox .cat {
	background-color: #993333;
}
.feedBox .cat_event a {
	background-color: #9ba88d;
}
.feedBox .cat_notice a {
	background-color: #507ea4;
}
.feedBox .cat_ex a {
	background-color: #c89932;
}
.feedBox .cat_etc a {
	background-color: #b94047;
}
.feedBox .cat_etc2 a {
	background-color: #b94047;
}
.feedBox .cat_stone a {
	background-color: #e17b34;
}
.feedBox .cat_voice a {
	background-color: #a00523;
}
.feedBox_ttl {
	font-size: 150%;
	margin: 1rem 0;
}

/* お墓に関するQ&A */

#QandA dl {
	border: 1px solid #ccc;
}
#QandA dt {
	font-weight: bold;
	color: #111;
	background: #f4f4f4;
	/* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
}
#QandA dd:before {
	content: "A.";
	font-weight: bold;
	color: #bf0000;
	margin-right: 8px;
	margin-left: -21px;
}

/* サイトマップ */

.ddsg-wrapper {
	margin-bottom: 2rem;
}
.ddsg-wrapper ul {
	margin-left: 2rem;
}
.ddsg-wrapper ul:after {
	content: "";
	display: table;
	clear: both;
}
.ddsg-wrapper li {
	border-top: 1px dotted #ccc;
}
.ddsg-wrapper li:before {
	content: "\025b6";
	padding-right: .5rem;
	font-size: 10px;
	color: #ccc;
}

/* プライバシーポリシー */

#privacy ul {
	margin-left: 1rem;
}
#privacy ul li {
	text-indent: -1.5em;
	margin: 0 0 1em 1.5em;
}

/* サイドバー　ウィジェット
*****************************************************/

#sidebar {
	padding-top: 2rem;
}
#sidebar h2 a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 115%;
	padding: .5rem;
	background-color: #993333;
	border: 1px solid #B63F65;
}
#sidebar h2 a:hover {
	background-color: #B63F65;
}
.side_news {
	font-size: 115%;
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
}
.side_eyeCatch img {
	float: left;
	margin-right: 1rem;
	max-width: 120px;
	width: auto;
	max-height: 120px;
	height: auto;
}
.side_news h3 a:hover {
	border-bottom: 1px solid #ccc;
}
.sbBnr li {
	margin-bottom: 1rem;
}
section.widget ul ul {
	border: 0;
	margin: 0;
	padding: 0 0 0 10px;
}
p.banner {
	padding-bottom: 15px;
}
p.banner img {
	max-width: 233px;
	height: auto;
}
p.banner img:hover {
	cursor: pointer;
	opacity: .8;
}
section.widget h3 {
	clear: both;
	margin: 0;
	padding: 7px 10px 7px 10px;
	font-size: 110%;
	border: 1px solid #eeeeee;
	border-bottom: 0;
	color: #000;
	background: #fff url(images/headingBg.png) repeat-x 0 100%;
}
section.widget li a {
	display: block;
	padding: 7px 0 7px 12px;
	background: url(images/arrow.gif) no-repeat 0 12px;
	border-bottom: 1px dashed #dcdcdc;
}
section.widget li:last-child a {
	border: 0;
}
#searchform input[type="text"] {
	line-height: 1.7;
	height: 24px;
	width: 90px;
	vertical-align: bottom;
}

/* フッター
*****************************************************/

#footer {
	position: relative;
	color: #000;
	background-color: #fff;
}
.footNav {
	position: absolute;
	top: -1.5rem;
	right: 0;
	font-size: 80%;
}
.footNav li {
	display: inline-block;
	margin-right: .5rem;
}
.footNav li a:before {
	content: "\025b6";
	font-size: 10px;
	margin-right: .5rem;
	color: #993333;
}
.foot_logo {
	width: 200px;
}
#footer li a {
	text-decoration: none;
	color: #000;
}
#footer li a:hover {
	color: #333;
}
.foot_area1 {
	width: 440px;
	margin: 2rem auto;
}
.foot_area1 p {
	display: inline-block;
	vertical-align: middle;
}
.fbIcon {
	float: left;
	margin: 0 1rem;
}
#footer dl {
	font-size: 86%;
	width: 100%;
}
#footer dt {
	float: left;
	width: 160px;
}
#footer dd li {
	display: inline-block;
	padding: 0 1rem 0 0;
	margin: 0;
}
#copyright {
	clear: both;
	padding: 1.5rem 0;
	text-align: center;
	font-size: 86%;
	border-top: 1px solid #ccc;
}

/* ページャー */

.pagenav {
	margin: 2rem 0;
}
.pagenav:after {
	content: "";
	display: block;
	clear: both;
}
.pagenav .next, .pagenav .prev {
	padding: 4px 8px;
	background-color: #edede3;
	border: solid 1px #ddd;
	border-radius: 4px;
}
.pagenav .next {
	float: right;
}
.pager {
	margin-bottom: 20px;
	text-align: center
}
a.page-numbers, .pager .current {
	background-color: #edede3;
	border: solid 1px #ddd;
	border-radius: 5px;
	padding: 5px 8px;
	margin: 0 2px;
}
.pager .current {
	background-color: #000000;
	border: solid 1px #000000;
	color: #ffffff;
}
.pager a:hover {
	color: #ffffff;
	border: solid 1px #000000;
	background-color: #000000;
}

/* 960px以上
------------------------------------------------------------*/

@media print, screen and (min-width: 960px) {
	#wrapper {
		width: 1000px;
		padding: 0 20px;
		background-color: #fff;
	}
	.hd_inner {
		position: relative;
		height: 160px;
	}
	#topContent {
		float: left;
		width: 630px;
	}
	#topSidebar {
		float: right;
		width: 300px;
	}
	#topSidebar img {
		width: 100%;
	}
	nav#mainNav {
		position: absolute;
		bottom: 0;
		left: 1rem;
		z-index: 200;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	}
	nav#mainNav ul li {
		position: relative;
		display: inline-block;
		margin-right: .5rem;
	}
	nav#mainNav ul li a {
		text-align: center;
		color: #000;
		font-size: 110%;
	}
	nav#mainNav ul li a:before {
		content: "";
		display: inline-block;
		background: url(images/circle_point.svg) no-repeat;
		width: 1em;
		height: 20px;
		margin-right: .2rem;
		vertical-align: middle;
	}
	nav#mainNav ul li a:hover {
		color: #B63F65;
		position: relative;
	}
	nav#mainNav ul ul {
		border-top: 0;
	}
	nav#mainNav ul li ul {
		display: none;
	}
	nav#mainNav ul li:hover ul {
		display: block;
		position: absolute;
		top: 24px;
		left: -1px;
		z-index: 500;
		background-color: #eee;
	}
	nav#mainNav ul li li {
		margin: 0;
		float: none;
		width: 200px;
		padding: 0;
		background-color: #eee;
		border: none;
		border-bottom: 1px dotted #000;
	}
	nav#mainNav ul li li:last-child {
		border: 0;
	}
	nav#mainNav ul li li a {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 100%;
		color: #000;
		font-weight: bold;
		text-align: left;
	}
	nav#mainNav ul li li a:before {
		content: "";
		display: inline-block;
		background-image: none;
	}
	nav#mainNav ul li li a:hover:before {
		content: "";
	}
	nav#mainNav ul li li.current-menu-item a {
		color: #000;
	}
	nav#mainNav ul li li.current-menu-item a:after {
		border-bottom: none;
	}
	nav#mainNav ul li li a:hover {
		color: #fff;
		background-color: #B54066;
	}
	.nav-unshown {
		display: none;
	}
}

/* 959px以下
------------------------------------------------------------*/

@media only screen and (max-width: 959px) {
	#wrapper {
		width: 100%;
	}
	.inner {
		width: 96%;
		margin: 0 auto;
	}
	#header {
		overflow: hidden;
		margin-top: 48px;
		height: auto;
		width: 100%;
		background-color: #fff;
	}
	.hd_inner {
		margin: 0;
	}
	#header h1 {
		width: 100%;
		padding: 0 .5rem;
	}
	#topSidebar {
		display: none;
	}
	nav#mainNav {
		position: fixed;
		left: 0;
		top: 0;
		clear: both;
		width: 100%;
		margin: 0 auto;
		color: #fff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #872728;
		background-color: #9A3334;
		z-index: 9999;
	}
	.nav-unshown {
		display: none;
	}
	#nav-open {
		display: inline-block;
		width: 100%;
		height: 48px;
		vertical-align: middle;
		cursor: pointer;
		background-color: #9A3334;
	}
	#nav-open:before {
		content: "メニュー";
		display: inline-block;
		position: absolute;
		right: 56px;
		top: 12px;
		font-size: 93%;
		font-weight: bold;
		color: #fff;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
		margin-top: 12px;
		position: absolute;
		right: 8px;
		height: 3px;
		/*線の太さ*/
		width: 25px;
		/*長さ*/
		border-radius: 3px;
		background: #fff;
		display: block;
		content: '';
		cursor: pointer;
	}
	#nav-open span:before {
		bottom: -8px;
		margin-right: -8px;
	}
	#nav-open span:after {
		bottom: -16px;
		margin-right: -8px;
	}
	#nav-close {
		display: none;
		/*はじめは隠しておく*/
		content: "";
		position: fixed;
		z-index: 99;
		top: 0;
		/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		transition: .3s ease-in-out;
	}
	#nav-close:after {
		content: "×";
		display: fixed;
		position: absolute;
		right: 1px;
		top: 1px;
		text-align: center;
		font-size: 48px;
		background-color: #D7BB8B;
		height: 48px;
		line-height: 48px;
		width: 48px;
		opacity: 1;
		z-index: 9999;
		cursor: pointer;
	}
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		/*最前面に*/
		width: 90%;
		/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 330px;
		/*最大幅（調整してください）*/
		height: 100%;
		background: #9A3334;
		/*背景色*/
		transition: .3s ease-in-out;
		/*滑らかに表示*/
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
		/*左に隠しておく*/
		-ms-overflow-style: none;
	}
	#nav-content::-webkit-scrollbar {
		display: none;
	}
	#nav-input:checked~#nav-close {
		display: block;
		/*カバーを表示*/
	}
	#nav-input:checked~#nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
	}
	nav#mainNav ul {
		margin: 0;
		padding: 0;
	}
	nav#mainNav ul li {
		float: none;
		clear: both;
		width: 100%;
		height: auto;
		line-height: 1.2;
	}
	nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
		display: block;
		padding: 12px 1rem;
		text-align: left;
		color: #fff;
		border-bottom: 1px solid #872728;
		background: #9A3334;
	}
	nav#mainNav ul li li a:before {
		content: "―";
		color: #fff;
		font-size: 6px;
		margin-right: .5rem;
	}
	nav#mainNav ul li:last-child a {
		border: 0;
		border-radius: 0 0 6px 6px;
	}
	nav#mainNav ul li li:last-child a {
		border: 0;
		border-radius: 0;
	}
	nav#mainNav ul li li:last-child a {
		border-bottom: 1px solid #872728;
	}
	nav#mainNav ul li a span {
		display: none;
	}
	nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active {
		color: #fff;
		background: #9A3334;
	}
	nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item li a:hover {
		color: #000;
		background-color: #EBDDC5;
	}
	.sub-menu {
		text-indent: 1em;
	}
	nav#mainNav ul li.current-menu-item li a {
		color: #fff;
	}
	nav#mainNav ul li li {
		float: left;
		border: 0;
	}
	img.aligncenter_max {
		width: 100%;
	}
	.bosekiImg, .bosekiInfo {
		float: none;
		width: 100%;
	}
	.subPhoto {
		margin: 0 auto;
		text-align: center;
	}
	#nav-drawer {
		position: relative;
	}
	#yuiseries .rowBox dl {
		flex: 1 1 48%;
		margin: 0 auto;
	}
	#okimono .rowBox dl {
		max-width: 33%;
	}
	#construct .rowBox li {
		flex: 1 1 30%;
	}
}

/* 幅751px以上
------------------------------------------------------------*/

@media only screen and (min-width: 751px) {
	.introBox {
		flex-flow: row nowrap;
	}
	.newline br {
		display: none;
	}
	.linkBtn br {
		display: none;
	}
}

/* 幅750px以下
------------------------------------------------------------*/

@media only screen and (max-width: 750px) {
	.hd_contact {
		float: none;
		text-align: center;
		margin: 0 auto .5rem;
		padding: 0;
	}
	#header {
		text-align: center;
	}
	#header h2.hd_logo {
		float: none;
		margin: 0;
		padding: 0;
	}
	#header h2.hd_logo img {
		max-width: 90%;
	}
	#content {
		clear: both;
		width: 95%;
		float: none;
		margin: 0 auto;
		padding: 10px 0;
	}
	section.widget_search {
		text-align: center;
	}
	.introBox {
		flex-flow: row wrap;
	}
	.introBox dl {
		flex: 0 0 96%;
	}
	#footer li {
		margin-bottom: 10px;
	}
	.goContact ul {
		width: 80%;
	}
}

/* 幅644px以下
------------------------------------------------------------*/

@media only screen and (max-width: 644px) {
	.infoTtl {
		display: block;
		margin: .5rem;
		padding-left: 1em;
	}
	.fs18 {
		font-size: 100%;
	}
	.fs26 {
		font-size: 115%;
	}
	.fs42 {
		font-size: 150%;
	}
	#bosekiContent .fs56 {
		font-size: 400%;
	}
	.toppageTtl {
		font-size: 115%;
	}
	img.aligncenter {
		max-width: 80%;
	}
	img.alignright, img.alignleft {
		display: block;
		margin: 5px auto;
	}
	.alignright, .alignleft {
		float: none;
		max-width: 100%;
	}
	#tyoukaiseki {
		text-align: center;
	}
	.top_menuImg {
		width: 184px;
	}
	.topBnr img {
		max-width: 80%;
	}
	.top_menuText {
		height: 32px;
	}
	.top_menu li {
		width: 50%;
	}
	.construct_ttl {
		font-weight: nomal;
		font-size: 80%;
	}
	.goTel {
		font-size: 186%;
	}
	.foot_area1 {
		width: 100%;
	}
	.foot_area1 img {
		width: auto;
		height: 40px;
	}
	.eyeCatch img {
		display: block;
		float: none;
		margin: 0 auto;
	}
}

/* 幅450px以下
------------------------------------------------------------*/

@media only screen and (max-width: 450px) {
	h1 {
		text-align: left;
		margin: 0 2em;
	}
	.priceList2 {
		font-size: 80%;
	}
	.construct_ttl {
		font-weight: nomal;
		font-size: 72%;
	}
	.constructFlow li a {
		display: block;
		width: 80px;
		height: 80px;
	}
	#yuiseries .rowBox dl {
		flex: 1 1 100%;
		margin: 0 auto;
	}
}

/* 結ページ　topページ
*****************************************************/

.yui-main{
max-width:1050px;
margin:auto;
margin-top: 60px
}

.yui-tp-tit{
font-size: 36px;
letter-spacing: 0.3rem;
padding: 1vw 2vw 3vw;
margin: 0.5rem 0;
font-weight: bold;
color: #000;
text-align:center;
}

.yui-top-txt{
max-width:750px;
line-height:160%;
text-align:left;
font-size: 22px;
margin:auto;
margin-bottom:90px;
}

.imbox-yui{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
	margin-bottom:90px;
}
.imbox-yui dl{
	flex:0 0 268px;
	position:relative;
	margin-bottom:40px;
}
.imbox-yui dt{
	text-align:center;
}
.imbox-yui dt img{
	width:268px;
}

.imbox-yui dd.name{
	text-align:center;
	font-size:15px;
	color:#696969;
}

.yui-tp-ta{
text-align:center;
}

.yui-tp-ta table{
width:50%;
margin:auto;
margin-bottom:40px
}

.yui-tp-ta th{
width:20%;
text-align:center;
font-size:17px;
}

@media only screen and (max-width:959px) {
.yui-tp-tit{
font-size: 30px;
}
}

@media only screen and (max-width:750px) {
.yui-main{
margin-top: 50px
}
.yui-tp-tit{
font-size: 25px;
padding: 0.5vw 3vw 3vw 3vw;
text-align:left;
}

.yui-top-txt{
text-align:left;
padding: 3vw 3vw 3vw;
margin-bottom:50px;
font-size:18px;
}
.imbox-yui dl{
	flex:0 0 180px;
	margin-bottom:35px;
}
.imbox-yui dt img{
	width:180px;
}
.yui-tp-ta table{
width:90%;
}
}

@media print, screen and (max-width: 400px) {
.imbox-yui dl{
	flex:0 0 150px;
}
.imbox-yui dt img{
	width:150px;
}
}

/* 結ページ
------------------------------------------------------------*/

.yui-header{
height: 0px!important;
border-bottom: none!important;
}

.body-yui{
font-family: 'Noto Serif JP', sans-serif;
background-color: #fff;
}


.hd-yui_inner{
max-width:1050px!important;
}

.post-yui{
max-width:1050px!important;
margin: auto;
padding-bottom:90px;
}

.yui-para-w{
max-width: 1050px!important;
margin: auto;
padding:100px 0px 0px 0px;
}

.yu-topt{
padding:0px;
}

.post-yui-under{
max-width:1050px!important;
margin: auto;
}

.yui-logo{
padding: 0px 0px 15px;
}

.yui-logo img{
width:220px;
margin-top:-2px
}

.yui-linup-title{
font-size: 20px;
letter-spacing: 0.15em;
font-weight:bold;
margin-bottom:40px
}

.yui-linup-title span{
font-size: 17px;
padding:0px 0px 0px 15px;
font-weight:normal;
}

.linup-tp-txt{
  position: relative;
line-height: 120%;
  display:block;
 font-size: 22px;
padding-left:85px;
padding-bottom:12px;
margin-bottom:45px;
border-bottom: solid 2px #4c4c4c;
}

.linup-tp-txt:before {
  position: absolute;
	bottom:12px;
	left: 0px;
	content: "";
	display: inline-block;
	width: 57px;
	height: 57px;
	background: url(images/yui-h-d.png) no-repeat;
	background-size: 57px;
}

@media print, screen and (max-width: 1000px) {
.linup-tp-txt:before {
	bottom:13px;
}
}

@media print, screen and (max-width: 565px) {
.linup-tp-txt{
padding-left:75px;
font-size:18px
}
}

@media print, screen and (max-width: 445px) {
.linup-tp-txt:before {
	bottom:12px;
}
}

.imbox-yui-linup{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
}
.imbox-yui-linup dl{
	flex:0 0 340px;
	position:relative;
	margin-bottom:40px;
}
.imbox-yui-linup dt img{
width:340px;
border: solid 1px #808080;
}

.imbox-yui-linup dt img{
	transition:0.4s;
}
.imbox-yui-linup dt img:hover{
	opacity:0.6;
}

.imbox-yui-linup dd.name{
	font-size:17px;
	color:#333333;
	padding-left:5px;
	letter-spacing:0.1em;
}

.imbox-yui-linup dd.text{
	font-size:13px;
	color:#333333;
	padding-left:5px;
}

@media print, screen and (max-width: 1050px){
.hd-yui_inner{
padding:0px 15px!important;
}

.post-yui{
padding:0px 15px 0px 15px!important;
}
.yui-para-w{
padding:100px 15px 0px 15px!important;
}
.yu-topt{
padding:0px 15px 0px 15px!important;	
}
}

@media print, screen and (min-width: 960px) {
.hd-yui_inner{
height:0px;
}
.yui-linup-header{
height:120px!important;
margin-top:30px;
border-bottom: none!important;
}
}

@media print, screen and (max-width: 959px) {
.yui-linup-header{
padding-top:35px;
padding-bottom:50px;
border-bottom: none!important;
}

.yui-header {
 height: auto!important;
 margin-top: 0px!important;
}
.imbox-yui-linup dl{
	flex:0 0 230px;
	margin-bottom:30px;
}
.imbox-yui-linup dt img{
width:230px;
}
	}

@media print, screen and (max-width: 750px) {
.yui-logo img{
width:280px;
}

.imbox-yui-linup dl{
	flex:0 0 100%;
	margin-bottom:30px;
}
.imbox-yui-linup dt img{
width:100%;
}
.imbox-yui-linup dd.name{
	font-size:19px;
}

.imbox-yui-linup dd.text{
	font-size:15px;
}
.yui-para-w{
padding: 60px 15px 0px 15px!important;
}
.yu-topt{
padding:0px 15px 0px 15px!important;	
}
}


/* 結ページサイズ
*****************************************************/

@media print, screen and (min-width: 960px) {
	#wrapper-yui {
		background-color: #fff;
	}
}

@media only screen and (max-width: 959px) {
	#wrapper-yui {
		width: 100%;
	}
}


/* 結ページフッター
*****************************************************/

.yo-yui-inner{
max-width:780px;	
}

.con-yui {
margin: 2rem auto;
}

#footer-yui {
clear: both;
}

#footer-yui {
position: relative;
color: #000;
background-size:cover;
}

.foot_logo-yui {
width: 253px;
margin-right:75px
}
.foot_de{
width: 304px;
float: left;
margin: 0 1rem;
}

#footer-yui li a {
	text-decoration: none;
	color: #000;
}
#footer-yui li a:hover {
	color: #333;
}
.foot_area1-yui {
	 max-width: 670px;
	margin:auto;
	padding-top:50px;
	padding-bottom:40px;
}

.foot_area1-yui p {
	display: inline-block;
	vertical-align: middle;
}

#footer-yui dl {
	font-size: 86%;
	width: 100%;
	
}
#footer-yui dt {
	float: left;
	width: 160px;
}
#footer-yui dd li {
	display: inline-block;
	padding: 0 0.5rem 0 0;
	margin-bottom:5px;
}
#copyright-yui {
	max-width:1050px;
	margin:auto;
	clear: both;
	padding: 1rem 0;
	text-align: center;
	font-size: 86%;
	border-top: 1px solid #000;
}
#top-foot  {
	max-width:1050px;
	margin:auto;
	clear: both;
	padding: 1rem 0;
	text-align: center;
	font-size: 86%;
}

@media only screen and (max-width: 959px) {
	.yo-yui-inner{
padding:0 20px;	
}
.foot_area1-yui {
	 max-width: 304px;
	 margin:auto;
	 padding-top:50px;
	 padding-bottom:40px;
	 text-align:center;
}

.foot_area1-yui p {
	display:block;
	vertical-align: middle;
}
.foot_logo-yui {
width: 253px;
margin-right:0px;
margin-bottom:15px
}
.foot_de{
width: 100%;
float: none;
margin:0;
}
}

/* 結ページナビ
*****************************************************/

@media print, screen and (min-width: 960px) {
	nav#mainNav-yui {
		z-index: 200;
		padding-top:22px
	}
	nav#mainNav-yui ul li {	
	display: block;
    float: left;
	padding:0px 15px;
	}
	nav#mainNav-yui ul {
	width:310px;
	margin:0 0 0 auto;
	}
	nav#mainNav-yui ul li a {
	text-align: center;
	color: #333333;
	font-size: 14px;
	letter-spacing: 0.12em;
}
	nav#mainNav-yui ul li a:hover {
color: #ccc;
	}
	nav#mainNav-yui ul ul {
		border-top: 0;
	}
	nav#mainNav-yui ul li ul {
		display: none;
	}
	nav#mainNav-yui ul li:hover ul {
		display: block;
		position: absolute;
		top: 24px;
		left: -1px;
		z-index: 500;
		background-color: #eee;
	}
	nav#mainNav-yui ul li li {
		margin: 0;
		float: none;
		width: 200px;
		padding: 0;
		background-color: #eee;
		border: none;
		border-bottom: 1px dotted #000;
	}
	nav#mainNav-yui ul li li:last-child {
		border: 0;
	}
	nav#mainNav-yui ul li li a {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 100%;
		color: #000;
		font-weight: bold;
		text-align: left;
	}
	nav#mainNav-yui ul li li a:before {
		content: "";
		display: inline-block;
		background-image: none;
	}
	nav#mainNav-yui ul li li a:hover:before {
		content: "";
	}
	nav#mainNav-yui ul li li.current-menu-item a {
		color: #000;
	}
	nav#mainNav-yui ul li li.current-menu-item a:after {
		border-bottom: none;
	}
	nav#mainNav-yui ul li li a:hover {
		color: #fff;
		background-color: #B54066;
	}
}

@media only screen and (max-width: 959px) {
	nav#mainNav-yui {
		position: fixed;
		left: 0;
		top: 0;
		clear: both;
		width: 100%;
		margin: 0 auto;
		color: #fff;
		border-top: 1px solid #ccc;
		background-color: #9A3334;
		z-index: 9999;
	}
	nav#mainNav-yui ul {
		margin: 0;
		padding: 0;
	}
	nav#mainNav-yui ul li {
		float: none;
		clear: both;
		width: 100%;
		height: auto;
		line-height: 1.2;
	}
	nav#mainNav-yui ul li a, nav#mainNav-yui ul li.current-menu-item li a {
		display: block;
		padding: 12px 1rem;
		text-align: left;
		color: #fff;
		border-bottom: 1px solid #5a5a5a;
		background: #242424;
	}
	nav#mainNav-yui ul li li a:before {
		content: "―";
		color: #fff;
		font-size: 6px;
		margin-right: .5rem;
	}
	nav#mainNav-yui ul li:last-child a {
		border: 0;
		border-radius: 0 0 6px 6px;
	}
	nav#mainNav-yui ul li li:last-child a {
		border: 0;
		border-radius: 0;
	}
	nav#mainNav-yui ul li li:last-child a {
		border-bottom: 1px solid #5b4848;
	}
	nav#mainNav-yui ul li a span {
		display: none;
	}
	nav#mainNav-yui ul li.current-menu-item a, nav#mainNav-yui ul li a:hover, nav#mainNav-yui ul li.current-menu-item a, nav#mainNav-yui ul li a:active, nav#mainNav-yui ul li li.current-menu-item a, nav#mainNav-yui ul li.current-menu-item li a:hover, nav#mainNav-yui ul li.current-menu-item li a:active {
		color: #fff;
		background: #ccc;
	}
	nav#mainNav-yui ul li a:hover, nav#mainNav-yui ul li.current-menu-item li a:hover {
		color: #000;
		background-color: #ccc;
	}

	nav#mainNav-yui ul li.current-menu-item li a {
		color: #fff;
	}
	nav#mainNav-yui ul li li {
		float: left;
		border: 0;
	}
.yui-me-c{
background: -moz-linear-gradient(top, #242424, #5a5a5a)!important;
background: -webkit-linear-gradient(top, #242424, #5a5a5a)!important;
background: linear-gradient(to bottom, #242424, #5a5a5a)!important;
background-color:#5a5a5a!important;	
}
.yui-nav-con{
background: -moz-linear-gradient(top, #242424, #5a5a5a)!important;
background: -webkit-linear-gradient(top, #242424, #5a5a5a)!important;
background: linear-gradient(to bottom, #242424, #5a5a5a)!important;
}
}

/* 結ページ　スライダ―カスタマイズ
*****************************************************/
.yui-top-srlogo {
  z-index:999;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)!important;
  margin:0;
  padding:5%;
  background-color: rgba(0, 0, 0, );
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;  
   }

   .yui-srunder-logo {
z-index:999;
position: absolute;
text-align:right;
right:25px;
top:80px;
  }

 .yui-srunder-logo img{
zoom: 0.5;
}

.ante-im img{
zoom: 0.7;	
}

.ante-img9{
max-width:960px;
}

.ante-testim img{
zoom: 0.5;	
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
  animation: zoomUp 10s linear 0s normal both;
}

.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
  animation: zoomUp 10s linear 0s normal both;
}

.swiper-slide img {
width: 100%;
display: block;
}

.samu-sr{
max-width:900px;
margin:auto;
margin-bottom:100px;
}

.ante-im6 img{
width: 700px;
object-fit: cover;
margin:auto;
outline: solid 1px #fff;
outline-offset: -1px;
}

.samu-bo{
margin-bottom:50px;
}

.slider-thumbnail2 .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 4);
margin-top:10px;
}

.slider-thumbnail2 .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.slider-thumbnail3 .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 4);
margin-top:10px;
}

.slider-thumbnail3 .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.slider-thumbnail4 .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 4);
margin-top:10px;
}

.slider-thumbnail4 .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-carousel{
margin-top:30px;
margin-bottom:160px;
}

.swiper-carousel{
overflow-y: scroll;
  /*スクロールバー非表示（IE・Edge）*/
 -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
 scrollbar-width: none;
}

/*スクロールバー非表示（Chrome・Safari）*/
.swiper-carousel::-webkit-scrollbar{
  display:none;
}

.slider-bott{
margin-top:50px;
}

@media only screen and (max-width:959px) {
.yui-top-srlogo img{
  width:360px;
   }
 .ante-im img{
zoom:1.5;
}
.swiper-carousel{
margin-top:60px;
margin-bottom:100px;
}
}

@media only screen and (max-width:820px) {
.ante-im6 img{
width: 85%;
object-fit: cover;
margin:auto;
}
}

@media only screen and (max-width:750px) {
.yui-top-srlogo img{
  width:200px;
   }
 .yui-srunder-logo {
top:25px;
  }
 .yui-srunder-logo img{
zoom: 0.3;
}
.samu-sr{
margin-bottom:60px;
}
}

/* 各墓石ページ
*****************************************************/

.yui-title-unde {
	position: relative;
	clear: both;
	padding-left: 75px;
	padding-bottom:5px;
	font-size: 28px;
	font-weight: bold;
	color:#666666;
	border-bottom: solid 2px #4c4c4c;
	margin-bottom:40px;
}

.yui-title-unde span{
	font-size: 25px;
	padding-left:20px;
}

.yui-title-unde:before {
	position: absolute;
	bottom: 0px;
	left: 0px;
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(images/yui-h-logo.jpg) no-repeat;
	background-size: 50px;
}

.yui-bo-srframe{
margin-bottom:120px;
}

.yui-boseki-title{
font-size:35px;
font-weight:bold;
letter-spacing:0.08em;
border-bottom: solid 2px #4c4c4c;
color:#666666;
}

.yui-boseki-title span{
font-size:20px;
font-weight:bold;
letter-spacing:0.05em;
padding-left:30px;
}

.yui-boseki-txt{
font-size:17px;
margin-top:16px;
color:#000;
margin-bottom:130px;
margin-top:25px;
line-height:170%;
}

.fade-img-le{
text-align:center;
margin-bottom:70px;
}

.fade-img-le img{
max-width:1024px;
width:100%;
}

.boseki-ibox{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
	margin-bottom:50px;
}
.boseki-ibox dl{
	flex:0 0 250px;
	position:relative;
	margin-bottom:40px;
}
.boseki-ibox dt{
	text-align:center;
}
.boseki-ibox dt img{
width:100%	
}
.boseki-ibox dd.bo-name{
	text-align:center;
	font-size:14px;
	line-height:1.4;
	font-weight:bold;
	color:#4c4c4c;
}

.boseki-line{
border-bottom: solid 3px #4c4c4c;
margin: 80px 0px 100px 0px;
}

@media only screen and (max-width:1050px) {
.boseki-ibox dl{
flex:0 0 220px;
}
}

@media only screen and (max-width:959px) {
.yui-boseki-title{
line-height:100%;
}
.yui-boseki-title span{
padding-left:0px;
}
.boseki-ibox dl{
	flex:0 0 170px;
}
.boseki-ibox dd.bo-name{
font-size:14px;
}
.yui-title-unde {
	font-size: 23px;
}
.yui-title-unde span{
	font-size: 20px;
}
}

@media only screen and (max-width:750px) {
.yui-boseki-title{
font-size:30px;
line-height:100%;
}

.yui-boseki-title span{
font-size:18px;
padding-left:0px;
}

.yui-boseki-txt{
font-size:15px;
margin-bottom:90px;
}

.yui-bo-srframe{
margin-bottom:90px;
}

.boseki-ibox{
	margin-bottom:30px;
}
.boseki-line{
margin: 50px 0px 70px 0px;
}
.boseki-ibox dl{
flex:0 0 48%;
margin-bottom:16px;
	}
.yui-title-unde {
	padding-left: 65px;
	padding-bottom:0px;
	font-size: 19px;
line-height: 120%;
}
.yui-title-unde span{
	font-size: 14px;
	padding-left:9px;
}
.yui-title-unde:before {
	width: 48px;
	height: 48px;
	background-size: 48px;
}
.boseki-ibox dd.bo-name{
font-size:13px;
}
}

.yui-con-waku{
border: solid 1px #4c4c4c;
padding:15px 20px;
margin-bottom:45px;
line-height: 180%;
}

.yui-con-bottom{
margin-bottom:20px;	
}

.yui-con-bottom-laye{
margin-bottom:100px;	
}

/*各墓石ページパララックス*/

.para_wrap{
  margin:0 calc(50% - 50vw);
}
.para_scroll{
background-size:100% auto;
background-repeat:no-repeat;
height:768px;
}

.para_scroll-river{
background-size:100% auto;
background-repeat:no-repeat;
height:768px;
}

.river-bg01{
 background-image: url("images/river-bg_i001.jpg");
}

.river-bg02{
  background-image: url("images/river-bg_i002.jpg");	
}

.river-bg03{
  background-image: url("images/river-bg_i003.jpg");		
}

.shin-bg01{
 background-image: url("images/shin-bg_i001.jpg");
}

.shin-bg02{
  background-image: url("images/shin-bg_i002.jpg");	
}

.shin-bg03{
  background-image: url("images/shin-bg_i003.jpg");		
}

.antellijan-bg01{
 background-image: url("images/antellijan-bg_i001.jpg");
}

.antellijan-bg02{
  background-image: url("images/antellijan-bg_i002.jpg");	
}

.antellijan-bg03{
  background-image: url("images/antellijan-bg_i003.jpg");		
}

.antellijan_luxe-bg01{
 background-image: url("images/antellijan_luxe-bg_i001.jpg");
}

.antellijan_luxe-bg02{
  background-image: url("images/antellijan_luxe-bg_i002.jpg");	
}

.antellijan_luxe-bg03{
  background-image: url("images/antellijan_luxe-bg_i003.jpg");		
}

.grace-bg01{
 background-image: url("images/grace-bg_i001.jpg");
}

.grace-bg02{
  background-image: url("images/grace-bg_i002.jpg");	
}

.grace-bg03{
  background-image: url("images/grace-bg_i003.jpg");		
}

.fine-bg01{
 background-image: url("images/fine-bg_i001.jpg");
}

.fine-bg02{
  background-image: url("images/fine-bg_i002.jpg");	
}

.fine-bg03{
  background-image: url("images/fine-bg_i003.jpg");		
}

.euthia-bg01{
 background-image: url("images/euthia-bg_i001.jpg");
}

.euthia-bg02{
  background-image: url("images/euthia-bg_i002.jpg");	
}

.euthia-bg03{
  background-image: url("images/euthia-bg_i003.jpg");		
}

.niagara-bg01{
 background-image: url("images/niagara-bg_i001.jpg");
}

.niagara-bg02{
  background-image: url("images/niagara-bg_i002.jpg");	
}

.niagara-bg03{
  background-image: url("images/niagara-bg_i003.jpg");		
}

.moon-bg01{
 background-image: url("images/moon-bg_i001.jpg");
}

.moon-bg02{
  background-image: url("images/moon-bg_i002.jpg");	
}

.moon-bg03{
  background-image: url("images/moon-bg_i003.jpg");		
}

@media only screen and (max-width:1024px) {
.para_scroll{
background-size: auto 81vh;
height:640px;
  background-position:center;
}
.para_scroll-river{
background-size: auto 81vh;
height:640px;
background-position:center;
}
}

@media only screen and (max-width:750px) {
.para_scroll{
background-size: auto 110vh;
height:640px;
}
.para_scroll-river{
background-size: auto 110vh;
height:640px;
background-position: 35%;
}
}

/*結お問い合わせボタン*/
.co-btn{
margin-top:80px
}

.co-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 380px;
	height: 45px;
margin:auto;
	color: #4c4c4c;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	border: 1px solid #4c4c4c;
}

.co-btn a:hover {
	color: #f2f2f2;
}

.btn-yui a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 6px;
	height: 6px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #333;
}

.btn-yui a:hover {
	background-color: #4c4c4c;
}

.btn-yui a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.yui-bo-toi{
text-align:center;
width:100%;
height:100vh;
position: relative;
}

.yui-bo-toi img{
width: 462px;
}

.ytoi-img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);	
}

@media only screen and (max-width:750px) {
.yui-bo-toi{
height:90vh;
}
.yui-bo-toi img{
width: 250px;
}
.co-btn{
margin-top:40px
}
.co-btn a {
width: 200px;
height:32px;
font-size: 15px;
}
	}


/*PCの場合*/
.pcdisplay	{ display:inline!important; }
.mbdisplay	{ display:none!important; }
@media screen and (max-width: 959px) {
/*タブレット、スマホの場合*/
.pcdisplay	{ display:none!important; }
.mbdisplay { display:inline!important; }
}

/*PCの場合*/
.pcdisplay750	{ display:inline!important; }
.mbdisplay750	{ display:none!important; }
@media screen and (max-width: 750px) {
/*タブレット、スマホの場合*/
.pcdisplay750	{ display:none!important; }
.mbdisplay750 { display:inline!important; }
}



/* 新トップページナビ
*****************************************************/

@media print, screen and (min-width: 960px) {
nav#mainNav-newt{
		position: absolute;
		bottom: 18%;
		left: 35%;
		z-index: 200;
	border-left: 1px solid #000;
	height: 15px;
	line-height: 15px;
	}
	nav#mainNav-newt ul li {
		position: relative;
		display: inline-block;
		padding:0 20px;
		border-right: 1px solid #000;
		height: 15px;
	line-height: 15px;
	}
	nav#mainNav-newt ul li a {
		text-align: center;
		color: #000;
		font-size: 13px;
	}
	nav#mainNav-newt ul li a:hover {
		color: #ff4b00;
		position: relative;
	}
	nav#mainNav-newt ul ul {
		border-top: 0;
	}
	nav#mainNav-newt ul li ul {
		display: none;
	}
	nav#mainNav-newt ul li:hover ul {
		display: block;
		position: absolute;
		top: 18px;
		left: -1px;
		z-index: 500;
		background-color: #eee;
	}
	nav#mainNav-newt ul li li {
		margin: 0;
		float: none;
		width: 155px;
		padding: 0 0 0 5px;
		background-color: #eee;
		border: none;
		border-bottom: 1px dotted #000;
height: 30px;
		line-height: 30px;
	}
	nav#mainNav-newt ul li li:last-child {
		border: 0;
	}
	nav#mainNav-newt ul li li a {
		display: block;
		width: 100%;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: left;
	}
	nav#mainNav-newt ul li li a:before {
		content: "";
		display: inline-block;
		background-image: none;
	}
	nav#mainNav-newt ul li li a:hover:before {
		content: "";
	}
	nav#mainNav-newt ul li li.current-menu-item a {
		color: #000;
	}
	nav#mainNav-newt ul li li.current-menu-item a:after {
		border-bottom: none;
	}
	nav#mainNav-newt ul li li a:hover {
		color: #fff;
	}
	nav#mainNav-newt ul li li:hover {
		background-color: #ff4b00;
	}	
}

@media only screen and (max-width: 959px) {
	nav#mainNav-newt {
		position: fixed;
		left: 0;
		top: 0;
		clear: both;
		width: 100%;
		margin: 0 auto;
		color: #fff;
		border-top: 1px solid #ccc;
		background-color: #9A3334;
		z-index: 9999;
	}
	nav#mainNav-newt ul {
		margin: 0;
		padding: 0;
	}
	nav#mainNav-newt ul li {
		float: none;
		clear: both;
		width: 100%;
		height: auto;
		line-height: 1.2;
	}
	nav#mainNav-newt ul li a, nav#mainNav-newt ul li.current-menu-item li a {
		display: block;
		padding: 12px 1rem;
		text-align: left;
		color: #fff;
		border-bottom: 1px solid #5a5a5a;
		background: #242424;
	}
	nav#mainNav-newt ul li li a:before {
		content: "―";
		color: #fff;
		font-size: 6px;
		margin-right: .5rem;
	}
	nav#mainNav-newt ul li:last-child a {
		border: 0;
		border-radius: 0 0 6px 6px;
	}
	nav#mainNav-newt ul li li:last-child a {
		border: 0;
		border-radius: 0;
	}
	nav#mainNav-newt ul li li:last-child a {
		border-bottom: 1px solid #5b4848;
	}
	nav#mainNav-newt ul li a span {
		display: none;
	}
	nav#mainNav-newt ul li.current-menu-item a, nav#mainNav-newt ul li a:hover, nav#mainNav-newt ul li.current-menu-item a, nav#mainNav-newt ul li a:active, nav#mainNav-yui ul li li.current-menu-item a, nav#mainNav-newt ul li.current-menu-item li a:hover, nav#mainNav-newt ul li.current-menu-item li a:active {
		color: #fff;
		background: #ccc;
	}
	nav#mainNav-newt ul li a:hover, nav#mainNav-newt ul li.current-menu-item li a:hover {
		color: #000;
		background-color: #ccc;
	}

	nav#mainNav-newt ul li.current-menu-item li a {
		color: #fff;
	}
	nav#mainNav-newt ul li li {
		float: left;
		border: 0;
	}
.newt-me-c{
background: -moz-linear-gradient(top, #242424, #5a5a5a)!important;
background: -webkit-linear-gradient(top, #242424, #5a5a5a)!important;
background: linear-gradient(to bottom, #242424, #5a5a5a)!important;
background-color:#5a5a5a!important;	
}
.newt-nav-con{
background: -moz-linear-gradient(top, #242424, #5a5a5a)!important;
background: -webkit-linear-gradient(top, #242424, #5a5a5a)!important;
background: linear-gradient(to bottom, #242424, #5a5a5a)!important;
}
}

/*新トップページ*/
#new_header {
    width: 100%;
    height: 160px;
    background-color: #fff;
}

.newhd_in {
    max-width: 1200px;
    margin: 0 auto;
     padding: 15px 30px 0 30px;
}

.new-tp-sr{
margin-bottom: 80px;
}

.new-tp-sr .swiper-pagination{
    bottom: -30px!important;
}

.new-o-bg{
position: relative;
background-image: url(images/newtop/new-topbg.jpg);
background-repeat: no-repeat;
background-size: auto 80vh;
background-position: center;
padding: 120px 0px 140px 0px;
background-color:#f5f5fa;
}

.new-o-bg-waku{
max-width:1200px;
margin:auto;
padding: 0px 30px;
}

.new-o-txt{
color:#ff4b00;
font-size:32px;
text-align:center;
margin-bottom:80px;
font-weight:bold;
text-shadow    : 
       2px  2px 5px #fff,
      -2px  2px  5px #fff,
       2px -2px  5px #fff,
      -2px -2px  5px #fff,
       2px  0px  5px #fff,
       0px  2px  5px #fff,
      -2px  0px  5px #fff,
       0px -2px  5px #fff;   
}

.new-o-bg-waku p{
color:#ff4b00;
font-size:22px;
text-shadow    : 
       2px  2px 8px #fff,
      -2px  2px 8px #fff,
       2px -2px 8px #fff,
      -2px -2px 8px #fff,
       2px  0px 8px #fff,
       0px  2px 8px #fff,
      -2px  0px 8px #fff,
       0px -2px 8px #fff;   
}

.new-eig-bg{
background-color:#f5f5fa;
padding: 60px 0px 80px 0px;
}

.new-eig-bg-waku{
max-width:1200px;
margin:auto;
padding: 0px 30px;
text-align: center;
}

.new-eig-bg-waku p{
font-size:22px;
margin-bottom:30px;
text-align: left;
}

.new-eig_white{
background-color:#fff;
max-width:370px;
height:195px;
padding:30px;
margin-right:11px;
display: inline-block;
vertical-align:top;
text-align: left;
}

.new-eig_white:last-child{
margin-right:0px;
}

.new-eig_white p{
 position: relative;
  background: #ff4b00;
padding-bottom:2px;
text-align:center;
color:#fff;
font-weight:bold;
font-size:24px;
margin-bottom:15px;
}

.new-eig_white p:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ff4b00 transparent transparent transparent;
  border-width: 15px 17px 0 17px;
}

.new-eig_white p img{
width:17px;
margin-right:5px;
}

.new-eig_white span{
font-size:15.5px;
}

.info-waku{
max-width:1200px;
margin:auto;
padding: 60px 30px 40px 30px;
text-align:center;
}

h2.new-tp-title{
font-size: 32px;
position: relative;
text-align: center;
font-weight:bold;
}

h2.new-tp-title:before {
  position: absolute;
  bottom: -12px;
  left: calc(50% - 19px);
  width: 35px;
  height: 5px;
  content: '';
  background: #ff4b00;
}

.new-tp-title_bo{
text-align: center;
margin-top:20px;
font-size: 20px;
}

.sekou-waku{
max-width:273px;
height:318px;
display: inline-block;
vertical-align: top;
margin-top: 34px;
margin-right:12px;
box-shadow: 2px 2px 7px #a9a9a9;
background:#fff;
}

.sekou-waku:last-child{
margin-right:0px;
}

.sekou-waku img{
 width: 273px;
 height: 182px;
 object-fit: cover;
}

.shin-news{
margin-top: 50px;
position: relative;	
}

.sekou-tim{
margin:2px 20px 10px 20px;
font-size:13px;
border-bottom: solid 1px #ff4b00;
text-align:right;
color:#828282;
}

.sekou-tit{
margin:10px 20px 15px 20px;
font-size:16px;
text-align:left;
line-height:120%;
height:40px;
}

.sekou-next{
display: block;
font-size:13px;
border: solid 1px #a00523;
width:110px;
height:25px;
margin:auto;
border-radius: 3px;
text-align:center;
line-height:23px;
color:#a00523;
}

.sekou-next:hover{
color:#ff4b00!important;
transition: 0.4s;
}

.sekou-next img{
width:16px;
height:auto;
vertical-align:middle;
margin-right:5px;
margin-bottom:2px;
}

.see-more{
display: block;
font-size:16px;
border: solid 1px #a00523;
width:144px;
height:54px;
margin:auto;
margin-bottom:80px;
border-radius: 3px;
text-align:center;
line-height:52px;
color:#a00523;
background:rgba(255,255,255,0.6)
}

.see-more a{
color:#a00523;	
}

.see-more a:hover{
color:#ff4b00!important;
transition: 0.4s;
}

.see-more img{
width:16px;
height:auto;
vertical-align:middle;
margin-right:5px;
margin-bottom:4px;
}

.designer-img{
max-width: 1140px;
margin:auto;
padding-bottom:80px;
}

.designer-img img{
width: 100%;
}

.touei-boseki-bg{
position: relative;
background-image: url(images/newtop/touei-boseki-bg.jpg);
background-repeat: no-repeat;
background-size: auto 80vh;
background-position: center;
padding: 60px 0px 80px 0px;
background-color:#fff5f0;
}

.touei-boseki-bg-waku{
max-width:1200px;
margin:auto;
padding: 0px 30px;
text-align:center;
}

.touei-boseki-g{
max-width:370px;
vertical-align:middle;
display:inline-block;
margin-top: 45px;
margin-right:11px;
background-color:#fff;
overflow: hidden;
border: solid 1px #007d32;
}

.touei-boseki-g:last-child{
margin-right:0px;
}

.touei-boseki-g img{
width:100%;
transition: 0.8s ease-in-out;
z-index: 1;
position: relative
}

.touei-boseki-g:hover img {
transform: scale(1.1);
opacity: 1;
}

.touei-boseki-g p{
background-color:#007d32;
font-weight:bold;
font-size:32px;
text-align:center;
color:#fff;
margin-top:-5px;
padding-bottom:25px;
z-index: 2;
position: relative
}

.touei-boseki-g p span{
font-size:16px;
font-weight:normal;
}

.service-bg{
background-color:#fff5f0;
padding: 60px 0px 80px 0px;
}

.service-bg-waku{
max-width:1210px;
margin:auto;
padding: 0px 30px;
}

.service-li-waku{
margin-top: 30px;
text-align:center
}

.service-li{
background-repeat: no-repeat;
background-size: contain;
display:inline-block;
width:32%;
height:111px;
vertical-align:top;
position: relative; 
text-align:left;
margin:7px 4px;
}

.se-001{
background-image: url(images/newtop/service-bg001.png);
}
.se-002{
background-image: url(images/newtop/service-bg002.png);
}
.se-003{
background-image: url(images/newtop/service-bg003.png);
}
.se-004{
background-image: url(images/newtop/service-bg004.png);
}
.se-005{
background-image: url(images/newtop/service-bg005.png);
}
.se-006{
background-image: url(images/newtop/service-bg006.png);
}
.se-007{
background-image: url(images/newtop/service-bg007.png);
}
.se-008{
background-image: url(images/newtop/service-bg008.png);
}

.se-001:hover{
background-image: url(images/newtop/service-bg001-g.png);
transition: 0.4s;
}
.se-002:hover{
background-image: url(images/newtop/service-bg002-g.png);
transition: 0.4s;
}
.se-003:hover{
background-image: url(images/newtop/service-bg003-g.png);
transition: 0.4s;
}
.se-004:hover{
background-image: url(images/newtop/service-bg004-g.png);
transition: 0.4s;
}
.se-005:hover{
background-image: url(images/newtop/service-bg005-g.png);
transition: 0.4s;
}
.se-006:hover{
background-image: url(images/newtop/service-bg006-g.png);
transition: 0.4s;
}
.se-007:hover{
background-image: url(images/newtop/service-bg007-g.png);
transition: 0.4s;
}
.se-008:hover{
background-image: url(images/newtop/service-bg008-g.png);
transition: 0.4s;
}

.service-li p{
text-align: left;
font-size:18px;
color:#ff4b00;
font-weight:bold;
position: absolute;
top: 46%; /*親のtopから50%*/
left: 12%; /*親のleftから50%*/
transform: translateY(-50%) translateX(-12%);
}

.service-li:hover p{
transition: 0.4s;
color:#007d32;
}

.point-bg{
position: relative;
background-image: url(images/newtop/point-bg.jpg);
background-repeat: no-repeat;
background-size: auto 90vh;
background-position: center;
padding: 60px 0px 80px 0px;
}

.point-bg-waku{
max-width:1210px;
margin:auto;
padding: 0px 30px;
 text-align:center;
}

.point-title_bo{
text-align: center;
font-size: 24px;
color:#fff;
}

h2.point-title{
position: relative;
display: inline-block;
  font-size: 32px;
  text-align:center;
padding:0px 50px 0px 50px;
font-weight:bold;
margin-bottom:50px;
color:#fff;
letter-spacing: 0.1em;
}

h2.point-title:before{
  content: '';
  position: absolute;
  top: 45%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-134deg);
  transform: rotate(-134deg);
}

h2.point-title:after{
  content: '';
  position: absolute;
  top: 45%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-46deg);
  transform: rotate(-46deg);
}

h2.point-title:before {
  left:0;
}
h2.point-title:after {
  right: 0;
}

h2.point-title span{
font-size: 40px;
color:#ff4b00;
}

h2.point-title p{
width: 35px;
border: solid 2px #ff4b00;
margin:auto;
margin-top:20px;
}

.three-point-w{
max-width:360px;
display:inline-block;
vertical-align:top;
margin-right:30px;
}

.three-point-w:last-child{
margin-right:0px;
}

.three-point-w img{
width:100%;
}

.three-point-w p{
font-size:24px;
color:#fff;
margin-top:20px;
line-height: 130%;
letter-spacing: 0.1em;
}

.cost-waku{
max-width:1200px;
margin:auto;
padding: 60px 30px 40px 30px;
}

.cost-waku ul{
margin-top:40px;
}

.cost-waku ul li{
line-height: 1.6em;
background: url(images/newtop/cost-check.png) left 0px top 37px no-repeat;
background-size: 24px auto;
font-size:21px;
font-weight:bold;
border-bottom:dotted 2px #ff4b00;
padding:30px 0px 30px 35px;
letter-spacing: 0.01em;
}

.cost-waku ul li:last-child{
border-bottom:none;
}

.cost-waku ul li span{
font-size:24px;
color:#ff4b00;
}

.voice-bg{
background-image: url(images/newtop/voice-bg-img.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 60px 0px 5px 0px;
}

.voice-bg-waku{
max-width:1210px;
margin:auto;
padding: 0px 30px 40px 30px;
text-align:center;
}

.cate-tp{
position: absolute;
top:5%;
right:7%;
font-size:16px;
padding:0 10px;
color: #fff;
background-color:#a00523;
margin:0;
}

.voice-tit{
margin: 5px 20px 10px 20px;
font-size: 15px;
border-bottom: solid 1px #ff4b00;
line-height: 120%;
padding-bottom: 8px;
text-align:left;
}

.voice-txt{
font-size: 16px;
margin: 0px 20px 10px 20px;
line-height: 130%;
text-align:left;
}

.voice-td{
position: absolute;
bottom:2%;
right:9%;
font-size: 13px;
margin-top:20px;
letter-spacing: -0.3em;
}

.voice-td:hover{
color:#ff4b00!important;
transition: 0.4s;
}

.footer-bg{
background-image: url(images/newtop/footer-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 20px 0px 100px 0px;	
}

.foot_nav-n {
font-size: 13px!important;
color: #fff;
max-width:1200px;
margin:auto;
text-align:right
}
.foot_nav-n li {
display: inline-block;
color: #fff;
padding:0 20px!important;
font-size: 13px;
}

.foot_nav-n li a{
color: #fff!important;
}

.foot_nav-n li a:hover{
color:#ff4b00!important;
transition: 0.4s;
}

.footer-bg-waku{
max-width:1200px;
margin:auto;
padding: 0px 30px 0px 30px;	
}

.footer-bg-waku p{
font-size: 24px;
color:#fff;
text-align:center;
padding-top:40px;
}

.footer-bg-waku ul{
max-width:545px;
margin:auto;
margin-top:10px
}

.footer-bg-waku ul li{
font-size: 48px;
color:#fff;
float:left;
padding-right:40px;
border-right: solid 1px #fff;
height:50px;
line-height: 48px;
font-weight:bold;
}

.footer-bg-waku ul li a{
color:#fff!important;
}

.footer-bg-waku ul li a:hover{
color:#ff4b00!important;
transition: 0.4s;
}

.footer-bg-waku ul li:last-child{
border-right: none;
padding-left:40px;
}

.footer-bg-waku ul li img{
zoom: 0.5;
margin-right:20px;
}

.footer-frame-f{
background-color:#fff;
max-width:1000px;
margin:auto;
padding:20px 20px 30px 20px;
text-align:center;
}

.footer-frame-f p{
color:#fff;
font-size: 20px;
background-color:#ff4b00;
padding-top:0px; 
line-height:30px;
width:180px;
margin:auto;
margin-bottom:10px;
}

.frame-f-two{
width:460px;
display:inline-block;
text-align:center;
margin-right:20px;
line-height:180%;
}

.frame-f-two:last-child{
margin-right:0px;
}

.frame-f-two p{
background-color:#fff;
font-size:16px;
width:100%;
color:#000;
line-height:150%;;
}

.frame-f-two a{
display: block;
font-size:16px;
border: solid 1px #000;
width:200px;
height:40px;
margin:auto;
margin-top:20px;
border-radius: 3px;
text-align:center;
line-height:36px;
color:#000;
background:#fff;
}

.frame-f-two a:hover{
color:#ff4b00!important;
transition: 0.4s;
}

.frame-f-two a img{
width:15px;
height:auto;
vertical-align:middle;
margin-right:5px;
margin-bottom:2.1px;
}

.fb-right {
max-width: 315px;
margin: auto;
padding: 40px 0px 0px 0px;
}

.fb-right .fs12 {
color:#fff;
font-size:16px;
}

.fb-right img{
width:51px;
}

@media print, screen and (min-width: 960px){
.newhd_in {
    position: relative;
    height: 160px;
}
}

@media print, screen and (max-width: 1200px){
#new_header h2.hd_logo img {
max-width: 75%;
margin-top: 30px;
}
#new_header .hd_contact {
width: 240px;
margin-top: 30px;
}
.new-o-txt{
font-size:27px;
}
.new-eig_white{
max-width:30%;
height: 230px;
padding:25px;
margin-right:31px;
}
.new-eig_white p{
font-size:18px;
padding:5px 0px 6px 0px;
}
.new-eig_white p img{
width:13px;
}
.sekou-waku{
max-width:23%;
width:100%;
height:330px;
}

.sekou-waku img{
 width: 100%;
 height: 160px;
}
.sekou-tit{
margin:10px 20px 45px 20px;
}

.sekou-next img{
width:16px;
height:auto;
vertical-align:middle;
margin-right:5px;
margin-bottom:2px;
}
.touei-boseki-g{
max-width:32%;
}
.touei-boseki-g p{
font-size:30px;
margin-top:-6px;
}
.touei-boseki-g p span{
font-size:14px;
}
.three-point-w{
max-width:31%;
margin-right:20px;
}
.three-point-w p{
font-size:16px;
}
.service-li p{
top: 43%;
}
}

@media only screen and (max-width: 959px){
.newhd_in {
    margin: 0;
}
#new_header {
    overflow: hidden;
    margin-top: 20px;
	  margin-bottom: 20px;
    height: auto;
    width: 100%;
    background-color: #fff;
}
.newhd_in {
    padding: 40px 30px 0 30px;
}
.new-o-txt{
font-size:32px;
}
.sekou-waku{
max-width:35%;
width:100%;
height:330px;
margin:30px 10px 0px 10px;
}

.sekou-waku:last-child{
margin-right:10px;
}
.shin-news{
margin-top: 50px;
}
.new-o-bg{
background-size: auto 90vh;
height:640px;
background-position:70%;
}
.touei-boseki-bg{
background-size: auto 90vh;
background-position: 70%;
background-color:#fff5f0;
}
.touei-boseki-g{
max-width:31%;
margin-right: 20px;
}
.touei-boseki-g p{
font-size:30px;
line-height: 50%
}
.touei-boseki-g p span{
font-size:15px;
text-align:left;
display: block;
padding:10px;
line-height: 130%
}
.frame-f-two{
margin-right:0px;
margin-bottom:15px;
margin-top:15px;
width: 80%;
}
.service-li{
width:48%;
}
.service-li p{
top: 46%; 
}
.se-001:hover{
transition: 0s;
}
.se-002:hover{
transition: 0s;
}
.se-003:hover{
transition: 0s;
}
.se-004:hover{
transition: 0s;
}
.se-005:hover{
transition: 0s;
}
.se-006:hover{
transition: 0s;
}
.se-007:hover{
transition: 0s;
}
.se-008:hover{
transition: 0s;
}
.service-li:hover p{
transition: 0s;
}
}

@media only screen and (max-width: 750px){
.new-tp-sr{
margin-bottom: 40px;
}
#new_header{
text-align:center;
}
#new_header h2.hd_logo {
float: none;
margin: 0;
padding: 0;
}
#new_header h2.hd_logo img {
max-width: 90%;
margin-bottom:15px
}
#new_header .hd_contact {
width: 300px;
margin-top: 10px;
}
.new-o-txt{
font-size:27px;
text-align:left;
margin-bottom:40px;
}
.new-o-bg{
background-size: auto 130vh;
background-position: 70%;
padding: 60px 0px 60px 0px;
}
.new-o-bg-waku p{
font-size:18px;
}
.new-eig_white{
max-width:100%;
width:100%;
height: auto;
padding:30px;
margin-right:0px;
margin-bottom:20px;
}
.new-eig_white p{
font-size:18px;
padding:5px 0px 6px 0px;
}
.new-eig-bg-waku p{
font-size:18px;
}
.new-eig_white p img{
width:13px;
}
.new-eig-bg{
padding: 60px 0px 60px 0px;
}
h2.new-tp-title{
font-size: 25px;
}
.new-tp-title_bo{
font-size: 16px;
}
.sekou-waku{
max-width:100%;
width:100%;
height:auto;
margin:30px 0px 0px 0px;
padding-bottom:25px;
}
.sekou-waku:last-child{
margin-right:0px;
}
.sekou-tit{
margin:10px 20px 20px 20px;
}
.sekou-waku img{
height: 200px;
object-fit: cover;
}
.sekou-next img{
width:16px;
height:auto;
vertical-align:middle;
margin-right:5px;
margin-bottom:px;
}
.shin-news{
margin-top: 40px;
}
.see-more{
margin-bottom:60px;
}
.designer-img{
padding-bottom:40px;
}
.touei-boseki-bg{
background-size: auto 150vh;
background-position: 80%;
padding: 60px 0px 60px 0px;
}	
.touei-boseki-g{
max-width:100%;
margin-right: 0px;
}
.touei-boseki-g p{
line-height: 40%;
padding-bottom:35px;
}
.touei-boseki-g p span{
font-size:14px;
text-align:center;
line-height: 160%
}
.service-bg{
padding: 60px 0px 60px 0px;
}
.point-bg{
background-size: auto 165vh;
background-position: 80%;
padding: 60px 0px 60px 0px;
}	
.three-point-w{
max-width:100%;
margin-right:0px;
}
.three-point-w p{
font-size:22px;
margin-bottom:35px;
}
h2.point-title{
   font-size: 21px;
}
h2.point-title span{
font-size: 33px;
}
.footer-bg-waku ul{
max-width:315px;
}
.frame-f-two{
width: 100%;
}
.footer-bg-waku p{
font-size: 22px;
}
.footer-bg-waku ul li{
font-size: 25px;
padding-right:15px;
height:45px;
line-height: 40px;
font-weight:bold;
}
.footer-bg-waku ul li:last-child{
padding-left:15px;
}
.footer-bg-waku ul li img{
zoom: 0.4;
margin-bottom:-11px
}
.frame-f-two p{
font-size:16px;
}
.foot_nav-n {
text-align:left;
}
.fb-right {
max-width: 290px;
padding: 20px 0px 0px 0px;
}
.fb-right .fs12 {
font-size:15px;
}
.service-li{
width:100%;
}
.service-li p{
top: 42%;
}
}

/* 新トップページ　スライダ―
*****************************************************/
.slidertop a:hover img{ 
opacity: 1;
}

.new-top-txt001{
z-index:999;
  position: absolute;
  top: 0%;
  right: 0%;
  margin:0;
  padding:5%;
font-size:2.3em;
font-family:'Noto Serif JP', sans-serif;
font-weight:normal;
color:#fff;
 text-shadow    : 
       2px  2px 10px #651727,
      -2px  2px 10px #651727,
       2px -2px 10px #651727,
      -2px -2px 10px #651727,
       2px  0px 10px #651727,
       0px  2px 10px #651727,
      -2px  0px 10px #651727,
       0px -2px 10px #651727;   
}

.new-top-txt001 span{
font-size:2.2em;
font-weight:normal;
font-weight:bold;
}

.new-top-txt002{
z-index:999;
  position: absolute;
  top: 45%;
  right: 0%;
  margin:0;
  padding:5%;
font-size:2.1em;
letter-spacing: 0.1em;
font-family:'Noto Serif JP', sans-serif;
font-weight:normal;
color:#fff;
 text-shadow    : 
       2px  2px 10px #651727,
      -2px  2px 10px #651727,
       2px -2px 10px #651727,
      -2px -2px 10px #651727,
       2px  0px 10px #651727,
       0px  2px 10px #651727,
      -2px  0px 10px #651727,
       0px -2px 10px #651727;   	
}

.new-top-txt003{
text-align:center;
z-index:999;
 position: absolute;
top:22%;
  left: 0;
  right: 0;
  margin: auto;
  padding:5%;
font-size:5.1em;
letter-spacing: 0.1em;
font-family:'Noto Serif JP', sans-serif;
font-weight:normal;
color:#fff;
 text-shadow    : 
       2px  2px 10px #651727,
      -2px  2px 10px #651727,
       2px -2px 10px #651727,
      -2px -2px 10px #651727,
       2px  0px 10px #651727,
       0px  2px 10px #651727,
      -2px  0px 10px #651727,
       0px -2px 10px #651727;   
line-height: 110%;
}

.new-top-txt003 span{
font-size:0.7em;
font-weight:normal;
}

.new-top-txt004{
text-align:center;
z-index:999;
 position: absolute;
top:-7%;
  left: 0;
  right: 0;
  margin: auto;
  padding:5%;
font-size:5em;
letter-spacing: 0.1em;
font-family:'Noto Serif JP', sans-serif;
font-weight:normal;
color:#fff;
 text-shadow    : 
       2px  2px 10px #651727,
      -2px  2px 10px #651727,
       2px -2px 10px #651727,
      -2px -2px 10px #651727,
       2px  0px 10px #651727,
       0px  2px 10px #651727,
      -2px  0px 10px #651727,
       0px -2px 10px #651727;   

}

.new-top-txt004 p{
font-size:0.7em;
font-weight:normal;
line-height: 130%;
margin-top:10px;
}

.new-top-txt004-red{
z-index:999;
position: absolute;
top:35%;
left: 0;
right: 0;
margin: auto;
border-radius: 5px;
width:450px;
padding: 5px 15px;
background: #881c12;
color: #FFF;
text-align: center;
font-family:'Noto Serif JP', sans-serif;
font-size:2em;
letter-spacing: 0.15em;
font-weight:bold;
}

.new-top-txt005{
width:50%;
z-index:999; position: absolute;
top:2%;
left: 52%;
right:0%;
margin: auto;
padding:5%;
font-family:'Noto Serif JP', sans-serif;
}

.new-top-txt005 img{
filter: drop-shadow(0px 0px 7px #a37bd4);
}

.new-top-txt005 p{
border-top: solid 2px #fff;
text-align:center;
padding:5%;
font-size:2.5em;
letter-spacing: 0.15em;
text-indent: 0.15em;
font-family:'Noto Serif JP', sans-serif;
color:#fff;
text-shadow:0px 0px 7px #a37bd4;
}

@media print, screen and (max-width: 1700px){
.new-top-txt004{
font-size:3.5em;
}
.new-top-txt004-red{
width:400px;
font-size:1.5em;
}
.new-top-txt005 p{
font-size:1.8em;
}
}

@media print, screen and (max-width: 1400px){
.new-top-txt003{
font-size:3.6em;
}
}

@media print, screen and (max-width: 1200px){
.new-top-txt001{
font-size:1.5em;
}
.new-top-txt002{
 top: 52%;
font-size:1.5em;
}
.new-top-txt004{
font-size:2.7em;
}
.new-top-txt004-red{
width:300px;
font-size:1.2em;
}
.new-top-txt005 p{
font-size:1.5em;
}
}


@media print, screen and (max-width: 959px){
.new-top-txt001{
font-size:1em;
}
.new-top-txt002{
font-size:1.3em;
}
.new-top-txt003{
font-size:2.7em;
top:25%;
}
.new-top-txt004{
top:-4%;
}
.new-top-txt004-red{
top:auto;
bottom:10px;
width:250px;
}
.new-top-txt005 p{
font-size:1.1em;
}
}

@media print, screen and (max-width: 750px){
.new-top-txt001{
 top: 20%;
font-size:0.6em;
}
.new-top-txt002{
font-size:0.7em;
}
.new-top-txt003{
font-size:1.3em;
}
.new-top-txt004{
font-size:1.3em;
}
.new-top-txt004-red{
top:auto;
bottom:3px;
width:130px;
font-size:0.6em;
}
.new-top-txt005 p{
font-size:0.5em;
}
.new-top-txt005 img{
margin-bottom:-10px;
}
}