/* スマホ（旧テーマの 768px 以下） */
@media screen and (max-width: 768px) {
/* PC用の指定を戻す（スマホでは旧テーマにこれらの指定がなかった） */
body a {
color: #333333;
}
body a:hover {
text-decoration: none;
}
body a img:hover {
opacity: 1;
}
body img {
vertical-align: baseline;
}
body p {
margin: 1em 0px;
}
#header {
height: auto;
}
#header .header-wrapper {
width: auto;
}
#header h1 {
width: auto;
height: auto;
margin: 0.67em 0px;
}
#header #logo {
float: none;
}
#content {
padding: 0px;
}
#main-image {
width: auto;
padding: 0px;
border-bottom: none;
}
.flexslider {
margin: 0px 0px 60px !important;
border: 4px solid #ffffff;
}
#main {
width: auto;
float: none;
border-top: none;
font-size: inherit;
}
#main ul {
margin: 1em 0px;
padding: 0px 0px 0px 40px;
list-style: disc;
}
#main p {
padding: 0px;
}
#main .node {
padding: 0px;
}
#main .submitted {
margin: 0px;
font-size: inherit;
text-align: left;
}
#main .node-blog img {
max-width: 100%;
}
#main .node-cemetery img {
width: auto;
margin: 0px;
}
#main .toplist .image {
width: auto;
float: none;
}
#main .toplist dl {
width: auto;
padding: 0px;
float: none;
}
#main #node-1.node {
padding: 0px;
}
#sidebar-first {
width: auto;
min-height: 0px;
margin: 0px;
float: none;
font-size: inherit;
}


