@charset "utf-8";

/* CSS Document */
/*reset*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 2;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #222;
}

a:hover {
    color: #777;
}

a:visited {
    color: #444;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

/*,
*::before,
*::after {
    box-sizing: border-box;
}
*/
/*END*/

html {
    font-size: 100%;
    font-family: "フォーク R", "Folk Regular";
}

body {
    -webkit-text-size-adjust: 100%;
}

.drawer-nav {
    z-index: 10;
}

.drawer-nav {
    width: calc(16.25rem - 10px);
    height: calc(100% - 10px);
    color: #222;
    background-color: #fcede0;
    border: #dd6450 solid 5px;
}

.drawer-menu-item:hover {
    text-decoration: none;
}

.drawer-menu-item {
    padding: .65rem;
}

h1 {
    font-size: 1em;
}

#mainvisial_back {
    background: url(../img/top/topmain_back.jpg) repeat;
    background-size: cover;
    width: 100%;
    height: 100vw;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 5% 0;
}

#main_logo {
    position: absolute;
    width: 26vw;
    height: auto;
    left: 36%;
    top: 10%;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

#sword {
    position: absolute;
    width: 13vw;
    height: auto;
    left: 0;
    top: 2%;
    animation: fade-in2 2s ease-out 0s 1 normal;
    -webkit-animation: fade-in2 2s ease-out 0s 1 normal;
}

#temple {
    position: absolute;
    width: 30vw;
    height: auto;
    left: 7%;
    top: 30%;
    animation: fade-in3 2s ease-out 0s 1 normal;
    -webkit-animation: fade-in3 2s ease-out 0s 1 normal;
}

#bonji {
    position: absolute;
    width: 13vw;
    height: auto;
    right: 0;
    top: 1%;
    animation: fade-in4 2s ease-out 0s 1 normal;
    -webkit-animation: fade-in4 2s ease-out 0s 1 normal;
}

#main_logo img {
    width: 26vw;
    height: auto;
}

#sword img {
    width: 13vw;
    height: auto;
}

#temple img {
    width: 30vw;
    height: auto;
}

#bonji img {
    width: 13vw;
    height: auto;
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -25px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fade-in2 {
    0% {
        opacity: 0;
        transform: translate3d(-80px, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fade-in3 {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fade-in4 {
    0% {
        opacity: 0;
        transform: translate3d(80px, -80px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fade-in5 {
    0% {
        opacity: 0;
        transform: translate3d(0, 80px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


.wrap {
    width: 90%;
    height: 42%;
    margin: 5% 5% 0% 5%;
    background-size: auto;
    background-size: cover;
    position: absolute;
    top: 47vw;
}



.ani_fade-in5 {
    animation: fade-in5 2s ease-out 0s 1 normal;
    -webkit-animation: fade-in5 2s ease-out 0s 1 normal;
}

#sp_about {
    width: 100%;
    height: auto;
}

#sp_about img {
    width: 100%;
    height: auto;
}

/*
#about {
    writing-mode: vertical-rl;
    width: 88%;
    height: 76%;
    padding: 6%;
}
#about p {
    font-size: 2.2vmin;
    margin: 0 0 0 2.5%;
}

#about p.point_word {
    font-size: 2.5vmin;
    font-family: "フォーク M", "Folk Medium";
}
*/

/*{
    opacity: 0;
	transition-duration: 1s;
}
*/


#hudo_dtl {
    background: url(../img/top/hudo_back.jpg) repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    padding: 5% 0;

}

.cloud01 {
    width: 30%;
    height: 23%;
    position: absolute;
    left: 0;
    top: 5%;
}

.cloud02 {
    width: 30%;
    height: 25%;
    position: absolute;
    right: 0;
    top: 50%;
}

.cloud03 {
    width: 30%;
    height: 23%;
    position: absolute;
    left: 0;
    bottom: 5%;
}

.cloud01 img,
.cloud02 img,
.cloud03 img {
    width: 100%;
    height: auto;
}

.shingon_wrap {
    /*effect*/
    opacity: 0;
    transition-duration: 1s;
    transform: translateY(10%);
}

.shingon_wrap.effect,
#houriki01.effect,
#houriki02.effect,
#houriki03.effect,
#houriki04.effect,
#houriki05.effect,
#houriki06.effect,
.houriki_wrap h2.effect {
    transform: translateX(0);
    opacity: 1;
}


.shingon_wrap h2 {
    writing-mode: vertical-rl;
    width: 4%;
    font-size: 2em;
    order: 2;
    text-align: center;
    padding: 0 4% 0 0;
}

.flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 90%;
    margin: 2% 5% 5% 5%;
}

#shingon {
    width: 50%;
    height: auto;
    margin: 2.5%;
    order: 1;
}

#hudo_pht {
    width: 33%;
    height: 33%;
    margin: 2%;
    order: 3;
}

#shingon img {
    width: 100%;
}

#hudo_pht img {
    width: 100%;
}

.houriki_wrap {
    width: 96%;
    height: auto;
    padding: 2%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-around;
}

#houriki01,
#houriki02,
#houriki03,
#houriki04,
#houriki05,
#houriki04z {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    position: relative;
    width: 21%;
    padding: 0 4% 0 0;

}

#houriki06,
.houriki_wrap h2 {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    position: relative;
    width: 25%;
    font-size: 2em;

}

#houriki01 {
    /*effect*/
    opacity: 0;
    transition-duration: 1s;
    transform: translateY(10%);
}

