@charset "UTF-8";

/* 共通設定 */
body {
	font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
	margin:0;
	color: #754c24;
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

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

.li_n {
	list-style:none;
	margin:0;
	padding:0;
	}

a {
	color: #754c24;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	}

a:hover {
	color: #ff7bac;
	}

.shadow {
	width:100%;
	position: relative;
	padding: 10px;
	background: white;
	border: 1px solid #e6e6e6;  
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.frame {
	border: 1px solid #c69c6d;  
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.frame_photo {
	border: 1px solid #e6e6e6; 
	}

.frame_menu {
	background-color:rgba(255,255,255,0.5);
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.corner {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

#head,
#contents,
#contents_top, 
#address {
	max-width:1920px;
	min-width:1200px;
	margin:0 auto;
	}
	
/* -----header----- */
.head_box {
	width:1000px;
	margin:0 auto;
	padding-top:5px;
	}

.head_logo:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
	}

.h1_title {
	font-size:14px;
	color:#999999;
	margin:0;
	}

.head_logo img {
	margin-left:25px;
	}

.head_tel {
	margin-right:10px;
	}

/* -----gnav----- */
.gnav {
	margin-top:5px;
	}
	
.gnav01 {
	width:110px;
	}

.gnav02 {
	width:215px;
	}

.gnav03 {
	width:130px;
	}

.gnav04 {
	width:150px;
	}

.gnav05 {
	width:165px;
	}

.gnav06 {
	width:230px;
	}

.gnav li {
	display:block;
	float:left;
	border-left:1px dotted #c7b299;
	border-right:1px dotted #c7b299;
	margin:0;
	padding:0;
	}

.gnav li a {
	display:block;
	color:#603813;
	text-align:center;
	text-decoration:none;
	padding:8px 0;
	}

.gnav li+ li{
	border-left:0;
	border-right:1px dotted #c7b299;
	}
	
.gnav li a:hover{
	color:#ff7bac;
	}
	
.gnav li:last-child a{
	border:none;
	}

/* -----contents----- */
#contents {
	padding-bottom:45px;
	background-image:url(img/bg_pink.jpg);
	}

.contents_box {
	width:1000px;
	margin:0 auto;
	}

.sub_menu {
	display:block;
	margin:0 auto;
	padding:20px 0;
	}
	
.sub_title {
	display:block;
	margin:0 auto;
	padding:20px 0;
	}

.center {
	text-align:center;
	padding-bottom:30px;
	}

/* -----footer----- */
#footer {
	max-width:1920px;
	min-width:1200px;
	margin:0 auto;
	padding-bottom:20px;
	border-top: 1px solid #e6e6e6;	
	background-image:url(img/bg_footer.jpg);
	}

.footer_inner,
.footer_menu {
	width:1000px;
	margin:0 auto;
	}

.footer_buttom {
	position:relative;
	top:-25px;
	left:475px;
	width:50px;
	}

.foot01 {
	width:235px;
	height:225px;
	background-color:#fff;
	}

.foot01 img {
	padding:10px;
	}
	
.foot02 {
	margin-left:30px;
	}
	
.foot02	p {
	font-size:12px;
	margin:5px 0;
	}

.foot03 {
	margin:10px 0 0 35px;
	}

.foot03 li {
	margin:12px 0;
	}
	
.foot03 li:before {
	content:url(img/foot_button.png);
	margin-right:10px;
	}
	
.foot04 {
	margin:25px 0 0 35px;
	}

/* -----address----- */
#address {
	background-color:#c69c6d;
	}

.address_inner {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	font-size:15px;
	color:#fff;
	text-align:center;
	}

/* index.html */
.top_hr {
	margin-top:0;
	height:15px;
	border:0;
	box-shadow:0 30px 30px -30px #ccc inset;
	-moz-box-shadow:0 30px 30px -30px #ccc inset;
	-webkit-box-shadow:0 30px 30px -30px #ccc inset;
	-o-box-shadow:0 30px 30px -30px #ccc inset;
	-ms-box-shadow:0 30px 30px -30px #ccc inset;
	}
	
#contents_top {
	padding-bottom:45px;
	background-image:
		url(img/top_bg.png),
		url(img/bg_pink.jpg);
	background-repeat:
		no-repeat,
		repeat;
	background-position:
		top center,
		left;
	}

.top_img {
	padding-bottom:40px;
	}

