/*
Theme Name: petangel
Description:befree殿案件開発ベータ版
Theme URI: テーマの URL
Author: petangelTheme
Author URI: GOdesginworks
Version: 1.0.0
License: ライセンス
License URI: ライセンスの URL
*/


@charset "UTF-8";
body {
  visibility: hidden;
}
body.wf-active {
  visibility: visible;
}

* {
	margin: 0;
	padding: 0;
	color: #83908b;
	margin:0px;
	padding:0px;
	font-size: 12pt;
	letter-spacing: 0.1em;
}

html{
	height: 100%;
}


img {
	border: 0;
}

a{
	text-decoration:none;
}

li{
	list-style: none;
}

ul{
	list-style-type:none;
}

a,li,img,body{
	display:block;
}

title,script{
	visibility: hidden;
	display: none;
}

p{
	font-size: 0.9em;
	line-height:26px;
	text-align: center;
	font-weight: normal;
}


/*header*/
header{
/*	margin-top: -2%;
*/	width: 100%;
	height:125px;
	position: relative;
	z-index: 2;
	font-weight: bold;
	border-bottom: 7px solid #c3a920;
}

/*トグル*/
#mobileMenuNavi{ 
	display: none;
}
#mobilemenu{
	display:none;
}

/*メインメニュー*/
#headerNavi{
	clear: both;
	width: 60%;
	height: 125px;
	margin: 0 auto;
		min-width:900px;

}
#headerNavi h4{
    float: left;
    width: 40%;
    height: 100px;
    padding-top: 25px;
    margin: 0;
	transition: 0.6s ;
}
h4:hover{
	opacity: 0.7;
}
/*電話番号画像表示*/
.TelIMG{
	float: right;
	width: 58%;
	height: 44px;
	margin-top: 10px;
}
.TelIMG a{
	float: right;
	width: 377px;
}
.TelIMG a:hover{
	opacity: 0.7%;
}

.TelIMG img{
	display: block;
	margin-left: auto;
	transition: 0.6s ;
}


#headerNavi div ul{
	float: right;
	margin-top: 20px;
    height: 40px;
    line-height: 40px;
}

#headerNavi ul li.menu-item {
    position: relative; /*z-indexの指定や子要素の基準とするために指定*/
    z-index: 1; /*ドロップダウンしたメニューが隠れないように*/
    float: right; /*親メニューは横1列に並べる*/
	padding: 0 8px 0 8px;
	width: 90px;
	border-left: 1px solid #c3a920;
}
#headerNavi ul li:last-child{
	border: none;
}

#headerNavi ul li:first-child{
	width: 120px;
	padding: 0 8px 0 8px;
}
#headerNavi ul li.menu-item a{ 
    display: block;    /*要素の幅いっぱいにするために指定*/
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 1rem; 
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
/*マウスオーバー時等にメニューの色を変更*/
#headerNavi ul li.menu-item a:hover,   /*マウスオーバー時*/
#headerNavi ul li.current-menu-item a,     /*現在表示されているページのメニュー*/
#headerNavi ul li.current-menu-parent a,  /*現在表示されているページの親のメニュー*/
#headerNavi ul li.current-post-ancestor a {
    color: #c3a920;
}

#headerNavi ul li.menu-item a:hover {
/*マウスオーバー時に文字色を変更*/
	color: #c3a920;
}

#headerNavi ul li ul.sub-menu {
    display: none;  /*サブメニューは最初は非表示にしておく*/
    position: absolute;  /*絶対配置にしておかないとうまくいかない*/
    height: 40px;
    margin-top: 0px;
}
#headerNavi ul li:hover ul.sub-menu {
    display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#headerNavi ul li ul.sub-menu li{
    float: none;  /*サブメニューはフロートさせないので解除*/
    padding: 0;  /*親メニューのパディングを解除*/
}
#headerNavi ul li ul.sub-menu li a {  
    border: 1px solid #eee;  /*ボーダーの指定*/
    border: none;  /*ボーダートップは重なって太くなるので解除。一番上は ul 要素に指定*/
    padding: 0 10px;
    background-color: #3f5465;
    color: #fff;
    text-align: left;
	font-size: 0.9em;
    height: 30px;
    line-height: 30px;
}

#headerNavi ul li ul.sub-menu li a:hover{
	background-color: #33404b;
}

/*サブメニューで現在表示されているページのリンクの色を変更する*/
#headerNavi ul li ul.sub-menu li.current-menu-item a {
    display: block;
    background-color: #33404b; 
}

