@charset "UTF-8";

/* トップページのcss */

/** DTのトップ変更のため削除
div#body2 {
	min-width: 943px;
	background: url(/images/top/body2_bg.jpg) center 24px no-repeat;
}
*/
@media screen and (max-width:768px){
div#body2 {
    min-width:100%;
    background:none;
    }
}

/* ===ヘッダー=== */
div#header {
}


/******* スマホ用スライダー ********/
#slider-sp{
    display: none;
}

@media screen and (max-width:768px) {
    #slider-sp{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
        display: flex;
    }
    
}

.slider-wrap{
	width:50%;
}
.slider-wrap img{
    width:100%;
}

.slider {
  display: none;
}
.slider .initialized {
  display: block;
}


#slider-sp img{
    width:100%;
}
.slick-dots {
    bottom: 0px!important;
}
.slick-dots li{
    margin:0!important;
}
.slick-dotted.slick-slider{
    margin-bottom:0!important;
}

/******* スマホ用メニュー ********/
.top-sp-menu{
    display: none;
}
@media screen and (max-width:768px) {
    .top-sp-menu{
        display: block;
    }
}

.top-sp-menu ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;   
}
.top-sp-menu li{
    background: #ff6200;
    border-left:1px solid #fff;
    width:34%;
}
.top-sp-menu li:first-child{
    border:none;
}
.top-sp-menu li a{
    display: inline-block;
}
.top-sp-menu img{
    width:100%;
    vertical-align: middle;
}

/******* スマホ用telバナー ********/
.tel-box{
    display:none;
}
@media screen and (max-width: 768px) {
    .tel-box{
        display: block;
        width: 100%;
    
    } 
    .tel-box img{
        max-width:100%;
    }
}


/*** main-img ***/
.main_img{
	position:relative;
	font-weight: bold;
}

.main_img img{
	width:100%;	
}
.main_img p{
	position:absolute;
	top:5em;
	left:3rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Noto Serif JP", serif;
	color:#fff;
	text-shadow: 0.1rem 0.1rem 0.2rem #2c3740;
	font-size:6.93vw;/*32px;（ 32px/画面サイズ375px=0.0853 x 100) */
	line-height: 1.3em;
}                       
.main_img p span{
	width:80%;
	padding-top:1.2vw;
	display: inline-block;
	font-size:3.73vw;/*16px（ 16px/画面サイズ375px=) */
	line-height: 1.3em;
}

@media screen and (min-width:769px){
.main_img p{
	top:2em;
	left:3rem;
	font-size:42px;
	line-height: 1.3em;
}                       
.main_img p span{
	width:58%;
    display: block;
	padding-top:1.2vw;
	font-size:20px;
	line-height: 1.3em;
}
}


@media screen and (min-width:769px){
	.main_img{
		padding-top:0px;
	}
}


/* お墓を建てる 墓地・霊園を探す お墓の引越し・リフォーム */


/* ============ #main ============== */
div#main {
	padding: 0 20px 0 15px;
    width:700px;
}
@media screen and (max-width:768px) {
    div#main{
        padding:0;
        width:100%;
    }
    
}

.midashi-top{
    padding: 5px;
    background: #FFF;
    border-top: 2px solid #f23924;
    margin: 20px 0;
}
@media (max-width:768px){
    .midashi-top{
        margin: 20px 0;

    }
}

.midashi-top h2{
    font-size: 1.2rem;
    font-weight: normal;
    color:#ed412d;
}

.midashi-top span{
    font-size:0.7rem;
    padding-left:20px;    
    color:#505050;
}
@media(max-width:768px){
    .midashi-top span{
        display: block;
        padding:5px;
    }
}

#tabs-1{
    padding:0 15px;
}


/* =タブ= */
#main div.search {
	clear: both;
	height: auto;
	margin: 5px;
	border: 1px solid #dfe6ea;
	background: #af8e7f;
	padding: 15px;
}

#main div.search ul.tab {
	height: 36px;
}