.top_menu {
	width:480px;
	height:250px;
	background-color:#fff;
	margin-bottom:40px;
	background-image:url(img/top_submenu.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:
	top center;
	}

.top_menu01 {
	width:478px;
	height:41px;
	}

.top_menu01 p {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:10px 0 0 40px;
	}

.top_menu02 {
	width:190px;
	height:190px;
	padding:0 20px;
	}

.top_menu02 img{
	display:block;
	border-radius:190px;
	box-shadow:0px 0px 5px 4px #ccc;
	margin:0 auto;
	-moz-border-radius:0.5em;
	-webkit-border-radius:190px;
	-o-border-radius:190px;
	-ms-border-radius:190px;
	-moz-box-shadow:0px 0px 5px 4px #ccc;
	-webkit-box-shadow: 0px 0px 5px 4px #ccc;
	-o-box-shadow:0px 0px 5px 4px #ccc;
	-ms-box-shadow:0px 0px 5px 4px #ccc;
	}
	
.top_menu03 {
	width:210px;
	margin-right:20px;
	}

.top_menu03 p {
	font-size:15px;
	margin:10px 0 0 0;
	}


.top03 {
	width:1000px;
	padding:10px;
	background-image:url(img/bg_white.jpg);
	}

.top03_title {
	width:380px;
	padding:40px 20px;;
	}

.top03_desc {
	width:560px;
	padding:10px 8px;
	}
	
.top03 ul {
	width:1000px;
	margin-right:-10px;
	}

.top03 ul li {
	width:320px;
	float:left;
	margin-right:10px;
	}
	
/* care.html */
.care {
	width:940px;
	height:280px;
	margin:0 auto 20px;
	padding:10px 30px;
	background-color:#fff;
	}
.care_rbox img {
	margin-top:20px;
	}

.care_lbox img {
	margin-left:80px;
	}
	
.care_title {
	font-size:20px;
	font-weight:bold;
	color:#ff7bac;
	}

.care_desc {
	font-size:15px;
	padding:20px 0 0 50px;
	}

.care_title:before {
	margin-right:30px;
	vertical-align:-10px;
	}
	
.care01 .care_title:before {
	content:url(img/care_no01.png);
	}

.care02 .care_title:before {
	content:url(img/care_no02.png);
	}

.care03 .care_title:before {
	content:url(img/care_no03.png);
	}

.care04 .care_title:before {
	content:url(img/care_no04.png);
	}

/* funeral.html */
.fun01 {
	width:800px;
	height:200px;
	background-color:#fff;
	margin:0 auto;
	color:#a67c52;
	text-align:center;
	}
	
.fun02,
.fun03,
.fun04 {
	width:940px;
	margin:0 auto;
	}
	
.fun03,
.fun04 {
	padding:20px;
	background-color:#fff;
	}

.fun_nokotu {
	width:270px;
	margin:0 14px;
	}

.fun_godo,
.fun_kobetu,
.fun_kazoku {
	width:270px;
	height:980px;
	margin:0 14px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}

.fun_godo {
	background-color:#f1f8e8;
	}

.fun_kobetu {
	background-color:#eaf7fd;
	}

.fun_kazoku {
	background-color:#fff5f9;
	}

.fun_li_text,
.fun_li_bro,
.fun_li_g,
.fun_li_b,
.fun_li_p {
	width:240px;
	padding:13px;
	margin:10px auto;
	text-align:center;
	color:#fff;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	}

.fun_li_text {
	color:#c69c6d;
	font-weight:bold;
	padding:9px 0;
	}

.fun_li_bro {
	background:#c69c6d;
	box-shadow:0 0 0 2px #fff,0 0 0 5px #c69c6d;
	-moz-box-shadow:0 0 0 2px #fff,0 0 0 5px #c69c6d;
	-webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px #c69c6d;
	}

.fun_li_g {
	background:#8cc63f;
	box-shadow:0 0 0 2px #fff,0 0 0 5px #8cc63f;
	-moz-box-shadow:0 0 0 2px #fff,0 0 0 5px #8cc63f;
	-webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px #8cc63f;
	}

.fun_li_b {
	background:#7fcdee;
	box-shadow:0 0 0 2px #fff,0 0 0 5px #7fcdee;
	-moz-box-shadow:0 0 0 2px #fff,0 0 0 5px #7fcdee;
	-webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px #7fcdee;
	}

.fun_li_p {
	background:#ffb0cd;
	box-shadow:0 0 0 2px #fff,0 0 0 5px #ffb0cd;
	-moz-box-shadow:0 0 0 2px #fff,0 0 0 5px #ffb0cd;
	-webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px #ffb0cd;
	}

.arrow {
	width: 0;
	height: 0;
	margin:25px auto;
	border-style: solid;
	border-width: 11px 10px 0 10px;
	border-color: #c69c6d transparent transparent transparent;
}

.nokotu_title {
	margin:0 0 15px;
	font-weight:bold;
	color:#a67c52;
	text-align:center;
	}
	
.nokotu_menu {
	width:268px;
	padding:10px;
	margin:0 auto;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background-color:#c69c6d;
	}
	
.nokotu_desc {
	color:#a67c52;
	font-size:15px;
	padding:0 10px;
	}

/* price.html */

.table_kaso,
.table_nokotu,
.table_sogei {
	width:940px;
	margin:0 auto;
	background-color:#fff;
	
	}

.price_table table,
.price_table td,
.price_table th {
	border: 1px solid #c7b299;
	border-collapse: collapse;
	}

.table_nokotu,
.table_sogei {
	font-size:16px;
	color:#666666;
	text-align:center;
	}

.width_layout01 {
	width:115px;
	}
	
.width_layout02 {
	width:275px;
	}

.width_layout03 {
	width:390px;
	}

.width_layout04 {
	width:550px;
	}

.height_layout01 {
	height:120px;
	}

.height_layout02 {
	height:80px;
	}

.height_layout03 {
	height:50px;
	}
	
.price_kaso {
	font-size:23px;
	text-align:center;
	color:#fff;
	}

.kaso_desc01 {
	font-size:16px;
	font-weight:bold;
	color:#a67c52;
	padding:0 20px;
	}
	
.kaso_desc02 {
	font-size:14px;
	color:#666666;
	padding:0 20px;
	}
	
.menu_green,
.menu_blue,
.menu_pink {
	width:270px;
	padding:10px;
	margin:1px auto;
	}

.menu_green {
	background:#a3d165;
	}

.menu_blue {
	background:#91d4f1;
	}

.menu_pink {
	background:#ffb0cd;
	}

.size_desc01 {
	font-size:16px;
	font-weight:bold;
	color:#a67c52;
	text-align:center;
	margin:0;
	}

.size_desc02 {
	font-size:12px;
	color:#666666;
	text-align:center;
	margin:0;
	padding:0 5px;
	}

.price_green,
.price_blue,
.price_pink {
	font-size:20px;
	text-align:center;
	}

.price_green {
	color:#8cc63f;
	}

.price_blue {
	color:#29abe2;
	}

.price_pink {
	color:#ff7bac;
	}

.caution {
	font-size:15px;
	color:#666666;
	margin-right:20px;
	}

.nokotu_desc01 {
	font-size:16px;
	color:#666666;
	}

/* faq.html */
.faq {
	width:920px;
	margin:0 auto 20px;
	padding:10px 30px;
	background-color:#fff;
	}

.que {
	font-weight:bold;
	color:#ff7bac;
	}
	
.ans {
	font-size:14px;
	}
	
.que:before {
	content:url(img/que.png);
	padding-right:10px;
	vertical-align:-10px;
	}

.ans:before {
	content:url(img/ans.png);
	margin-left:-40px;
	padding-right:10px;
	vertical-align:-5px;
	}

.ans a {
	color:#ff7bac;
	font-weight:bold;
	text-decoration:underline;
	}

/* access.html */
.acs01 {
	width:420px;
	height:300px;
	background-color:#fff;
	margin-left:30px;
	}

.acs01 img {
	padding:13px;
	}

.acs02 {
	margin-right:30px;
	}

.acs03 {
	width:940px;
	height:500px;
	margin:0 auto;
	}

#map {
	width:920px;
	height:480px;
	margin:0 auto;
	}

/* info.html */
.info {
	width:700px;
	margin:0 auto;
	}



/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */



/* 画面サイズが750px以上の場合に適用 */
@media screen and (min-width:750px)
{

.sp,
.drawer-toggle {
	display:none;
	}
}



/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */



/* 画面サイズが749px以下の場合に適用 */
@media screen and (min-width : 200px ) and (max-width : 749px )
{



/* 共通設定 */
.shadow {
	width:100%;
	position: relative;
	padding: 10px;
	background: white;
	border: 1px solid #e6e6e6;  
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.frame {
	border: 1px solid #c69c6d;  
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.frame_photo {
	border: 1px solid #e6e6e6; 
	}

.corner {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

#head,
#contents,
#contents_top,
#address {
	max-width:749px;
	min-width:200px;
	margin:0 auto;
	}

/* -----header----- */
.head_box {
	width:100%;
	}

.h1_title {
	font-size:12px;

	}

.head_logo img {
	margin-left:0px;
	width:100%;
	height:auto;
	}

.head_logo,
.head_tel {
	float:none;
	margin:0px;
	padding:0 5px;
	}

.head_tel img {
	width:100%;
	height:auto;
	}

/* -----drawer toggle----- */
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
	background-color:#ff7bac;
	}

.drawer-nav {
	background-color:rgba(255,245,250,0.85);
	}

.drawer-menu li a {
	color:#39b54a;
	}

/* -----gnav----- */
.head_info02 {
	display:none;
	}

/* -----contents----- */
#contents {
	padding-bottom:0px;
	}

.contents_box {
	width:100%;
	margin:0 auto;
	}

.sub_menu {
	display:block;
	margin:0 auto;
	padding:20px 0;
	}

.sub_title {
	padding:10px 0;
	}

.center {
	font-size:15px;
	text-align:left;
	padding:0 10px 5px;
	}

/* -----footer----- */
#footer {
	max-width:750px;
	min-width:300px;
	padding-bottom:10px;
	}

.footer_inner,
.footer_buttom,
.foot03,
.foot04 {
	display:none;
	}

.footer_menu {
	width:100%;
	padding:10px;
	}

.foot01 {
	width:100%;
	height:auto;
	float:none;
	}

.foot01 img {
	width:100%;
	height:auto;
	padding:10px;
	}
	
.foot02 {
	margin:10px auto 0;
	float:none;
	}
	
.foot02	p {
	font-size:20px;
	margin:0px;
	}

.foot02 img {
	width:100%;
	height:auto;
	margin:0 auto;
	}

/* -----address----- */
.address_inner {
	width:100%;
	padding:2px 0;
	font-size:10px;
	}

/* index.html */
#contents_top {
	padding-bottom:0px;
	}