#houriki02 {
    /*effect*/
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(10%);
}

#houriki03 {
    /*effect*/
    opacity: 0;
    transition-duration: 1.4s;
    transform: translateY(10%);
}

#houriki04 {
    /*effect*/
    opacity: 0;
    transition-duration: 1.6s;
    transform: translateY(10%);
}

#houriki05 {
    /*effect*/
    opacity: 0;
    transition-duration: 1.8s;
    transform: translateY(10%);
}

#houriki06 {
    /*effect*/
    opacity: 0;
    transition-duration: 2s;
    transform: translateY(10%);
}

.houriki_wrap h2 {
    /*effect*/
    opacity: 0;
    transition-duration: 2.2s;
    transform: translateY(10%);
}

#houriki01 div,
#houriki04 div {
    width: 25%;
    position: absolute;
    top: -15%;
    right: -13%;
}

#houriki02 div,
#houriki05 div {
    width: 25%;
    position: absolute;
    top: 5%;
    right: -13%;

}

#houriki03 div,
#houriki06 div {
    width: 25%;
    position: absolute;
    top: 20%;
    right: -13%;
}

#houriki01 div img,
#houriki02 div img,
#houriki03 div img,
#houriki04 div img,
#houriki05 div img {
    width: 100%;
    height: auto;
}

#houriki02,
#houriki05 {
    padding-top: 5%;
}

#houriki03 {
    padding-top: 10%;

}

#goriyaku_dtl {
    background: url(../img/top/origami_back.png) repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    padding: 5% 0;

}

.gosyuin_img {
    width: 35%;
    margin: 5% 10% 5% 0;
}

.gosyuin_img img {
    width: 100%;
}

#goriyaku_txt {
    width: 50%;
    margin: 5% 5% 5% 0%;
}

#jyunrei_txt {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

#goriyaku_txt h2,
#jyunrei_txt h2,
#price_dtl h2,
#gunma_area_L h2,
#tochigi_area_L h2,
#ibaraki_area_L h2 {
    font-size: 2em;
    text-align: center;
    line-height: 2.2;
}

#houriki06 p {
    font-size: 1.1em !important;
}

#price_dtl {
    background: url(../img/top/price_back.jpg) repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    padding: 5% 0;

}

/****
  *  dl-table PC
  ****/

.dl-table {
    /**  <dl class="dl-table">  **/
    padding: 0;
    border: 1px solid #ddd;
    width: 90%;
    margin: 3% auto;
    text-align: center;
}

.dl-child {
    margin: 0;
}

dl.dl-table dt,
dl.dl-table dd {
    margin: 0;
    box-sizing: border-box;
}

dl.dl-table dt {
    float: left;
    width: 49%;
    padding: .5rem .5rem .5rem 1rem;
    font-weight: bold;
    border-top: 1px solid #cdcdcd;
    border-bottom: 0;
    background: rgba(239, 239, 239, 0.5);
}