/*トップページ*/
#content{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
	top:-6px;
}
/*こだわりメインイメージが*/
.TOPIMG{
	position: relative;
    height: 500px;
    border-bottom:7px solid #e7d88b;
	background:url(./img/PA_mainIMG_noText.png) no-repeat 0 0;
	background-position: center center; 
	/*z-index: 1;*/
}

.TOPIMG ul{
	float: left;
	position: absolute;
	height: 350px;
	width: 430px;
	top: 15%;
	left: 18%;
}
.TOPIMG ul li{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	font-size: 18pt;
}
.TOPIMG ul li img{
	margin: 0 auto;
}
.TOPIMG ul li:nth-child(1){
	font-size: 2em;
	margin-top: 25px;
	line-height: 40px;
	font-weight: bold;
	color: #413d3c;
}
.TOPIMG ul li:nth-child(2){
	margin-top: 15px;
	font-size: 0.8em;
	line-height: 25px;
}

.centerContent{
	width: 55%;
	margin: 0 auto;
	margin-top: 45px;
}
.petAngeltoha img{
	max-width: 100%;
	height: 100%;
	margin:0 auto;
}

/*コンテンツ内タイトル*/
h2{
	margin-top: 35px;
	text-align: center;
	font-size: 2.2em;
	line-height: 45px;
	color: #413d3c;
	margin-bottom: 25px;
}
/*詳しく見るボタン*/
.lookBTN{
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:13px 0 10px;
    margin-top: 25px;
    color:#fff;
    letter-spacing: 5px;
    font-size: 1.2em;
    background-color: #c3a920;
    height: 25px;
    line-height: 25px;
}
.lookBTN:hover{
	background-color: #ccb84c;
}

/*詳しく見るボタン幅100％*/
.BIGsizeBTN{
    width:100%;
}
/*ボタン上下50ｐｘあき*/
.margin50px{
	overflow: hidden;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: 50px; 
}

/*プラン一覧説明*/
.planList{
	height: auto;
	border: 1px solid  #c3a920;
	margin-bottom: 85px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-box-direction:reverse;/*--- Androidブラウザ用 ---*/
	-webkit-flex-direction:row;/*--- safari（PC）用 ---*/
	flex-direction:row;
}

.planList ul{
	float: left;
	margin: 10px 10px 10px 10px;
	width: 50%;
	position: relative;
}

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

.planList ul p{
	margin-bottom: 55px;
	height: auto;
}

.planList ul li .planList_title{
	font-size: 1.8em;
	line-height: 45px;
	margin-top: 15px;
	margin-bottom: 5px;
	color:  #c3a920;
}

/*詳しく見るボタン幅3列ver*/
.planList ul li:nth-child(4){
	width: 100%;
	position: absolute;
	bottom: 0;
}


/*コンテンツ内のdivごとに下部に余白*/
.marginBttom div{
	margin-bottom:100px;
}

/*バナー*/
.banner{
	overflow: hidden;
	width: 100%;
	height: auto;
	background-color: #f0f0f0;
	padding:25px 0 31px 0; 
}
.bannerWrap{
	overflow: hidden;
	width: 60%;
	min-width: 870px;
	margin: 0 auto;
}

.bannerWrap div{
	padding:5px;
	box-sizing:border-box;
	float: left;
	width: 25%;
	margin: 0 auto;
}

.bannerWrap div a :hover{
	opacity: 0.7;
}

.bannerWrap div img{
	width: 20%;
	height: auto;
	margin: 0% 0% 0% 1.6%;
	min-width: 200px;
	margin-left:auto;
	margin-right:auto;
	transition: 0.6s ;
}

.banner li a{
	width: 100%;
}
.banner ul li a img{
	width: 100%;
	height: auto;
}

footer{
	margin: 0 ;
	padding:0;
	margin-top: -6px;
	background-color:#413d3c;	
}
footer ul:first-child{
	width: 650px;
	height: 150px;
	padding-top: 25px;
	margin: 0 auto;	
}
footer ul li{
	float: left;
	margin-left: 35px;
	height: 45px;
	padding-left:55px;
	line-height: 45px;
	padding-bottom: 5px;
}
footer ul li a{
	color: #fff;
}
footer ul li a:hover {
	color: #c3a920;
}

/*こだわりIcon*/
footer ul li:nth-child(1){
	background: url(./img/PA_footerIcon_quality.png) no-repeat 0 0.2em;
}

/*プランIcon*/
footer ul li:nth-child(2){
	background: url(./img/PA_footerIcon_plan.png) no-repeat 0 0.2em;
}
/*料金Icon*/
footer ul li:nth-child(3){
	background: url(./img/PA_footerIcon_price.png) no-repeat 0 0.2em;
}
/*お問い合わせIcon*/
footer ul li:nth-child(4){
	background: url(./img/PA_footerIcon_access.png) no-repeat 0 0.2em;
}

