@charset "UTF-8";

div#header div.h2 h2 {
	background: url(../images/ohaka_search_h2.jpg) top left no-repeat;
}

#tab_topimg {
	margin: 10px;
}
@media screen and (max-width:768px) {
    #tab_topimg {
	    margin: 0;
    }
}
#tab_topimg img{
    width:100%;
}

/* ============ 各ページの内容 #main ============== */
#main p.top {
	margin: 0 20px 10px 30px;
}
#main .clear{
	clear:both;
}

/* 商品紹介 */
.syouhin{
	width: 100%;
	margin: 0;
}

.syouhin ul {
	height: auto;
	padding:20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
@media screen and (max-width:768px) {
    .syouhin ul {
        padding: 10px;
    }
}

.syouhin ul li {
	width: 45%;
	height: auto;
    padding:10px;
	overflow: hidden;
}
@media screen and (max-width:768px) {
    .syouhin ul li {
        width: 100%;
        height: auto;
        padding:0;
    }
    .syouhin ul li:nth-child(odd){
        padding-right:10px;
    }
}

.syouhin ul li a {
	width: 100%;
	height: auto;
	font-size: 16px;
	color: #5c6266;
	text-decoration: none;
}
.syouhin ul li a:hover {
    background: #fff;
    opacity: 0.8;
}
.syouhin ul li a img{
    width:100%;    
}

.syouhin ul li a span {
	padding: 10px;
}

/*
#main ul.gravestone li.list1 ,
#main ul.gravestone li.list1 a {
	background: url(../images/ohaka_search_list1.jpg) top left no-repeat;
} #main ul.gravestone li.list1 a:hover {
	background: url(../images/ohaka_search_list1_on.jpg) top left no-repeat;
}

#main ul.gravestone li.list2 ,
#main ul.gravestone li.list2 a {
	background: url(../images/ohaka_search_list2.jpg) top left no-repeat;
}

#main ul.gravestone li.list2 a:hover {
	background: url(../images/ohaka_search_list2_on.jpg) top left no-repeat;
}


#main ul.gravestone li.list3 {
	width: 189px;
	height: 222px;
	margin: 0;
}

#main ul.gravestone li.list3 a {
	width: 189px;
	height: 222px;
}
#main ul li.list3 a span {
	padding: 45px 8px 0 10px;
}

#main ul.gravestone li.list3 ,
#main ul.gravestone li.list3 a {
	background: url(../images/ohaka_search_list3.jpg) top left no-repeat;
}

#main ul.gravestone li.list3 a:hover {
	background: url(../images/ohaka_search_ist3_on.jpg) top left no-repeat;
}

#main ul.gravestone li.list4 ,
#main ul.gravestone li.list4 a {
	background: url(../images/ohaka_search_list4.jpg) top left no-repeat;
}

#main ul.gravestone li.list4 a:hover {
	background: url(../images/ohaka_search_list4_on.jpg) top left no-repeat;
}

#main ul.gravestone li.list5 ,
#main ul.gravestone li.list5 a {
	background: url(../images/ohaka_search_list5.jpg) top left no-repeat;
}

#main ul.gravestone li.list5 a:hover {
	background: url(../images/ohaka_search_list5_on.jpg) top left no-repeat;
}

*/

#main p.hosoku {
	margin: 10px 10px 10px 40px;
/*	font-size: 85%;*/
}

/* お墓を建てる前に */
.konryumae{
	width: 100%;
}


.list-menu{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-menu li {
    width:50%;
    flex-grow:1;
    -webkit-flex-grow:1;
}
@media screen and (max-width:768px) {
    .list-menu li {
        width:100%;
    }
}

.list-menu li h4{
    margin: 1rem 1rem 0 1rem;
    border: 1px solid #e1e1e1;
    background:-o-linear-gradient(top,  #e6e5e5, #fbfbfb); 
    background:-webkit-linear-gradient(top,  #e6e5e5,#fbfbfb);  
    background:linear-gradient(top,  #e6e5e5,#fbfbfb);  
    position:relative;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.list-menu li h4 a{
    font-size:0.9rem;
    padding:20px 10px;
    display: block;
    text-decoration: none;
    color:#312929;
}
.list-menu li h4 a:after{
    content: "";
    border:2px solid #e83422;
    border-width:2px 2px 0 0;
    position:absolute;
    padding:4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
    right: 10%;
}
.list-menu li h4:hover{
    border: 1px solid #fbd293;
    background: #fde2b8;
}

.list-menu li  p{
    margin: 0.3rem 1rem 1rem 1rem;
    font-size:12px;
}


.bn_koukyuboseki{
	clear:both;
	margin:50px 20px 20px 20px;
}
@media screen and (max-width:768px){
    .bn_koukyuboseki{
        margin:5px;
    }
}
.bn_koukyuboseki p{
	font-size:103%;
	margin:0px 0px 10px 0px;
}



/* 霊園・墓地をお持ちでない方は・・・ */
#main ul.bottom_link {
	width: 670px;
	height: auto;
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
	margin: 0 0 8px 25px;
}

#main ul.bottom_link li {
	float: left;
	margin: 0 9px 9px 0;
}
#main ul.bottom_link li.right {
	float: right;
	margin: 0 0 9px 0;
}

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