dl.dl-table dd {
    margin-left: 49%;
    padding: .5rem .5rem 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 0;
    border-left: 1px solid #cdcdcd;
    background: rgba(255, 255, 255, 0.5);
}

dl.dl-table dt:first-of-type,
dl.dl-table dd:first-of-type {
    border-top: 0;
}

dl.dl-table dd:after {
    content: '';
    display: table;
    clear: both;
    height: 0;
}

/****
  *  dl-table PC
  ****/

#goods {
    padding: 5% 0;
}

#price_dtl .flex_box img {
    width: 80%;
    margin: 5%;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#kakejiku {
    width: 35%;
    text-align: center;
}

.pht_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 65%;
}

.pht_box div:nth-of-type(1),
.pht_box div:nth-of-type(2),
.pht_box div:nth-of-type(3),
.pht_box div:nth-of-type(4) {
    width: 50%;
    height: auto;
    text-align: center;
    position: relative;
    padding: 0 0 9% 0;
}

/*
.pht_box div:nth-of-type(4),
.pht_box div:nth-of-type(5) {
    width: 25%;
    height: auto;
    text-align: center;
    position: relative;
    padding: 1% 0 10% 0;
}*/

.pht_box p {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#gunma_area_L {
    background: url(../img/top/gunma_back.jpg) repeat;
}

#tochigi_area_L {
    background: url(../img/top/tochigi_back.png) repeat;
}

#ibaraki_area_L {
    background: url(../img/top/hudo_back.jpg) repeat;
}

#gunma_area_L,
#tochigi_area_L,
#ibaraki_area_L {
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 5% 0;
}

#gunma_area,
#tochigi_area,
#ibaraki_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 5% 0;
}

#gunma_area > div,
#tochigi_area > div,
#ibaraki_area > div {
    width: 21%;
    height: 14.9%;
    margin: 2%;
    position: relative;
    top: 0;
    left: 0;
}

.tera_kiso {
    position: relative;
    width: 100%;
}

.tera_kiso:before {
    content: "";
    display: block;
    padding-top: 71.4%;
}

.tera_pht {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.teraback {
    position: absolute;
    top: -1.5%;
    left: -2%;
    z-index: 1;
    width: 100%;
    height: 100%;
}

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

#gunma_area div div.tera_kiso h3,
#tochigi_area div div.tera_kiso h3,
#ibaraki_area div div.tera_kiso h3 {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    position: absolute;
    top: -2.5%;
    right: 2%;
    z-index: 3;
    padding: 2%;
    height: 85%;
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}

#gunma_area .terattl_01,
#tochigi_area .terattl_01,
#ibaraki_area .terattl_01 {
    background: #1E969D;
}

#gunma_area .terattl_02,
#tochigi_area .terattl_02,
#ibaraki_area .terattl_02 {
    background: #BCC100;
}

#gunma_area .terattl_03,
#tochigi_area .terattl_03,
#ibaraki_area .terattl_03 {
    background: #894E78;
}

#gunma_area .terattl_04,
#tochigi_area .terattl_04,
#ibaraki_area .terattl_04 {
    background: #E83F1E;
}

#gunma_area div:nth-of-type(2),
#gunma_area div:nth-of-type(6),
#gunma_area div:nth-of-type(10),
#tochigi_area div:nth-of-type(2),
#tochigi_area div:nth-of-type(6),
#tochigi_area div:nth-of-type(10),
#ibaraki_area div:nth-of-type(2),
#ibaraki_area div:nth-of-type(6),
#ibaraki_area div:nth-of-type(10) {
    margin-top: 4%;
}

#gunma_area div:nth-of-type(3),
#gunma_area div:nth-of-type(7),
#gunma_area div:nth-of-type(11),
#tochigi_area div:nth-of-type(3),
#tochigi_area div:nth-of-type(7),
#tochigi_area div:nth-of-type(11),
#ibaraki_area div:nth-of-type(3),
#ibaraki_area div:nth-of-type(7),
#ibaraki_area div:nth-of-type(11) {
    margin-top: 6%;
}