/*サブページの項目*/
footer .sub-menu li{
	float: none;
	padding: 0;
	margin-left: 0;
	margin-top: 15px;
	height: 12px;
	line-height: 12px;
}
footer .sub-menu li a{
	font-size: 0.8em;

}

footer .sub-menu li:nth-child(1){
	background-image: none;
}
footer .sub-menu li:nth-child(2){
	background-image: none;
}
footer .sub-menu li:nth-child(3){
	background-image: none;
}

/*© ペットエンジェル All rights reserved.*/
footer p{
	text-align: center;
	width: 100%;
	height:55px;
	line-height: 55px;
	color: #33404b;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #fff;
	background-color:#2a2827;
}


/*イメージ画像*/
.mainIMG_quality{
	background: url(./img/PA_mainIMG_quality.png) no-repeat 0 0;
	background-position:center top;
	width: 100%;
	height: 348px;.
	-moz-background-size:cover;
	background-size:cover;
}
.title{
	width: 100%;
	height: 268px;
	margin:0 auto;
	position: absolute;
	top: 80px;

}
.title img{
	margin: 0 auto;
}
/*タイトル*/
h1{
	display: block;
	margin:0 auto;
	text-align: center;
	font-size: 2.6em;
	color: #fff;
	height: 60px;
	line-height: 55px;
	margin-top: 5px;
	margin-bottom: 12px;
}
/*タイトル英語*/
h1 span{
	display: block;
	width: 100%;
	line-height: 15px;
	color: #fff;
	font-size: 0.4em;
}
.title p{
	display: block;
	text-align: center;
	font-size: 10pt;
	width: 80%;
	height: 100%;
	margin:0 auto;
	margin-bottom: 80px;
}

#breadcrumb {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 48px;
	background-color: #d7d6d1;
}
#breadcrumb ul {
	width: 60%;
	height: 48px;
	line-height: 48px;
	margin: 0 auto;
    overflow: hidden;
}
#breadcrumb ul li{
    display: inline;
    list-style: none;
    float: left;
}

#breadcrumb ul li:first-child span{
	padding-left: 0px;
	font-size: 0.8em;
}
#breadcrumb ul li:first-child span:nth-child(2){
	border:1px solid red;
	
}
#breadcrumb ul li span{
	padding-left: 10px;
    color: #413d3c;
	font-size: 0.8em;
}
#breadcrumb ul li:first-child:before {
    content: none;
}
#breadcrumb ul li:before {
	float: left;
    content: '›';
    color: #413d3c;
}
#breadcrumb ul li > a{
    color: #413d3c;
    margin-right: 5px;
    text-decoration: none;
    width: 68px;  
}

#breadcrumb ul li a:hover {
    color: #c3a920;
}
@media screen and (max-width: 480px) {
    #breadcrumb ul li span.e-title{
        display: block;
    }   
}
.contenTitleTitletWrap{
	width: 60%;
	margin: 0 auto;
}
.contentTitle{
	width: 100%;
	height: auto;
	margin-bottom: 35px;
}
.trueBR br{
	display: none;
}
.contentTitle p{
	overflow: hidden;
}
.contentWrap{
	overflow: hidden;
	width: 55%;
	margin:0 auto;
}
.centerIMG{
	margin:0 auto;
	width: 100%;
	height: auto;
}

h3{
	height: 45px;
	line-height: 52px;
	border: 1px solid #c3a920;
	color: #c3a920;
	text-align: center;
	margin:0 auto;	
	font-size: 1.6em;
	margin-bottom: 25px;
}
.width60{
	width: 55%;
}
#MarginTop{
	margin-top: 75px;
}
.silver{
	border: 1px solid #808994;
	color: #808994;
}
/*こだわり*/
.qualityContentWrap{
	width: 100%;
	height: auto;
}
/*こだわり背景画像 色指定*/
.kodawari1{
	background-color: #e2e7fa;
}
.kodawari2{
	background-color: #f2f2f2;
}
.kodawari3{
	background-color: #fee5e3;
}
.kodawari4{
	background-color: #fbf4e5;
}
.kodawari5{
	background-color: #e4f0e8;
}