.top_hr,
.top_img {
	display:none;
	}

.sp {
	display:block;
	padding-bottom:10px;
	}

.top01,
.top01 img {
	width:100%;
	height:auto;
	}

.pc {
	display:none;
	}

.top02 {
	padding:0 10px;
	}

.top_menu {
	width:100%;
	height:auto;
	margin-bottom:1px;
	background-image:url(img/top_submenu_sp.png);
	background-size:100% 41px;
	}

.top_menu,
.top_menu02,
.top_menu03 {
	float:none;
	}

.top_menu01 {
	width:100%;
	}

.top_menu01 p {
	text-align:center;
	margin:8px 0 0 0;
	}

.top_menu02 {
	padding:0px;
	margin:0 auto;
	}

.top_menu02 img {
	width:100%;
	height:auto;
	max-width:190px;
	max-height:190px;
	}

.top_menu03 {
	width:100%;
	margin:0 auto;
	padding:5px 10px;
	}

.top_menu03 p {
	margin:0;
	}

.top03_out {
	padding:0 10px 10px;
	}

.top03 {
	width:100%;
	padding:0px;
	}

.top03 img {
	width:100%;
	height:auto;
	}

.top03_title {
	width:100%;
	padding:15px 10px 0px;
	float:none;
	}

.top03_desc {
	width:100%;
	padding:0px 8px;
	float:none;
	}