#main div.search ul.tab li.area ,
#main div.search ul.tab li.area a {
	width: 324px;
	display: block;
	height: 36px;
	float: left;
	text-indent: -9999px;
}

#main div.search ul.tab li.condition ,
#main div.search ul.tab li.condition a {
	width: 325px;
	display: block;
	height: 36px;
	float: left;
	text-indent: -9999px;
}

#main div.search ul.tab li.area {
	background: url(/images/top/search_area_on.jpg) top left no-repeat;
}
#main div.search li.area a {
	background: url(/images/top/search_area.jpg) top left no-repeat;
}
#main div.search li.area a:hover {
	background: url(/images/top/search_area_hover.jpg) top left no-repeat;
}

#main div.search ul.tab li.condition {
	background: url(/images/top/search_condition_on.jpg) top left no-repeat;
}
#main div.search ul.tab li.condition a {
	background: url(/images/top/search_condition.jpg) top left no-repeat;
}
#main div.search ul.tab li.condition a:hover {
	background: url(/images/top/search_condition_hover.jpg) top left no-repeat;
}

/* 枠 */
div.search div.out_line {
	border: 1px solid #dfe6ea;
	border-top: none;
	width: 627px;
	_width: 647px;
	padding: 10px;
	background: #fff;
}


/* ==エリアで探す== */
#tab_area div.area_search {
	background: url(/images/top/search_area_bg.gif) top left no-repeat;
	width: 647px;
	height: 102px;
	height: 1%;
}

#tab_area div.area_search ul {
	padding: 86px 0 0 0;
	float: left;
	width: 172px;
	margin-left: 40px;
	height: 102px;
}
#tab_area div.area_search ul li {
	width: 70px;
	height: 20px;
	float: left;
}
#tab_area div.area_search ul li a {
	float: left;
}
#tab_area div.area_search ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#tab_area div.area_search img.map {
	float: right;
}
#tab_area p.mapsearch_copy {
	color: #E6360C;
	font-size:120%;
	margin:5px 0 5px 0;
	padding:0;
	text-align:center;
}

/*--- エリアで探す sp用 ---*/
.search-menu-sp{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width:769px) {
    .search-menu-sp{
        display: none;
    }    
}
.search-menu-sp li{
    width:50%;
    position:relative;
    box-sizing: border-box;
    border-bottom: 1px solid #f97050;
}
.search-menu-sp li:nth-child(-n+2){
    border-top: 1px solid #f97050;
}
.search-menu-sp li:nth-child(odd){
    border-right: 1px solid #f97050;
}
.search-menu-sp li a{
    padding:15px 10px;
    display:block;
    text-decoration: none;
    color:#111;
}
.search-menu-sp li a:after{
    content:"";
    position:absolute;
    border:2px solid #ec4630;
    border-width:2px 2px 0 0;
    padding:2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top:20px;
    right:20px;
}



/* ==条件で探す== */
#tab_condition div.border {
	border: 1px solid #cedae2;
	background: #e8f1fc;
	padding: 8px;
}
#tab_condition div.border div.fff {
	background: #fff;
	padding: 16px 8px;
}

/* 墓地 墓石セット */
#tab_condition ul.check1 li {
	float: left;
	width: 120px;
}
#tab_condition input {
	vertical-align: middle;
	margin-right: 4px;
}

/* 枠 */
#tab_condition div.blue {
	width: 593px;
	height: auto;
	background: #e8f1fc;
	margin-top: 15px;
	padding-bottom: 20px;
}

/* 絞込み条件検索 */
#tab_condition div.blue h3 {
	width: auto;
	height: 20px;
	background: url(/images/top/h3_condition.gif) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
    margin:0;
}

#tab_condition div.left {
	width: 269px;
	height: auto;
	margin-left: 15px;
	float: left;
	display: inline;
}
#tab_condition div.right {
	width: 269px;
	height: 100%;
	margin-right: 15px;
	float: right;
	display: inline;
}

/* 検索見出し */
#tab_condition div h4 {
	width: 269px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