/*こだわりタイトル画像 線 色指定*/
.kodawari1 .qualityContentText ul li:nth-child(1){
	border-bottom: 4px #808cbb solid;
}
.kodawari2 .qualityContentText ul li:nth-child(1){
	border-bottom: 4px #cfcecb solid;
}
.kodawari3 .qualityContentText ul li:nth-child(1){
	border-bottom: 4px #e37e78 solid;
}
.kodawari4 .qualityContentText ul li:nth-child(1){
	border-bottom: 4px #c8b792 solid;
}
.kodawari5 .qualityContentText ul li:nth-child(1){
	border-bottom: 4px #45845c solid;
}
.qualityContent{
	overflow: hidden;
	width: 55%;
	margin:auto;
}
/*こだわりテキスト部分*/
.qualityContentText{
	float: left;	
	width: 60%;
	height: 100%;
	padding-bottom: 25px;
}


.qualityContentText ul{
	overflow: hidden;
	margin: 0 auto;
}

.qualityContentText ul li{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
/*こだわりタイトルイメージ*/
.qualityContentText ul li:nth-child(1) img{
	display: block;
	margin: 0 auto;
	height: auto;
	width: 100%;
	max-height: 100px;
	max-width: 453px;
	margin-top: 10px;
}

/*こだわりタイトルテキスト*/
.qualityContentText ul li:nth-child(2){
	font-size: 1.6em;
	line-height: 150%;
	height: 100%;
	color: #413d3c;
	margin:20px 0 20px 0;
	font-weight: bold;
}
#qualityContentTextLong{
	font-size: 1.45em;
}
/*こだわり詳細テキスト*/
.qualityContentText ul li:nth-child(3){
	line-height: 25px;
}
.qualityContentText ul li span{
	font-size: 0.5em;
	color: #413d3c;
}

/*こだわり画像部分*/
.qualityContentIMG{
	float: left;
	width: 20%;
	margin-left: 5%;
	margin-right: 5%;
}
.qualityContentIMG img{
	width: 100%;
	height: auto;
	max-height: 328px;
	max-width: 330px;
	padding: 30px 0 30px 0;
}
.floatRight{
	float: right;
}
.floatleft{
	float: left;
}
.FuneralPlan{
	overflow: hidden;
	width: 55%;
	height: auto;
	margin:0 auto;
	margin-bottom: 55px;
}
.FuneralPlan ul{
	width: 60%;
	float: left;
}
.FuneralPlan ul li{
	width: 100%;
}
/*プランタイトル部分*/
.FuneralPlan ul li:first-child{
	font-size: 2.2em;
	color: #413d3c;
	line-height: 50px;
	font-weight: bold;
	margin: 25px 0 25px 0;
}
/**/
.FuneralPlan ul li:nth-child(2){
	line-height: 28px;
}
.FuneralPlan img{
	float: right;
	width: 35%;
	height: auto;
	max-height: 325px;
	max-width: 404px;
}
.leftFuneralPlan ul{
	float: right;
}
.leftFuneralPlan img{
	float: left;
}
/*プランページ*/
.mainIMG_plan{
	background: url(./img/PA_mainIMG_plan.png) no-repeat 0 0;
	background-position:center top;
	width: 100%;
	height: 348px;.
	-moz-background-size:cover;
	background-size:cover;
}

/*2カラムレイアウト*/
.TWOcolumnLayoutWrap{
	width: 100%;
}
/*2カラム グレー背景*/
#GrayBG{
	overflow: hidden;
	background-color: #f0f0f0;
}
.TWOcolumnLayout{
	overflow: hidden;
	width: 55%;
	margin:0 auto;
	padding: 35px 0 35px 0;
}
.TWOcolumnLayout ul{
	width: 40%;
	float: left;
	margin-left:5%;
	margin-right:5%;
}
.TWOcolumnLayout ul li{
	margin:0 auto;
	text-align: center;
}
/*2カラムアイコンIMG*/
.TWOcolumnLayout ul li:nth-child(1) img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-height: 150px;
	max-width: 150px;
}
/*2カラムタイトル*/
.TWOcolumnLayout ul li:nth-child(2){
	font-size: 2.1em;
	color: #c3a920;
	line-height: 60px;
}
.TWOcolumnLayout ul li:nth-child(3){
	line-height: 25px;
	padding-bottom: 10px;
}
/*2カラム各種類アイコン*/
.typeIcon ul li:nth-child(1) img{
	max-height: 250px;
	max-width: 252px;
}

/*1カラムレイアウト*/
.ONEcolumnLayoutWrap{
	width: 100%;
}
.ONEcolumnLayout{
	overflow: hidden;
	width: 55%;
	margin:0 auto;
	padding: 35px 0 35px 0;
}
.ONEcolumnLayout ul{
	width: 100%;
	float: left;
}
.ONEcolumnLayout ul li{
	margin:0 auto;
	text-align: center;
}
/*1カラムアイコンIMG*/
.ONEcolumnLayout ul li:nth-child(1) img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-height: 150px;
	max-width: 150px;
}
/*1カラムタイトル*/
.ONEcolumnLayout ul li:nth-child(2){
	font-size: 2.1em;
	color: #c3a920;
	line-height: 60px;
}
.ONEcolumnLayout ul li:nth-child(3){
	line-height: 25px;
	padding-bottom: 10px;
}
/*1カラム各種類アイコン*/
.typeIcon ul li:nth-child(1) img{
	max-height: 250px;
	max-width: 252px;
}