#gunma_area div:nth-of-type(4),
#gunma_area div:nth-of-type(8),
#gunma_area div:nth-of-type(12),
#tochigi_area div:nth-of-type(4),
#tochigi_area div:nth-of-type(8),
#tochigi_area div:nth-of-type(12),
#ibaraki_area div:nth-of-type(4),
#ibaraki_area div:nth-of-type(8),
#ibaraki_area div:nth-of-type(12) {
    margin-top: 8%;
}

footer {
    background: #AB1E2D;
    color: #fff;
    padding: 20px 5% 10px 5%;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: chocolate;
    text-decoration: underline;
}

.footer_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.right {
    text-align: right;
    font-size: 0.8em;
}

.footer_flex div:nth-of-type(1) {
    width: 14%;
}

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

.footer_flex div:nth-of-type(2),
.footer_flex div:nth-of-type(3) {
    position: relative;
    width: 40%;
}

.footer_flex h4,
address {
    font-style: normal !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* tsuika
__________________________________________________*/

#price_dtl .attention{
    color: red;
    text-align: center;
    margin: 3% 0 6%;
}

/*sub_page
__________________________________________________*/

#sub_main_visial {
    width: 100%;
    height: 350px;
    background: url(../img/sub/sub_visial.jpg) no-repeat bottom center;
    background-size: cover;
}

#sub_main_area {
    padding: 5%;
    background: url(../img/top/origami_back.png);
    background-size: cover;
}

#sub_main_area #pan {
    margin-bottom: 3%;
}

#sub_main_area h2 {
    margin: 3% 0;
    text-align: center;
    font-size: 2em;
}

#sub_left {
    width: 38%;
    margin: 0 4% 0 0;
}

/*#sub_left h3 {
    position: relative;
    top: 0;
    left: 0;
    background: url(../img/top/teraback_04.jpg);
    background-size: cover;
    width: 96%;
    height: 20%;
}*/

#sub_left h3 img {
    width: 100%;
    height: auto;
    /*position: absolute;
    top: -3%;
    left: 3%;*/
}

.s_ttl {
    margin: 3% 0;
    text-align: center;
    font-size: 1.1em;
}

.goeka {
    margin: 3% 0 5% 0;
    border-width: 3px;
    border-style: double;
    border-color: #4f8e1b;
    padding: 15px;
}

.goeka p {
    font-size: 1em;
    font-family: "Sei Kaisho CB1";
}

#sub_left table {
    margin: 2% 0 5% 0;
    width: 100%;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}

#sub_left table td {
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    padding: .5rem .5rem .5rem 1rem;
    background: rgba(239, 239, 239, 0.5);
    text-align: center;
}

#sub_left .bnr img {
    width: 100%;
    height: auto;
    margin-bottom: 5%;
}

#sub_right {
    width: 58%;
    margin: 0;
}

#sub_right h3 {
    font-size: 1.5em;
    margin-bottom: 3%;
}

#sub_right img {
    width: 100%;
    height: auto;
    margin: 4% 0;
}

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

#table_detail dt:hover,
#table_detail dd:hover {
    background-color: #ddd;
    cursor: pointer;
    color: #666;
    transition: all 1s ease-out;

}

#table_detail .hidden_row {
    display: none;
}

dl {
    width: calc(100% - 1px);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

dt {
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 7px 0;
}

.flex dd {
    width: calc(25% - 1px);
    float: left;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    margin: 0;
    padding: 7px 0;
}

.flex dd a {
    text-decoration: none;
}


.clear {
    clear: both;
}

#hidden_row3 dd:nth-of-type(1),
#hidden_row3 dd:nth-of-type(5),
#hidden_row3 dd:nth-of-type(9) {
    width: calc(25% - 2px);
    border-left: 1px solid #ccc;

}

@media screen and (max-width: 1085px) and (min-width: 961px) {

    #gunma_area div div.tera_kiso h3,
    #tochigi_area div div.tera_kiso h3,
    #ibaraki_area div div.tera_kiso h3 {
        font-size: 0.84em;
        height: 90%;
    }

}