.top03_photo {
	padding:0px;
	}
	
.top03 ul {
	width:100%;
	margin-right:0px;
	}

.top03 ul li {
	width:100%;
	float:none;
	margin-right:0px;
	}
	
.top03 ul li img {
	vertical-align: bottom;
	}
	
/* care.html */

/* funeral.html */
.fun_box {
	padding:0 10px 10px;
	}

.fun01 {
	width:100%;
	height:auto;
	}

.fun01 img {
	padding:0 10px 10px;
	}

.fun01 p {
	padding:0px 10px;
	text-align:left;
	}
	
.fun02,
.fun03,
.fun04 {
	width:100%;
	padding:10px;
	}
	
.fun_nokotu {
	float:none;
	margin:0 auto 10px;
	}

.fun_godo,
.fun_kobetu,
.fun_kazoku {
	float:none;
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 10px;
	}

.fun_godo,
.fun_kobetu{
	margin:0 0 10px;
	}

.nokotu_title {
	text-align:left;
	}
	
/* price.html */
.price_table {
	padding:0 10px 10px;
	}

.table_kaso,
.table_nokotu,
.table_sogei {
	width:100%;
		}

.table_kaso {
	width:100%;
	margin-bottom:10px;
		}

.menu_green,
.menu_blue,
.menu_pink {
	width:100%;
	padding:10px;
	margin:1px auto;
	}

.height_layout01 {
	height:80px;
	}

.caution {
	font-size:14px;
	margin-right:0px;
	}

/* faq.html */
.faq_box {
	padding:0 10px 10px;
	}

.faq {
	width:100%;
	margin:0 auto 10px;
	padding:10px 10px;
	}

.que {
	font-size:14px;
	}
	
/* access.html */
.acs_box {
	padding:0 10px 10px;
	}

.acs01 {
	float:none;
	width:100%;
	height:auto;
	margin-left:0px;
	}

.acs01 img,
.acs02 img {
	width:100%;
	height:auto;
	}

.acs02 {
	float:none;
	margin-right:0px;
	font-size:14px;
	}

.acs03,
#map {
	width:100%;
	height:auto
	}

#map iframe {
	width:100%;
	height:400px;
	}

/* info.html */
.info_box {
	padding:0 10px 10px;
	}

.info,
.info img {
	width:100%;
	height:auto;
	margin:0 auto;
	}

.youtube iframe {
    max-width: 100%;
    height: auto;
	}

.youtube {
    text-align: center;
	}