#tab_condition div .h4_1 {
	background: url(/images/top/h4_1.gif) top left no-repeat;
}

#tab_condition div .h4_2 {
	background: url(/images/top/h4_2.gif) top left no-repeat;
}

#tab_condition div .h4_3 {
	background: url(/images/top/h4_3.gif) top left no-repeat;
}

/* 検索選択肢 */
#tab_condition .blue ul li {
	color: #40474d;
	font-size: 93%;
	line-height: 1.6;
}
#tab_condition .blue ul {
	padding: 5px 0 5px 10px;
}
#tab_condition ul.area_choice li {
	width: 49.5%;
	float: left;
}

#tab_condition ul.budget_choice li {
	width: 48%;
	float: left;
}

/* 検索ボタン */
#tab_condition .blue a.btn_search {
	display: block;
	width: 131px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/top/btn_search.gif) top left no-repeat;
	margin-top: 50px;
	float: right;
}



/* キャンペーン・イベント */
#main div.event {
	width: 669px;
	height: auto;
	background: url(/images/top/event_bg.gif) left repeat-y;
	margin: 22px 0 0 25px;
}
#main div.event_bottom {
	background: url(/images/top/event_bottom.gif) left bottom no-repeat;
	padding-bottom: 5px;
}


#main div.event div.h2 {
	width: 669px;
	height: 34px;
	background: url(/images/top/h2_event_bg.gif) top left no-repeat;
}
#main div.event div.h2 div {
	padding: 2px 16px 0 2px;
}
#main div.event div.h2 h2 {
	display: block;
	width: 212px;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/top/h2_event.gif) top left no-repeat;
	float: left;
}
#main div.event div.h2 a {
	display: block;
	width: 197px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/top/h2_event_a.gif) top left no-repeat;
	float: right;
	margin-top: 10px;
}

#main div.event ul {
	margin: 5px 0 18px 5px;
}
#main div.event ul li {
	width: 303px;
	height: auto;
	border-bottom: 1px dotted #b9b297;
	float: left;
	margin-left: 16px;
	padding-bottom: 10px;
	display: inline;
}
#main div.event ul li.no_border {
	border-bottom: 0;
}
#main div.event ul li:after {
	display: block;
	height: 0;
	content: "";
	clear: both;
}
#main div.event ul li img {
	border: 1px solid #dedfdc;
	float: left;
	margin: 11px 0 0 0;
}

#main div.event ul li span {
	margin-top: 11px;
	display: block;
	padding-left: 20px;
	background: url(/images/top/event_list.gif) 5px 50% no-repeat;
	float: left;
	color: #ef452d;
}

#main div.event ul li p {
	width: 200px;
	float: left;
	margin: 0 0 0 20px;
	font-size: 100%;
}
#main div.event ul li p a {
	color: #2c3740;
	text-decoration: none;
}
#main div.event ul li a {
	float: left;
}
#main div.event ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#main div.event ul li p a:hover {
	color: #2384d5;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* お客様の声 */
.voice-list{
    padding:0 15px 20px;
    margin-bottom:10px;
}



/* 相談ルーム */
#main div.room {
	width: auto;
	height: auto;
}

#main div.room_bottom {
    padding: 0 15px 10px 15px;
}

#main div.room div.h2 {
	width: 669px;
	height: 34px;
	background: url(/images/top/h2_room_bg.gif) top left no-repeat;
}
@media (max-width:768px){
    #main div.room div.h2 {
        width:100%;
    }
}

#main div.room div.h2 div {
	padding: 2px 16px 0 2px;
	
}

#main div.room div.h2 h2 {
	display: block;
	width: 212px;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/top/h2_room.gif) top left no-repeat;
	float: left;
}
#main div.room div.h2 a {
	display: block;
	width: 168px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/top/h2_room_a.gif) top left no-repeat;
	float: right;
	margin-top: 10px;
}