/*火葬ページ*/
.mainIMG_cremation{
	background: url(./img/PA_mainIMG_cremation.png) no-repeat 0 0;
	background-position:center top;
	width: 100%;
	height: 348px;.
	-moz-background-size:cover;
	background-size:cover;
}
/*サンプルイメージ画像*/
.ThreeIMG{
	margin:0 auto;
	margin-top: 25px;
	margin-bottom: 35px;
}
.ThreeIMG ul{
	width: 90%;
	margin:0 auto;
	display: table;
	table-layout: fixed;
}

.ThreeIMG li{
	display: table-cell;
	padding:0 10px 0 10px;
}
.ThreeIMG li img{
	width: 100%;
	margin:0 auto;
	height: auto;
	max-width: 260px;
	max-height:208px; 
}

/*告別式ページ*/
.mainIMG_funeral{
	background: url(./img/PA_mainIMG_funeral.png) no-repeat 0 0;
	background-position:center top;
	width: 100%;
	height: 348px;.
	-moz-background-size:cover;
	background-size:cover;
}

/*法要・供養ページ*/
.mainIMG_memorialservice{
	background: url(./img/PA_mainIMG_memorialservice.png) no-repeat 0 0;
	background-position:center top;
	width: 100%;
	height: 348px;.
	-moz-background-size:cover;
	background-size:cover;
}

/*料金ページ*/
.mainIMG_price{
	background: url(./img/PA_mainIMG_price.png) no-repeat 0 0;
	background-position:center top;
	width: 100%;
	height: 348px;.
	-moz-background-size:cover;
	background-size:cover;
}
.priceIMG{
	overflow: hidden;
	margin:0 auto;
	width: 100%;
	height: auto;
	max-width: 692px;
	max-height: 110px;
	margin-bottom: 75px;
}

/*告別式プラン紹介 2カラムゴールドライン*/
.TWOcolumnLayoutGoldLine{
	overflow: hidden;
	width: 55%;
	margin: 0;
	padding:0;
	margin: 0 auto;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-box-direction:reverse;/*--- Androidブラウザ用 ---*/
	-webkit-flex-direction:row;/*--- safari（PC）用 ---*/
	flex-direction:row;
}

.TWOcolumnLayoutGoldLine ul{
	width: 42%;
	padding: 25px 25px 25px 25px;
	border:1px solid #c3a920;
}

.TWOcolumnLayoutGoldLine ul li{
	width: 100%;
	margin:0 auto;
	text-align: center;
}
/*告別式プランタイトル*/
.TWOcolumnLayoutGoldLine ul li:nth-child(1){
	font-weight: bold;
	font-size: 1.5em;
	color: #c3a920;
	line-height: 35px;
	font-weight: bold;
}
/*ゴールドプランタイトル*/
.TWOcolumnLayoutGoldLine ul:nth-child(1) li:nth-child(1){
	color: #808994;
}

/*告別式プラン 価格*/
.TWOcolumnLayoutGoldLine ul li:nth-child(2){
	font-size: 3.7em;
	color: #413d3c;
	line-height: 75px;
	font-weight: bold;
}

.TWOcolumnLayoutGoldLine ul li:nth-child(3){
	line-height: 25px;
	padding-bottom: 10px;
	text-align: left;
}

/*価格表*/
.PriceListText{
	overflow: hidden;
	width: 55%;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	margin-top: 25px;
}
.priceListWrap{
	width: 100%;
}
.priceList{
	overflow: hidden;
	width: 55%;
	height: 90px;
	margin:0 auto;
	padding:10px 10px 10px 10px;
}
.priceList ul{
	width: 100%;
	height: 100%;
}