/*-- common --*/
body {
width: 100%;
margin: 0;
font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
font-size: 0.8em;
background-image: url(../images/bk_body.jpg);
background-repeat: repeat;
}
img {
max-width: 100%;
height: auto !important;
}
a {
color: #333333;
}
/*-- wrapper --*/
#wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
}
/*-- header --*/
#header {
width: 100%;
margin: 52px 0px 0px;
padding: 8px;
text-align: center;
box-sizing: border-box;
}
#header h1 {
font-size: 100%;
font-size: 0.9em;
}
#header h1 a {
color: #333333;
font-size: 12px;
}
#header #logo {
max-width: 255px;
padding: 0px;
margin: 0px auto 16px;
display: block;
}
#header p.info {
width: 239px;
height: 72px;
margin: 0px auto 20px;
text-indent: -9999px;
float: none;
background-image: url(../images/shared/info.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}
/*-- menu --*/
.mean-container .mean-bar {
position: fixed;
background-color: #231815;
}
.mean-container a.meanmenu-reveal {
background-image: url(../images/shared/img_responsivenav_001.png);
background-repeat: no-repeat;
background-position: 18px 50%;
}
.mean-container a.meanmenu-reveal.meanclose {
background-image: url(../images/shared/img_responsivenav_002.png);
}
.mean-container a.meanmenu-reveal {
color: #ffffff;
}
.mean-container .mean-nav {
background-color: #aaabab;
}
.mean-container .mean-nav ul li a {
color: #333333;
}
.mean-container .mean-nav ul li a:hover {
background-color: #c7c9c9;
}
.mean-container a.meanmenu-reveal {
width: 100%;
padding: 13px 0px 11px;
font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
font-size: 18px;
text-indent: 0px;
text-align: center;
right: auto !important;
}
/*-- content --*/
#content {
width: 95%;
margin: 0px auto;
}
#content h2 {
margin: 0px 0px 8px;
padding: 5px;
color: #333333;
font-size: 100%;
font-size: 18px;
text-align: center;
background-color: #f2f2f2;
box-sizing: border-box;
}
#content h4 {
width: 100% !important;
background-size: 100% 100% !important;
}
/*-- flex --*/
#content {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: column; /* Safari */
flex-direction: column;
}
#main {
-webkit-order: 1; /* Safari */
order: 1;
}
#sidebar-first, #sidebar-second {
-webkit-order: 2; /* Safari */
order: 2;
}
#footer {
-webkit-order: 3; /* Safari */
order: 3;
}
/*-- main --*/
#breadcrumb {
font-size: inherit;
}
#main .field-name-field-term-blog {
padding: 0px;
border-top: none;
}
#main .field-name-field-term-blog .field-item {
font-size: inherit;
}
#main ul.links.inline {
margin: 1em 0px;
padding-left: 0px;
font-size: inherit;
text-align: start;
display: inline;
}
#main ul.links.inline li {
padding: 0px 0.5em;
}
#sidebar-first .content {
margin-bottom: 0px;
}
#main .field-name-body {
margin-bottom: 0px;
}
#main {
margin: 0px 0px 8px;
padding: 16px;
background-color: #ffffff;
}
#main .content {
margin: 0px 0px 8px;
clear: both;
}
#main p {
margin: 0px 0px 8px;
}
#main table {
width: 100%;
table-layout: fixed;
}
#main table tbody {
border: none;
}
#main table th {
width: 30%;
text-indent: 0px;
}
#main table td {
vertical-align: top;
}
#main dl {
margin: 0px 0px 8px;
}
#main dl dt {
margin: 0px;
color: #FD5360;
font-size: 16px;
font-weight: bold;
}
#main dl dd {
margin: 0px;
font-size: 14px;
}
/*-- node-cemetery --*/
#main .node-cemetery .content h2 {
padding: 5px;
background-color: #f2f2f2;
border-bottom: none;
}
#main .node-cemetery div.row {
margin: 0px;
}
#main .node-cemetery table {
width: 100%;
margin: 0px 0px 10px;
}
#main .node-cemetery table tbody {
border: none;
}
#main .node-cemetery table th {
width: 20%;
padding: 6px;
text-align: center;
background-color: #cccccc;
border: solid 1px #aaaaaa;
}
#main .node-cemetery table td {
padding: 6px;
border: solid 1px #aaaaaa;
}
#main .node-cemetery ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#main .node-cemetery .price-box span {
font-size: 18px;
font-weight: bold;
}
#main .node-cemetery #contact h3 {
margin: 0px;
font-size: 28px;
text-align: center;
}
#main .node-cemetery #contact li:before {
content: "≫ ";
}
#main .item-list ul {
margin: 0px 0px 0.75em;
padding: 0px;
}
#main .item-list ul li {
margin: 0px 0px 0.25em 1.5em;
padding: 0px;
}
#main .item-list .pager li {
padding: 0.5em;
}
#main li.node-readmore.first.last:before,
#main ul.action-links li:before,
#main ul.links.inline li:before {
content: none;
}
/*-- toplist --*/
#main .toplist {
padding: 10px;
margin: 0px 0px 8px;
border-top: solid 2px #666666;
border-bottom: solid 2px #666666;
background-color: #f9f9f9;
}
#main .toplist:after {
clear: both;
content: "";
display: block;
}
#main .toplist .image img {
width: 100%;
height: auto;
}
#main .toplist dl {
margin: 0px;
padding: 0px;
}
#main .toplist dl dt {
margin: 0px 0px 8px;
padding: 0px;
font-size: 1.5em;
font-weight: bold;
}
/*-- node-1 --*/
#main .title_info {
width: 100%;
background-size: 100% 100%;
}
#main .title_info2 {
width: 100%;
background-size: 100% 100%;
}
#main .information {
padding: 0px;
}
#main .information .box2 {
width: 100%;
float: none;
}
#main .information .box3 {
width: 100%;
margin: 0px;
text-align: center;
float: none;
}
#main .information .box3 p {
width: 100%;
}
#main .reien {
width: 100%;
background-size: 100% 100% !important;
}
#main .reien p {
width: auto;
padding: 68px 6px 3px 43%;
margin: 0px;
font-size: 10px;
}
#main .reien ul {
margin: 0px;
padding: 0px 6px 6px 38%;
list-style: none;
}
#main .reien ul li {
margin: 0px;
font-size: 10px;
text-indent: 12px;
}
#main #company .supportingCompany {
width: 100%;
}
#main #company .supportingCompany img {
width: 100%;
float: none;
}
#main #company .supportingCompany dl {
width: 100%;
float: none;
}
/*-- webform --*/
#main .content input.form-submit {
margin: 0px 8px;
padding: 12px 38px;
font-size: 16px;
color: #ffffff;
cursor: pointer;
background-color: #333333;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#main .content input.form-submit:hover {
background-color: #888888;
}
#main .content input.webform-submit.button-primary.form-submit {
background-color: #aa0000;
}
#main .content input.webform-submit.button-primary.form-submit:hover {
background-color: #cc0000;
}
/*-- views --*/
/*-- sidebar --*/
#sidebar-first #block-block-3 #contact {
display: none;
}
#sidebar-first #block-block-3 a {
width: 40%;
margin: 0px 5% 10px;
display: block;
float: left;
}
#sidebar-first #block-block-13 h2 {
padding: 8px 0px;
text-align: center;
font-size: 16px;
color: #ffffff;
background: #35415d;
border: solid 1px #cccccc;
}
#sidebar-first #block-block-13 ul {
margin: 0px 0px 20px;
padding: 0px;
list-style: none;
}
#sidebar-first #block-block-13 li {
margin: 0px 0px 6px 6px;
font-size: 16px;
}
#sidebar-first #block-block-13 li:before {
content: "≫";
}
/*-- footer --*/
#footer {
max-width: 100%;
font-size: inherit;
margin: 0px;
padding: 15px 0px 0px;
text-align: center;
color: #ffffff;
clear: both;
background-color: #303030;
}
#footer .footer_com {
width: 100%;
}
#footer .footer_com .fot_logo {
float: none;
padding: 8px 0px;
}
#footer .footer_com .fot_logo_wako {
float: none;
padding: 0px 0px 8px;
}
#footer .footer_com ul {
height: auto;
margin: 0px 0px 8px;
padding: 0px;
list-style: none;
float: none;
}
#footer .footer_com ul li {
margin: 0px;
padding: 0px;
text-indent: 0px;
float: none;
background: none;
}
#footer #footer_text {
width: 100%;
}
#footer #footer_text a {
float: none;
}
#footer address {
float: none;
}

}

/* PCだけの指定（旧サイトでも769px以上だけ。スマホは見出し・画像ごとの指定どおり） */
@media screen and (min-width: 769px) {
#main h4 {
margin: 0px;
padding: 0px;
}
#main h3 {
margin: 0px 0px 12px;
padding: 6px 0px;
text-align: center;
font-size: 16px;
font-weight: normal;
background-color: #F2F2F2;
}
#main table th {
padding: 0px;
border: none;
}
#main .node-blog img {
width: 250px !important;
height: auto !important;
}
}