@media screen and (max-width: 960px) {

    #gunma_area > div,
    #tochigi_area > div,
    #ibaraki_area > div {
        width: 45%;
        height: 32%;
        margin: 2% 2% 15% 2%;
    }

    #gunma_area div:nth-of-type(1),
    #gunma_area div:nth-of-type(3),
    #gunma_area div:nth-of-type(5),
    #gunma_area div:nth-of-type(7),
    #gunma_area div:nth-of-type(9),
    #gunma_area div:nth-of-type(11),
    #tochigi_area div:nth-of-type(1),
    #tochigi_area div:nth-of-type(3),
    #tochigi_area div:nth-of-type(5),
    #tochigi_area div:nth-of-type(7),
    #tochigi_area div:nth-of-type(9),
    #tochigi_area div:nth-of-type(11),
    #ibaraki_area div:nth-of-type(1),
    #ibaraki_area div:nth-of-type(3),
    #ibaraki_area div:nth-of-type(5),
    #ibaraki_area div:nth-of-type(7),
    #ibaraki_area div:nth-of-type(9),
    #ibaraki_area div:nth-of-type(11) {
        margin-top: 2%;
    }

    #gunma_area div:nth-of-type(2),
    #gunma_area div:nth-of-type(4),
    #gunma_area div:nth-of-type(6),
    #gunma_area div:nth-of-type(8),
    #gunma_area div:nth-of-type(10),
    #gunma_area div:nth-of-type(12),
    #tochigi_area div:nth-of-type(2),
    #tochigi_area div:nth-of-type(4),
    #tochigi_area div:nth-of-type(6),
    #tochigi_area div:nth-of-type(8),
    #tochigi_area div:nth-of-type(10),
    #tochigi_area div:nth-of-type(12),
    #ibaraki_area div:nth-of-type(2),
    #ibaraki_area div:nth-of-type(4),
    #ibaraki_area div:nth-of-type(6),
    #ibaraki_area div:nth-of-type(8),
    #ibaraki_area div:nth-of-type(10),
    #ibaraki_area div:nth-of-type(12) {
        margin-top: 4%;
    }

    #sub_left,
    #sub_right {
        width: 98%;
        height: auto;
        padding: 1%;
        margin: 0;
    }

    .goeka p {
        text-align: center;
    }

}