.priceList ul li{
	height: 90px;
}
/*価格表 カテゴリタイトル*/
.priceListTitle{
	float: left;
	width: 180px;
	line-height: 90px;
	font-size: 2.5em;
	color: #413d3c;
	margin-left: 25px;
}
/*価格表 動物種類*/
.priceListType{
	float: left;
	line-height: 30px;
	padding-top: 15px;
	font-size: 1.2em;
}
/*法要・供養 種類詳細*/
.priceListType_MS{
	float: left;
	line-height: 90px;
	font-size: 1.2em;
}
/*価格表 料金表示*/
.priceListPrice{
	float: right;
	height: 100%;
	width: 300px;
}
.priceList ul .priceListPrice ul li{
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 2em;
	color: #413d3c;	
}
.priceList ul .priceListPrice ul li img{
	float: left;
	margin-right: 15px;
	max-width: 118px;
	max-height: 36px;
	margin-top: 3px;
}
.priceList ul #priceListPriceLast ul{
	margin-top: 25px;
	height: 45px;
}

/*お問い合わせページ*/
/*お問い合わせメインイメージ*/
.mainIMG_contact{
	background: url(./img/PA_mainIMG_content.png) no-repeat 0 0;
	background-position:center top;
	width: 100%;
	height: 348px;.
	-moz-background-size:cover;
	background-size:cover;
}
#contactTitle h1{
	color: #fff;
}
#contactTitle h1 span{
	color: #fff;
}
.contact_KUONLOGOIMG{
	width: 30%;
	height: auto;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 15px;
	max-width: 201px;
	max-height: 46px;
}
.contactIMG{
	margin: 15px 0 35px 0;
}
.contactIMG img{
	width: 70%;
	height: auto;
	margin: 0 auto;
	max-width: 470px;
	max-height: 82px;
}



/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}


/*レスポンシブ*/
@media only screen and (max-width: 1680px) {
	/*こだわりページ*/
	.qualityContentText{
		width: 50%;
	}
	.qualityContentIMG{
		width: 25%;
		margin-left: 10%;
		margin-right: 10%;
	}
}
@media only screen and (max-width: 1600px) {
	/*こだわりページ*/
	.qualityContentText{
		width: 55%;
	}
}
@media only screen and (max-width: 1440px) {
	/*各ページ横幅*/
	.centerContent,.qualityContent,.contentWrap,.TWOcolumnLayout,.ONEcolumnLayout,.width60,.FuneralPlan,.TWOcolumnLayoutGoldLine,.PriceListText,.priceList{
		width: 65%;
	}

}
@media only screen and (max-width: 1366px) {
	/*TOPページ メイン画像 テキスト*/
	.TOPIMG ul{
	left: 18%;
	}
}
@media only screen and (max-width: 1280px) {
	/*各ページ横幅*/
	.centerContent,.qualityContent,.contentWrap,.TWOcolumnLayout,.ONEcolumnLayout,.width60,.FuneralPlan,.TWOcolumnLayoutGoldLine,.PriceListText,.priceList{
		width: 70%;
	}
}
@media only screen and (max-width: 1024px) {
	/*TOPページ メイン画像 テキスト*/
	.TOPIMG ul{
	left: 10%;
	}
	/*各ページ横幅*/
	.centerContent,.qualityContent,.contentWrap,.TWOcolumnLayout,.ONEcolumnLayout,.width60,.FuneralPlan,.TWOcolumnLayoutGoldLine,.PriceListText,.priceList{
		width: 85%;
	}
}