#main div.room ul {
	margin: 5px 15px 15px 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction:column;
}
#main div.room ul li {
	width: auto;
	height: auto;
	border-bottom: 1px dotted #b9b297;
	display: inline-block;
}
#main div.room ul li.no_border {
	border-bottom: 0;
}
#main div.room ul li:after {
	display: block;
	height: 0;
	content: "";
	clear: both;
}
#main div.room ul li span {
	margin-top: 11px;
	display: block;
	padding-left: 20px;
	background: url(/images/top/event_list.gif) 5px 50% no-repeat;
	color: #ef452d;
}

#main div.room ul li p {
	font-size: 100%;
}
#main div.room ul li a {
	color: #2384d5;
}

#main div.room ul li p a {
	color: #2c3740;
	text-decoration: none;
    width:100%;
    display: inline-block;
    padding:15px 0;
}

#main div.room ul li p a:hover {
	color: #2384d5;
	text-decoration: underline;
}




/* 特別ご優待券 */
#main div.tokuten{
	margin: 10px 0 0 26px;
}
#main div.tokuten p{
	font-size:120%;
	text-align:center;
	margin: 10px 0 0 0;
}

/* ピックアップ */
#main div.tokusyu{
	margin: 5px;
    margin-top:15px;
}
@media screen and (max-width: 768px) {
    #main div.tokusyu{
        display: none;
    }
    
}



#main div.pickup {
	margin: 5px 0 0 0;
}

#main div.pickup ul {
	padding: 5px 0 0 0;
}
#main div.pickup ul li.pickup_bt1 {
	float: left;
	margin: 0 6px 0 0;
}

#main div.pickup ul li.pickup_bt2 {
	float: left;
	margin: 0;
}

#main div.pickup ul li a {
	float: left;
}

#main div.pickup ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


/* ============ 横のリンクなど #side ============== */
/* ページ別メニュー */

@media screen and (max-width:768px) {
    div#side{
        display:none;
    }
}

div#side ul.side_menu {
	width: 199px;
	height: auto;
	background: url(/images/top/side_menu_bg.gif) left bottom no-repeat;
	padding-bottom: 8px;
	margin-top: 10px;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
	float: left;
}
div#side ul.side_menu li:after {
	display: block;
	height: 0;
	content: "";
	clear: both;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
}

div#side ul.side_menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 181px;
}
div#side ul.side_menu li.menu1 a {
	height: 36px;
	background: url(/images/top/side_menu1.gif) top left no-repeat;
}

div#side ul.side_menu li.menu2 a {
	height: 33px;
	background: url(/images/top/side_menu2.gif) top left no-repeat;
}
div#side ul.side_menu li.menu3 a {
	height: 36px;
	background: url(/images/top/side_menu3.gif) top left no-repeat;
}
div#side ul.side_menu li.menu4 a {
	height: 54px;
	background: url(/images/top/side_menu4.gif) top left no-repeat;
}
div#side ul.side_menu li.menu5 a {
	height: 35px;
	background: url(/images/top/side_menu5.gif) top left no-repeat;
}


div#side ul.side_menu li.title {
	padding: 0;
	display: block;
	width: 199px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/top/side_menu.gif) top left no-repeat;
}
div#side ul.side_menu li a {
	float: left;
}
div#side ul.side_menu li a:hover {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}














/* トップ改修のため追加（CSSの上書き） 20110926 */


div#header h1 a {
	background: none;
}
div.header_right ul#font {
	background: url(../images/top/font_size.jpg) top left no-repeat;
}


div#line_bottom {
	background: none;
}
#main h2.h2_3 {
	margin: 25px 0 0 25px;
	width: 672px;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/top/h2_3.gif) top left no-repeat;
}


.boseki ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.boseki li {
    padding:5px;
    max-width:280px;
}
.boseki li a{
    display: inline-block;
}
.boseki li img{
    width:100%;
}


#main div.boseki a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.afterservice {
    padding:10px;
}
.afterservice a {
    display: inline-block;
}
.afterservice a img{
    width:100%;
}

#main div.afterservice a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