@media only screen and (max-width: 560px) {

    html {
        font-size: 1em;
    }

    h1,
    h2,
    h3 {
        font-size: 1.3em;
    }

    .drawer-nav h1 {
        font-size: 0.8em;
    }

    .dpy_none {
        display: none;
    }

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

    #hudo_dtl,
    #goriyaku_dtl,
    #price_dtl,
    #gunma_area_L,
    #tochigi_area_L,
    #ibaraki_area_L {
        background-repeat: repeat;
        background-size: contain;
    }

    #main_visial,
    #hudo_dtl,
    .flex_box,
    #goriyaku_txt,
    #jyunrei_txt,
    #kakejiku,
    .pht_box div:nth-of-type(1),
    .pht_box div:nth-of-type(2),
    .pht_box div:nth-of-type(3),
    .pht_box div:nth-of-type(4),
    .pht_box div:nth-of-type(5),
    footer,
    .footer_flex div:nth-of-type(3) {
        width: 98%;
        height: auto;
        padding: 1%;
        margin: 0;
    }

    .shingon_wrap h2,
    .houriki_wrap h2,
    #goriyaku_txt h2,
    #jyunrei_txt h2,
    #price_dtl h2 {
        -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        order: 1;
        width: 98%;
        margin: 1%;
        text-align: center;
        font-size: 1.3em;
    }

    .houriki_wrap h2 {
        margin-bottom: 15%;
    }

    #goriyaku_txt h2,
    #jyunrei_txt h2,
    #price_dtl h2,
    #gunma_area_L h2,
    #tochigi_area_L h2,
    #ibaraki_area_L h2 {
        font-size: 1.2em;
    }

    #houriki06 p {
        font-size: 1em !important;
    }

    #shingon {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        order: 2;
    }

    #hudo_pht,
    .gosyuin_img {
        width: 94%;
        height: 94%;
        margin: 3%;
        padding: 0;
    }

    #houriki01,
    #houriki02,
    #houriki03,
    #houriki04,
    #houriki05 {
        width: 34%;
        padding: 0 16% 10% 0%;
    }

    #houriki01 {
        order: 2;
    }

    #houriki02 {
        order: 3;
    }

    #houriki03 {
        order: 4;
    }

    #houriki04 {
        order: 5;
    }

    #houriki05 {
        order: 6;
    }

    #houriki06 {
        order: 7;
        width: 8%;
    }

    #houriki01 div,
    #houriki02 div,
    #houriki03 div,
    #houriki04 div,
    #houriki05 div {
        width: 33%;
        top: -10%;
        right: 0%;
    }

    .pht_box {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .pht_box p {
        position: inherit;
        bottom: inherit;
    }

    #gunma_area > div,
    #tochigi_area > div,
    #ibaraki_area > div {
        width: 90%;
        height: 64%;
    }

    #gunma_area div:nth-of-type(1),
    #gunma_area div:nth-of-type(2),
    #gunma_area div:nth-of-type(3),
    #gunma_area div:nth-of-type(4),
    #gunma_area div:nth-of-type(5),
    #gunma_area div:nth-of-type(6),
    #gunma_area div:nth-of-type(7),
    #gunma_area div:nth-of-type(8),
    #gunma_area div:nth-of-type(9),
    #gunma_area div:nth-of-type(10),
    #gunma_area div:nth-of-type(11),
    #gunma_area div:nth-of-type(12),
    #tochigi_area div:nth-of-type(1),
    #tochigi_area div:nth-of-type(2),
    #tochigi_area div:nth-of-type(3),
    #tochigi_area div:nth-of-type(4),
    #tochigi_area div:nth-of-type(5),
    #tochigi_area div:nth-of-type(6),
    #tochigi_area div:nth-of-type(7),
    #tochigi_area div:nth-of-type(8),
    #tochigi_area div:nth-of-type(9),
    #tochigi_area div:nth-of-type(10),
    #tochigi_area div:nth-of-type(11),
    #tochigi_area div:nth-of-type(12),
    #ibaraki_area div:nth-of-type(1),
    #ibaraki_area div:nth-of-type(2),
    #ibaraki_area div:nth-of-type(3),
    #ibaraki_area div:nth-of-type(4),
    #ibaraki_area div:nth-of-type(5),
    #ibaraki_area div:nth-of-type(6),
    #ibaraki_area div:nth-of-type(7),
    #ibaraki_area div:nth-of-type(8),
    #ibaraki_area div:nth-of-type(9),
    #ibaraki_area div:nth-of-type(10),
    #ibaraki_area div:nth-of-type(11),
    #ibaraki_area div:nth-of-type(12) {
        margin-top: 3%;
    }

    #gunma_area div div.tera_kiso h3,
    #tochigi_area div div.tera_kiso h3,
    #ibaraki_area div div.tera_kiso h3 {
        height: 88%;
    }

    .teraback {
        top: 2.5%;
    }

    .footer_flex div:nth-of-type(1) {
        width: 18%;
    }

    .footer_flex div:nth-of-type(2) {
        width: 80%;
    }

    address {
        position: inherit;
        top: inherit;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        padding-left: 19%;
    }

    /****
*  dl-table mobile
****/

    dl.dl-table dt {
        padding: .5rem 1rem;
        border-top: 0;
        border-right: 0;
        border-bottom: 1px solid #ececec;
        border-left: 0;
        float: none;
        width: 100%;
    }

    dl.dl-table dd {
        padding: 1rem;
        border-bottom: 1px solid #cdcdcd;
        border-left: none;
        margin-left: 0;
    }

    dl.dl-table dd:last-of-type {
        border-bottom: 0;
    }

    dl.dl-table dd:after {
        content: '';
        display: table;
        clear: both;
        height: 0;
    }


    .flex dd {
        width: calc(50% - 1px);
    }

    #hidden_row3 dd:nth-of-type(1),
    #hidden_row3 dd:nth-of-type(5),
    #hidden_row3 dd:nth-of-type(9) {
        width: calc(50% - 2px);

    }
}