@media only screen and (max-width: 950px) {
	/*各ページ横幅*/
	.centerContent,.qualityContent,.contentWrap,.TWOcolumnLayout,.ONEcolumnLayout,.width60,.FuneralPlan,.TWOcolumnLayoutGoldLine,.PriceListText,.priceList{
		width: 90%;
	}
	/*TOPページ バナー*/
	.bannerWrap{
		min-width: 500px;
	}
	.bannerWrap div{
		width: 50%;
	}
	.bannerWrap div:nth-child(3),.bannerWrap div:nth-child(4){
		margin-top: 25px;
	}

	/*各メイン画像 タイトル*/
	.title{
		top:110px;
	}
	h1{
		font-size: 2em;
	}
	/*トグル表示*/
	header{
		height: 45px;
		position: fixed!important;
		margin-top: 0;
		top: 0;
	}
	#headerNavi{
		display: none;
	}
	#headerNavi li{
		width: 100%;
	}
	#mobileMenuNavi{
		display: block;
		position: relative;
		width: 100%;
		background: #413d3c;
		height: 45px;
		overflow: hidden;
	}
	#mobileMenuNavi ul{
		width: 100%;
		height: 100%;
	}
	#mobileMenuNavi li{
		height: 100%;
	}
	#mobileMenuNaviLogo{
		width: 96px;
	}
	#mobileMenuNavi a{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 8px;
		width: 40px;
	}
	#mobilemenu ul{
		background-color: #2a2827;
	}
	#mobilemenu li{
		height: 45px;
		line-height: 45px;
		background-color: #413d3c;
		border-bottom: 1px solid #2a2827;
		padding-left: 15px;
	}
	#mobilemenu li a{
		font-size: 10pt;
		color: #fff;
	}
	#toggle a{
		display: block;
		padding: 12px 0 10px;
		border-bottom: 1px solid #444;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #33404b;
	}
	#toggle a:before{
		margin-top: -6px;
	}
	#toggle a:after{
		margin-top: 2px;
	}
	#breadcrumb{
	display: none;
	}
	/*TOPイメージ縦表示*/
	.TOPIMG{
    width:100%;
	padding-top: 47.7%;
	background:url(./img/PA_TOP_mainImg_ipad.png) no-repeat 0 0;
	background-size: cover;
	}
	/*TOPページロゴテキスト*/
	.TOPIMG ul{
		width: 100%;
		left: 0;
	}
	.TOPIMG ul li:nth-child(1){
		line-height: 48px;
		text-align: center;
	}
	.TOPIMG ul li:nth-child(2){
		text-align: center;
	}

	/*こだわりページ テキスト*/
	.qualityContentText{
		width: 100%;
		padding-bottom: 0;
	}
	/*こだわりページ 円画像*/
	.qualityContentIMG{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.qualityContentIMG img{
		margin:0 auto;
	}
	/*告別式*/
	.FuneralPlan ul{
		width: 100%;
	}
	.FuneralPlan ul li:first-child{
		text-align: center;
	}
	
	footer div{
		visibility:hidden;
		display: none;	
	}
	/*プラン紹介*/
	h2{
		font-size: 1.8em;
	}
	.planList{
		overflow: hidden;
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.planList ul{
		margin:0;
		width: 100%;
	}
	.planList ul li:first-child{
	margin-top: 8%;
	}
	.planList ul img{
		width: 80%;
		height: auto;
	}
	.planList ul li:nth-child(4){
		position: static;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 8%;
	}
	.marginBottom35{
		margin-bottom: 45px;
	}
	.FuneralPlan div{
		width: 100%;
	}
	/*告別式プラン説明*/
	.FuneralPlan ul li:nth-child(2){
		text-align: center;
	}

	.FuneralPlan ul li:first-child{
		font-size: 1.8em;
		line-height: 45px;
	}

	.FuneralPlan img{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.FuneralPlan{
		margin-bottom: 0;
	}

	/*料金ページ*/
	#MarginTop{
		margin-top: 15px;
	}
	.TWOcolumnLayoutGoldLine{
		padding:0;
	}
	.TWOcolumnLayoutGoldLine ul li:nth-child(2){
		font-size: 3.2em;
	}
}
@media only screen and (max-width: 768px) {
	.planList ul li:nth-child(3){
		width: 90%;
		margin: 0 auto;
	}
	.TWOcolumnLayoutGoldLine ul{
		padding:20px 20px 20px 20px; 
	}
	h2{
		font-size: 1.5em;
		line-height: 35px;
	}
	.noneBR br{
		display: none;
	}
	.trueBR br{
		display: inline;
	}
}
@media only screen and (max-width: 705px) {
	.TOPIMG ul{
		top: 8%;
	}
	.TOPIMG ul li:nth-child(1){
		line-height: 40px;
		font-size: 1.8em;
	}
	/*料金*/
	.TWOcolumnLayoutGoldLine ul li:nth-child(2){
		font-size: 2.6em;
	}
	.TWOcolumnLayoutGoldLine ul{
		padding:15px 15px 15px 15px; 
	}

	.priceListTitle{
		margin-left: 0;
		width: 125px;
		font-size: 2.0em;
	}
	.priceListType{
		font-size: 0.9em;
	}
	.priceListPrice{
		width: auto;
	}
	/*料金表 プライス画像*/
	.priceList ul .priceListPrice ul li img{
		max-width: 88.5px;
		max-height: 27px;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 545px) {
	/*料金*/
	.TWOcolumnLayoutGoldLine ul li:nth-child(2){
		font-size: 2.4em;
	}
	.priceList ul .priceListPrice ul li{
		font-size: 1.45em;
	}
}
@media only screen and (max-width: 500px) {
	.TWOcolumnLayoutGoldLine{
		display: block;
	}
	.TWOcolumnLayoutGoldLine ul{
		width: 90%;
		margin: 0 auto;
		margin-bottom:25px; 
	}
	.TWOcolumnLayoutGoldLine ul li:nth-child(2){
		font-size: 3.0em;
	}
	.priceListTitle{
		font-size: 1.2em;
		width: 75px;
	}
	.priceListType{
		font-size: 0.7em;
	}
	.priceListType_MS{
   	 font-size: 0.7em;
	}
	.priceListPrice{
		font-size: 1.0em;
	}
	h2{
		font-size: 1.5em;
	}
	/*フッター*/
	.bannerWrap{
		min-width: 300px;
	}
	.bannerWrap div img{
		min-width: 120px;
	}
	/*2カラム*/
	.TWOcolumnLayout ul{
		width: 90%;
		margin-bottom: 25px;
	}
	/*1カラム*/
	.ONEcolumnLayout ul{
		width: 100%;
		margin-bottom: 25px;
	}
}
@media only screen and (max-width: 446px) {
	.priceList ul .priceListPrice ul li img {
    	max-width: 59px;
    	max-height: 18px;
   		margin-top: 13px;
   		margin-right: 5px;
	}
	.priceList ul .priceListPrice ul li{
		font-size: 1em;
	}
}

@media only screen and (max-width: 414px) {
	/*TOPイメージ縦表示*/
	.TOPIMG{
    width:100%;
	padding-top: 47.7%;
	background:url(./img/PA_TOP_mainImg_mobile.png) no-repeat 0 0;
	background-size: cover;
	}
	.qualityContentText ul li:nth-child(2),#qualityContentTextLong{
		font-size: 1.3em;
	}
	h2{
		font-size: 1.35em;
		margin-bottom: 15px;

	}
	.planMemorialLongH2{
		font-size: 1.1em;
	}
	/*TOP メイン画像 タイトル*/
	.TOPIMG{
		padding-top: 0;
	}
	.TOPIMG ul{
		top: 11%;
	}
	.TOPIMG ul li:nth-child(1){
		font-size: 1.5em;
		line-height: 37px;
	}
	.TOPIMG ul li:nth-child(2){
		font-size: 0.6em;
		line-height: 22px;
		margin-top: 8px;
	}
	p{
		font-size: 0.8em;
	}
	.marginBttom div{
		margin-bottom: 50px;
	}
	.planList ul p{
		margin-bottom: 0;
	}
	/*こだわり*/
	.qualityContentText ul li span{
		font-size:0.7em;
	}
	.TWOcolumnLayout ul li:nth-child(2){
		font-size: 1.8em;
	}
	.TWOcolumnLayout ul li:nth-child(3){
		font-size: 0.8em;
	}
	.ONEcolumnLayout ul li:nth-child(2){
		font-size: 1.8em;
	}
	.ONEcolumnLayout ul li:nth-child(3){
		font-size: 0.8em;
	}
	.qualityContentText ul li:nth-child(3){
	font-size: 0.8em;
	}
	.margin50px{
		margin-top: 25px;
	}
	h3{
		font-size: 1.3em;
		height: 35px;
		line-height: 35px;
	}
	/*告別式*/
	.FuneralPlan ul li:first-child{
		font-size: 1.2em;
		line-height: 28px;
	}
	.FuneralPlan ul li:nth-child(2){
		font-size: 0.8em;
		line-height: 22px;
	}
	/*料金*/
	.TWOcolumnLayoutGoldLine ul li:nth-child(3){
		line-height: 22px;
		font-size: 0.8em;
	}
	.PriceListText{
		margin-top: 0;
		font-size: 0.75em;
	}
	.TOPIMG{
		padding-top: 40%;
	}
	.marginBttom div{
		width: 100%;
	}
	.ThreeIMG ul{
		width: 100%;
	}
	.ThreeIMG li{
		padding:0 5px 0 5px; 
	}
	.lookBTN{
		letter-spacing: 0.1em;
	}
	.contactIMG img{
		width: 100%;
	}
	.contact_KUONLOGOIMG{
		width: 45%;
	}
	.contentWrap p span{
		display: block;
		width: 100%;
		font-size: 1em;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 320px) {
	.TOPIMG ul li:nth-child(2) br{
		display: none;
	}

	.TOPIMG ul li:nth-child(2){
		width: 85%;
		margin-top: 15px;
	}
	.TOPIMG ul li:nth-child(1){
		font-size: 1.5em;
    	line-height: 32px;
	}
	h2{
		font-size: 1em;
		line-height: 30px;
	}
	h3{
		font-size: 1em;
		height: 30px;
		line-height: 30px;
	}
	.TWOcolumnLayoutGoldLine ul{
		width: 85%;
	}
	.TWOcolumnLayoutGoldLine ul li:nth-child(2){
		font-size: 2.5em;
	}
	.lookBTN{
	    line-height: 20px;
    	height: 20px;
    	font-size: 1em;	
	}
	#cremationPriceType{
		display: none;
	}
	.planMemorialLongH2{
		font-size: 1em;
	}
}