#main div.top_news {
	clear: both;
	font-size:16px;
	text-align: left;
	margin: 20px 0 20px 25px;
	width: 672px;
	height: 28px;
	float: left;
	
/*	overflow: hidden;*/	
}
#main div.news_title{
	clear: both;
	width: 120px;
	height: 31px;
	margin-right:10px;
	text-indent: -9999px;
	float: left;
	background: url(/images/top/top_news_title.png) top left no-repeat;
	
}




/* トップ改修のため追加（CSSの上書き） 20140725 */


#newstabs p.news_comment{
	font-size:14px;
	float:left;
	padding-left:20px;
	padding-top:16px;
	font-weight:normal;
	
	}

.btn{
	font-size:12px;
	background:#0e752e;
	padding:3px 3px;
	text-align:center;
	width:100px;
	border:#dadada solid 1px;
	border-radius:4px;
	float:right;
	margin-bottom:5px;
}
.btn a{
    text-decoration: none;
    color: #fff;
}

ul.cate_text{
	margin-left:0px;
	margin-bottom:0px;
	width:100%;
}
ul.cate_text li{
	margin:10px 0 10px 5px;
	border-bottom:dotted 1px #BBBBBB;
    padding-left:75px;
    padding-bottom: 10px;
}
ul.cate_text li a{
	padding:10px 0px;
}
ul.cate_text li a.cate_inner_link{
    padding:0px;
    color:#094dc2;
    
}

.voice_icon{
	margin:0 5px 0 0;
	display: block;
}

.bg_red {
	background: url(../images/voice_list_text_dtbg_red.gif) top left no-repeat; 
}
 .bg_blue {
	background: url(../images/voice_list_text_dtbg_blue.gif) top left no-repeat; 
}
.bg_purple {
	background: url(../images/voice_list_text_dtbg_purple.gif) top left  no-repeat; 
}
.bg_green {
	background: url(../images/voice_list_text_dtbg_green.gif) top left no-repeat; 
}
.bg_info{
	background: url(../images/voice_list_text_dtbg_info.png) top left no-repeat; 
}
.bg_pdf{
	background: url(../images/voice_list_text_dtbg_pdf.gif) top left no-repeat; 
}
.bg_ivent{
	background: url(../images/voice_list_text_dtbg_ivent.png) top left no-repeat; 
}
.bg_campaign{
	background: url(../images/voice_list_text_dtbg_campaign.png) top left no-repeat; 
}


/**** バナー ****/
.sp-box{
    display: none
}
@media screen and (max-width:768px) {
    .sp-box{
        display: block;
        width:100%;
    }   
}
.top_banner{
	position:relative;
	width:672px;
    margin:10px 20px 10px 20px;
	overflow:hidden;
}
@media screen and (max-width:768px) {
    .top_banner{
	    margin:10px 0;
        width:100%
    }
    .top_banner img{
        width:100%
    }
}

figcaption{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background:rgba(0,0,0,.8);
	transition:0.3s;
	-webkit-transition:0.3s;
	opacity:0;
	text-align:center;

}
.top_banner:hover figcaption{
	opacity:1;
	
}

figcaption h4{
	padding-top:15px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
}
figcaption p{
	padding-top:5px;
	color:#fff;
}


.important_notices{
    width:auto;
    background: #fbdada;
    padding:15px 10px;
    text-align: center;
}
.important_notices >a{
    color:#111;
}



.info_wrap{
    margin-top: 10px;
    border:2px solid #e70000;
    padding:15px;
}
.info_title{
    font-size:110%;
    font-weight: bold;
}
.info_desc{
    color:#ee0000;
    padding:15px;
}
@media (min-width:768px){
    .pc_none{
        display:none;
    }
}
/********************


#newstabs ul{
	width:100%;	
	padding:2px;
	margin:0px;
	background:#AAAAAA;
	
}

#newstabs ul li{
	width:100px;
	float:left;
	padding:5px 10px;
	
}

#tabcontents{
	border:1px solid;l	
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}



*******/