/******************************************************************
Theme Name: pourfamille
Author: T.Sugiyama
Author URI: http://fromdime.com
******************************************************************/

/******************************************************************

共通

******************************************************************/
* {
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}
html {
    /*    letter-spacing: 1px;*/
    /*    color: #333333;*/
    color: #706067;
    font-size: 0.875rem;
}

a:hover, a:focus, a:active {
    color: #2f2725;
}

.archive #main .entry-content a:hover,
.single  #main .entry-content a:hover {
    text-decoration: underline;
}
img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
    color: #231815;
}

/*
画像の右クリックとドラッグ禁止
*/
img {
    pointer-events: none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    touch-callout:none;
    user-select:none;
}

br.br-pc {
}
br.br-sp {
    display: none;
}

.shadow-box {
    box-shadow: 2px 2px 4px #6f6f6f;
}

/*-------------------------------------------
ボタン
-------------------------------------------*/
.linkbtn_inner {
    text-align: center;
}
.button {
    border: 1px solid #ffffff;
    background-color: #706067;
    color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    /* width: 100%; */
    -webkit-transition: 0.8s;
    transition: 0.8s;
    padding: 0.5rem 2rem 0.5rem 2rem;
    font-size: 1.1rem; 
    cursor: pointer;
    line-height: 1.4;
    text-align: center;
}
.button.button_thin {
    padding: 0.4rem 1rem;
    line-height: 1;
}
.button.button_big {
    font-size: 1.15rem;
    padding: 0.7rem 4rem;
}
.button.button_external {
    background-color: #5dc1cf;
}
.button.button_border {
    color: #2f2725;
    border: 2px solid #2f2725;
    background: none;
}
button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active {
    background-color: #231815;
    color: #ffffff;
    text-decoration: none !important;
}
.button .fa {
    /*    color: #ffffff;*/
    color: inherit;
    margin-left: 8px;
}
.button.button_inline {
    border: 1px solid #ffffff;
    /*    background-color: #2f2725;*/
    color: #ffffff;
    border-radius: 2px;
    border-radius: 30px;
    display: inline-block;
    /* width: 100%; */
    -webkit-transition: 0.8s;
    transition: 0.8s;
    padding: 0.2rem 1rem 0.1rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    margin-left: 1rem;
}

p.caution {
    font-size: 0.9rem;
}



/******************************************************************

構造調整タグ

******************************************************************/
.base_width {
    max-width: 1120px;
    padding-left: 20px;
    padding-right: 20px;
}
.inner_width {
    width: 83%;
    margin: 0 auto;
}
.home .inner_width {
    width: 72%;
    margin: 0 auto;
}

#main {
    width: 100%;
    padding-top: 0;
}
.home main {
    padding-bottom: 0;
}

.breadcrumb {
    padding: 1.5rem 0;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}
.home #main section {
    margin-bottom: 3rem;
}

a.readmore {
    color: #2f2725;
}
a.readmore:hover {
    text-decoration: underline !important;
}

.headline_wrapper {
    text-align: center;
    margin: 4rem 0 4rem;
}
.headline img {
    max-width: 300px;
}


#main h2.decor {
    margin: 4rem 0;
    text-align: center;
    font-size: 1.4rem;
    color: #231815;
    padding: 0; 
    letter-spacing: 0;
    border: none;
}


/*-------------------------------------------
テーブルの基本レイアウト
-------------------------------------------*/
table.base_table {
    table-layout:fixed;
}
table.base_table tr {
/*    border-bottom: 1px solid #e7e7e7;*/
}
table.base_table tr:first-child {
/*    border-top: 1px solid #e7e7e7;*/
}
table.base_table tr th {
    text-align: left;
    font-weight: normal;
    width: 15%;
    color: #222222;
}
table.base_table tr th,
table.base_table tr td {
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
}

/* 薄いテーブル */
table.base_table.thin_table tr:first-child {
    border-top: 0;
}
table.base_table.thin_table tr th {
    width: 24%;
}
table.base_table.thin_table tr th,
table.base_table.thin_table tr td {
    font-size: 0.8rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.page table.base_table.thin_table tr th,
.page table.base_table.thin_table tr td {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}



/******************************************************************

汎用パーツ

******************************************************************/
/*
番号付きリスト
*/
.counter-list {
    counter-reset: item;
    list-style: none;
    padding-left: 2rem;
}
.counter-list li:before{
    content: counters(item, "-") ".";
    counter-increment: item;
    margin-right: 0.5em;
}
.counter-list li{
    padding-left: 1.5em;
    text-indent: -1.5em;
}


.section_title {
    color: #231815;
}
.section_title img {
    max-width: 200px;
}



/*
newマーク
*/
.new_mark {
    /*
    width: 40px;
    height: 28px;
    */
    padding: 0.3rem 0.6rem;
    line-height: 1; 
    /* border-radius: 0px 0 20px 20px; */
    background-color: #231815;
    color: #ffffff;
    text-align: center;
    /* vertical-align: middle; */
    font-size: 0.7rem;
    font-weight: bold;
    display: table;
}
.new_mark span {
    display: table-cell;
    vertical-align: middle;
}


/*
ホバーでスケール
*/
.scale-img {
    position: relative;
    overflow: hidden;
}
.scale-img a:hover {
    opacity: 1;
}
.scale-img a,
.scale-img .thumb,
.scale-img .of_hide {
    position: relative;
    overflow: hidden;
    display: block;
}
.scale-img img {
    width: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.045, 0.495, 0.685, 0.97);
    -o-transition: all 0.3s cubic-bezier(0.045, 0.495, 0.685, 0.97);
    transition: all 0.3s cubic-bezier(0.045, 0.495, 0.685, 0.97);
}
.scale-img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


/*
横並びレイアウト
*/
.flexbox {
    display: flex;
    flex-flow: row;
    align-content: flex-start;
}
.flexbox-wrap {
    flex-flow: row wrap;
}
.flexbox-center {
    align-items: center;
}



/******************************************************************

プラグイン

******************************************************************/
.slick-slide a {
    display: block;
}
.slick-prev {
    left: 10px;
    z-index: 10;
}
.slick-next {
    right: 10px;
    z-index: 10;
}
.slick-dots {
    bottom: -30px;
}

.slick-prev:before, .slick-next:before {
    /*    color: #8cb579;*/
}
.slick-slide img {
    width: 100%;
}

.ui-widget {
    font-size: 1rem !important;
}


/******************************************************************

ヘッダー

******************************************************************/
#head-bar-sp {
    display: none;
}
.overlay {
    display: none;
}
/*-------------------------------------------
ヘッダーバー
-------------------------------------------*/
header .logo {
    display: block;
}
#inner-header {
    padding-top: 120px;
}
#head-bar {
    height: 120px;
    background-color: #f8f3f4;
    z-index: 20 !important;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
#head-bar .head-bar-inner {
    padding-top: 15px;
    padding-bottom: 15px;
}
#head-bar .head-bar-upper {
/*
    max-width: 40%;
    margin-left: auto;
*/
    text-align: right;
}
#head-bar .head-bar-upper .message {
/*    font-size: 0.9rem;*/
    margin-right: 1rem;
    vertical-align: middle;
    color: #c50a0a;
}
#head-bar .head-bar-upper .telno {
    font-size: 1.2rem;
    margin-right: 1.5rem;
    line-height: 1.2;
    vertical-align: middle;
}
#head-bar .head-bar-upper .telno img {
    max-width: 20px;
    vertical-align: sub;
    margin-right: 5px;
}
#head-bar .head-bar-upper .form-link:hover {
/*    background-color: #cccccc;*/
    opacity: 0.7;
}
/*
#head-bar .head-bar-upper .form-link {
    display: inline-block;
}
#head-bar .head-bar-upper .form-link img {
    max-width: 130px;
}
*/
#head-bar .head-bar-upper .form-link:hover {
    background-color: #eeeeee;
}
#head-bar .head-bar-upper .form-link {
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    border: 2px solid #231815;
    border-radius: 10px;
    padding: 0.3rem 1rem;
}
#head-bar .head-bar-upper .form-link + .form-link {
    margin-left: 0.5rem;
}
#head-bar .head-bar-upper .form-link img {
    max-width: 22px;
    margin-right: 0.3rem;
    vertical-align: sub;
}
#head-bar .head-bar-upper .form-link span {
    line-height: 1;
    font-size: 1.0rem;
    color: #000000;
}


#head-bar .head-bar-lower {
    height: 100%;
    display: flex;
    /*    align-items: center;*/
    align-items: flex-end;
}
#head-bar .head-bar-lower .head-bar-left {
    flex-basis: 35%;
    max-width: 35%;
    order: 2;
}
#head-bar .head-bar-lower .head-bar-center {
    flex-basis: 30%;
    max-width: 30%;
    text-align: center;
    order: 1;
}
#head-bar .head-bar-lower .head-bar-right {
    flex-basis: 35%;
    max-width: 35%;
    order: 3;
}
/*
#head-bar .head-bar-lower .head-bar-left img {
max-width: 230px;
}
*/
#head-bar .head-bar-lower .head-bar-left .desc01 {
    font-size: 1.2rem;
    color: #c1816b;
    margin-right: 1rem;
    line-height: 1;
    vertical-align: middle;
}
#head-bar .head-bar-lower .head-bar-left .desc02 {
    font-size: 0.8rem;
    line-height: 1;
    vertical-align: middle;
}
#head-bar .head-bar-lower .head-bar-center img {
    max-width: 220px;
}
#head-bar .head-bar-lower .head-bar-right img {
    max-width: 20px;
    vertical-align: sub;
    margin-right: 5px;
}

#head-bar .globalnavi_parent {
    display: flex;
    justify-content: space-around;
/*    padding: 0 1rem;*/
}
#head-bar .globalnavi_parent > li {
    border-bottom: 1px solid #ffffff;
/*    margin: 0 1rem;*/
}
#head-bar .globalnavi_parent > li.active,
#head-bar .globalnavi_parent > li:hover {
    border-bottom: 1px solid #000000;
}
#head-bar .globalnavi_parent > li a {
    font-size: 1.1rem;
    display: inline-block;
    padding: 0.2rem;
    position: relative;
    z-index: 11;
}
#head-bar #menu-globalnavi_left {
}
#head-bar #menu-globalnavi_left > li {
}
#head-bar #menu-globalnavi_right {
}
#head-bar #menu-globalnavi_right > li {
}

/* sub-menu */
#head-bar .globalnavi_parent > li.menu-item-has-children {
    position: relative;
}
#head-bar .globalnavi_parent > li > .dropdown {
    display: none;
    position: absolute;
    z-index: 10;
    top: 42px;
    width: 165px;
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 3px;

    box-shadow: 3px 3px 5px 0px  rgba(0,0,0,0.2);
}
#head-bar .globalnavi_parent > li > .dropdown:before {
    content: "";
    position: absolute;
    display: block;
    top: -30px;
    left: 35%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
}
#head-bar .globalnavi_parent > li:hover > .dropdown {
/*    display: block;*/
}
#head-bar .globalnavi_parent > li > .dropdown > li:after {
    font-family: FontAwesome;
    content: "\f105";
    color: inherit;
    font-weight: normal;
    position: absolute;
    right: 15px;
}
#head-bar .globalnavi_parent > li > .dropdown > li > a {
    font-size: 0.9rem;
    display: inline-block;
    width: 100%;
}
#head-bar .globalnavi_parent > li > .dropdown > li > a:hover {
    text-decoration: underline;
}



/*-------------------------------------------
トップページメインスライダー
注意：下2つのcssの順番は変えないこと
-------------------------------------------*/
.main-slider .slide-sp {
    display: none;
}
.main-slider .slide-pc {
    display: block;
}


/*-------------------------------------------
ページのメインイメージ
-------------------------------------------*/
.wrap-page-image {
    margin-top: 1rem;
    margin-bottom: 3rem;
}


/*-------------------------------------------
ページのタイトルアイコン
-------------------------------------------*/
.page .headline {
    display: inline-block;
    position: relative;
    z-index: 6;
}

/*
アクセス
*/
.page-access .headline:after {
    content: "";
    position: absolute;
    right: -75%;
    top: -36px;
    display: block;
    width: 180px;
    height: 180px;
    background-image: url(assets/images/icon-access-title.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}


/*
HOW TO
*/
.page-howto .headline:before,
.page-howto .headline:after {
    content: "";
    position: absolute;
    top: 0px;
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
}
.page-howto .headline:before {
    left: -60%;
    background-image: url(assets/images/icon-howto1.png);
}
.page-howto .headline:after {
    right: -60%;
    background-image: url(assets/images/icon-howto2.png);
}


/*
お取り寄せ衣装
*/
.page-otoriyose {
}
.page-otoriyose .headline {
    font-size: 2rem;
    color: #171c61;
}
.page-otoriyose #otoriyose-lead {
    margin-bottom: 6rem !important;
}
.page-otoriyose #otoriyose-lead .inner_width {
    width: 100% !important;
}
.page-otoriyose .otoriyose-lead {
    text-align: center;
    margin-bottom: 5rem;
    font-size: 1.1rem;
}
.page-otoriyose .section_header {
    max-width: 620px;
    margin: 0 auto;
}
.page-otoriyose .section_title {
    position: relative;
    display: inline-block;
    background-color: #706067;
    color: #ffffff;
    font-weight: normal;
    padding: 0.2rem 8rem 0.4rem 2rem;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}
.page-otoriyose .section_title:after {
    /* border-bottom: solid 1px #DFDFD0; */
    /* border-left: solid 1px #DFDFD0; */
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 35px;
    height: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    background-color: #ffffff;
}
.page-otoriyose .section_title img {
    max-width: 300px;
    widows: 100%;
}
.page-otoriyose .otoriyose-readme {
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
/*
    background-image: url(assets/images/otoriyose/bg-otoriyose-readme.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10%;
*/
}
.page-otoriyose .otoriyose-readme .font-emphasis {
    font-weight: bold;
    color: #e60012;
}
/*
.page-otoriyose .otoriyose-readme-layer1 {
    padding: 15px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
    background-image: url(assets/images/otoriyose/bg-otoriyose-readme.jpg);
    border-radius: 10px;
    background-repeat: repeat;
}
.page-otoriyose .otoriyose-readme-layer2 {
    background: rgba(255,255,255,0.85);
    padding: 5px;
    border-radius: 5px;
}
.page-otoriyose .otoriyose-readme-layer3 {
    border: 2px dashed #f9d6e8;
    border-radius: 5px;
    padding: 2rem 6%;
}
*/

.page-otoriyose .otoriyose-readme .section_inner_title_wrapper {
/*    text-align: center;*/
}
.page-otoriyose .otoriyose-readme .section_inner_title {
    margin-bottom: 1.5rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #000000;
    display: inline-block;
}
/*
.page-otoriyose .otoriyose-readme .section_inner_title img {
    max-width: 320px;
    width: 100%;
    margin: 0 auto 2rem;
}
*/
.page-otoriyose .otoriyose-readme .otoriyose-readme-text {
    font-size: 1.1rem;
    border: 1px solid #6f5f66;
    padding: 2rem 6%;
}
.page-otoriyose .otoriyose-readme .otoriyose-readme-text span.br-pc {
    display: block;
    margin-left: 1rem;
}

/* ご利用の流れ */
.page-otoriyose #otoriyose-flow .section_title {
    margin-bottom: 3rem;
}
.page-otoriyose .flow-inner .section_inner_title_wrapper {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.page-otoriyose .otoriyose-flow {
    margin-bottom: 3rem;
}
.page-otoriyose .flow-inner {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.page-otoriyose .flow-inner .section_inner_icon {
    flex-basis: 12%;
    max-width: 12%;
    margin-bottom: 1rem;
}
.page-otoriyose .flow-inner .section_inner_text {
    flex-basis: 85%;
    max-width: 85%;
    margin-bottom: 1rem;
    font-weight: bold;
}
.page-otoriyose .flow-01 .flow-inner .section_inner_text .flexbox {
    justify-content: space-between;
    align-items: center;
}
.page-otoriyose .flow-01 .flow-inner .section_inner_text .itemleft {
    flex-basis: 48%;
    max-width: 48%;
    margin-bottom: 1rem;
}
.page-otoriyose .flow-01 .flow-inner .section_inner_text .itemright {
    flex-basis: 48%;
    max-width: 48%;
    margin-bottom: 1rem;
}
.page-otoriyose .flow-01 .flow-inner .section_inner_text a {
    color: #e4007f;
    font-weight: bold;
    text-decoration: underline !important;
}
.page-otoriyose .otoriyose_price_wrapper {
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price_width {
    max-width: 750px;
    width: 80%;
    margin: 0 auto;
    padding: 0 1.5rem;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price h2 {
    color: #6f5f66;
    margin-bottom: 0.5rem;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price h2 img {
    max-width: 55px;
    margin-right: 0.5rem;
    position: relative;
    top: -6px;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price {
    padding: 3rem 0 3rem;
}




.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table {
    width: 100%;
    margin: 0 auto;

    table-layout:fixed;

    border-collapse: separate;
    margin-bottom: 0.5rem;
    border-spacing: 5px 5px;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tr th,
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tr td {
    padding: 0.5rem;
    text-align: center;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table thead tr th {
    background-color: #706067;
    color: #ffffff;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tr th:first-child {
    width: 20%;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tbody tr th {
    font-weight: normal;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tbody tr th,
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tr td {
    background-color: #f8f3f4;
    color: #231815;
}
.bg-color .page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tbody tr th,
.bg-color .page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tr td {
    background-color: #ffffff;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price table tr td:first-child {
    text-align: left;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price:nth-child(odd) {
    background-color: #f8f3f4;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price:nth-child(odd) table tbody tr th,
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price:nth-child(odd) table tr td {
    background-color: #ffffff;
}
.page-otoriyose .otoriyose_price_wrapper .otoriyose_price .caution {
    text-indent: 0.5rem;
}





.page-otoriyose .catalog-thumb {
    max-width: 777px;
    margin: 0 auto;
}
.page-otoriyose .otoriyose-guide {
    border: 7px double #efefef;
    padding: 1.5rem;
}
.page-otoriyose .otoriyose-guide h3 {
    margin-bottom: 0.5rem;
}
.page-otoriyose .otoriyose-guide p {
    text-indent: 1rem;
}
.page-otoriyose .flow-03 .section_inner_body {
    margin-bottom: 5rem;
}
.page-otoriyose .flow-05 .section_inner_body {
    margin-bottom: 3rem;
}
.page-otoriyose .flow-05 .section_inner_footer {
    text-align: center;
}
.page-otoriyose .flow-05 .form-link {
    background-color: #b5d575;
    display: inline-block;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 0.8rem 1rem;
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
}
.page-otoriyose .flow-05 .form-link:hover {
    text-decoration: underline !important;
}
.page-otoriyose .flow-05 .form-link img {
    max-width: 26px;
    margin-right: 0.5rem;
    vertical-align: sub;
}
.page-otoriyose .flow-05 .form-link span {
    line-height: 1;
    font-size: 1.2rem;
    color: #231815;
}



/******************************************************************

サイドバー

******************************************************************/



/******************************************************************

ユーティリティナビゲーション

******************************************************************/



/******************************************************************

フッター

******************************************************************/
#footer {
    background-color: #dcdddd;
    padding: 2rem 1rem 3rem;
}

/*
before footer
*/
.instagram-area {
    display: none;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 7rem;
}
.home .instagram-area {
    display: block;
}
.instagram-link:hover {
    background-color: #f8f3f4;
}
.instagram-link {
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    border: 1px solid #cccccc;
/*    padding: 0.5rem 1rem;*/
    padding: 0.7rem 1rem 0.5rem;
    width: 100%;
}
.instagram-link img {
    max-width: 200px;
}


/*-------------------------------------------
contact-area
-------------------------------------------*/
#contact-area {
    background-color: #f8f3f4;
    padding: 2rem 0;
    margin-bottom: 0;
    margin-top: 90px;
}
#contact-area .contact-area_header {
    text-align: center;
}
#contact-area .contact-area_title_wrapper {
    position: relative;
}
#contact-area .contact-area_title {
    display: inline-block;
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    margin: auto;
}
#contact-area .contact-area_title img {
    max-width: 300px;
}
#contact-area .contact-area_main {
}
#contact-area .flexbox {
    display: flex;
    justify-content: space-between;
}
#contact-area .flexitem {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    padding: 1rem 2rem;
}
#contact-area .flexitem-inner {
    width: 100%;
    margin-bottom: 0.5rem;
}
#contact-area .contact-left {
    border-left: 1px solid #231815;
}
#contact-area .instagram-link img {
    max-width: 120px;
}
#contact-area .contact-center {
    border-left: 1px solid #231815;
    border-right: 1px solid #231815;
    text-align: center;
}
#contact-area .contact-center p {
}
#contact-area .contact-telno {
    font-size: 1.8rem;
    color: #231815;
}
#contact-area .contact-right {
    border-right: 1px solid #231815;
}
#contact-area .form-link:hover {
    background-color: #eeeeee;
}
#contact-area .form-link {
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 0.5rem 1rem;
    width: 100%;
}
#contact-area .form-link img {
    max-width: 26px;
    margin-right: 0.5rem;
    vertical-align: sub;
}
#contact-area .form-link span {
    line-height: 1;
    font-size: 1rem;
    color: #231815;
}



/*-------------------------------------------
フッターナビゲーション
-------------------------------------------*/
#footernavi > ul {
    display: flex;
    justify-content: flex-end;
}
#footernavi > ul > li {
    margin-right: 2rem;
    margin-bottom: 0.5rem;
}
#footernavi > ul > li:last-child {
    margin-right: 0;
}
#footernavi > ul > li a {
    font-size: 1.1rem;
    color: #231815;
}
#footernavi > ul > li a:hover {
    text-decoration: underline;
}



/*-------------------------------------------
footer-main
-------------------------------------------*/
#footer-main .info-area {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
#footer-main .info-area .logo {
    display: inline-block;
    width: 100%;
    max-width: 110px;
    margin-right: 1.5rem;
}
#footer-main .info-area .footer-info p {
    color: #231815;
}
#footer-main .info-area .footer-info .site-title {
    font-size: 1.3rem;
    font-family: "Noto Sans JP";
}
#footer-main .info-area .footer-info .site-desc {
    font-size: 1.1rem;
    margin-left: 1rem;
}


/*-------------------------------------------
footer-bottom
-------------------------------------------*/
#footer-bottom .footer-bottom-inner {
    display: flex;
    align-items: center;
}
#footer-bottom .footer-bottom-inner .logo-nikke {
    display: inline-block;
    width: 100%;
    max-width: 110px;
    margin-right: 1.5rem;
    text-align: center;
}
#footer-bottom .footer-bottom-inner .logo-nikke img {
    max-width: 80px;
}
#footer-bottom .footer-bottom-inner .nikke-info p {
    color: #231815;
}


/******************************************************************

トップページ(toppage)

******************************************************************/
.main-image img {
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*-------------------------------------------
concept
-------------------------------------------*/
#concept .section_header {
    text-align: center;
}
#concept .section_title {
    margin: 4rem auto 2rem;
}
#concept .section_title img {
    max-width: 300px;
}
#concept .section_main {
    text-align: center;
}
#concept .section_main .concept-text {
    font-size: 2.5rem;
    color: #231815;
}
/*
#concept .section_main .concept-text {
    max-width: 440px;
    margin: 1rem auto;
}
*/
#concept .concept-lead {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-end;
    margin: 4rem auto;
}
#concept .concept-lead-left {
    flex-basis: 16%;
    max-width: 16%;
    text-align: left;
}
#concept .concept-lead-left img {
    max-width: 80px;
}
#concept .concept-lead-center {
    flex-basis: 68%;
    max-width: 68%;
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 2px;
}
#concept .concept-lead-right {
    flex-basis: 16%;
    max-width: 16%;
    text-align: right;
}
#concept .concept-lead-right img {
    max-width: 80px;
}



/*-------------------------------------------
campaign
-------------------------------------------*/
.home #campaign {
    margin-bottom: 4rem !important;
}
#campaign .campaign-head {
    text-align: left;
}
#campaign .campaign-head img {
    max-width: 65px;
/*    max-width: 76px;*/
}
#campaign .campaign-body {
    display: flex;
    justify-content: center;
    align-items: center;
}
#campaign .campaign-bottom {
    text-align: right;
}
#campaign .campaign-bottom img {
/*    max-width: 96px;*/
    max-width: 80px;
}
#campaign .section_header {
    flex-basis: 30%;
    max-width: 30%;
    text-align: center;
}
#campaign .section_title {
}
#campaign .section_title img {
    max-width: 300px;
}
#campaign .section_title + img {
    max-width: 110px;
}
#campaign .section_main {
    flex-basis: 57%;
    max-width: 57%;
    text-align: center;
}
#campaign .section_main .campaignlist {
}
#campaign .section_main .slick-slider {
    margin-bottom: 0;
}


/*-------------------------------------------
photo-plan
-------------------------------------------*/
#photo-plan {
    background-color: #f8f3f4;
    padding: 8rem 0 6rem;
    margin-bottom: 6rem !important;
}
#photo-plan .photo-plan-bottom {
/*    text-align: right;*/
    position: relative;
}
#photo-plan .photo-plan-bottom img {
    max-width: 96px;
    position: absolute;
    right: 29%;
    top: 30px;
}
#photo-plan .section_header {
    text-align: center;
    position: relative;
}
#photo-plan .section_title {
    display: inline-block;
}
#photo-plan .section_title img {
    max-width: 300px;
}
#photo-plan .section_title_wrapper {
    position: absolute;
    top: -161px;
    left: 0;
    right: 0;
    margin: auto;
}
#photo-plan .section_title_wrapper > img {
    max-width: 96px;
    vertical-align: top;
}
#photo-plan .section_title_wrapper > .adjust-box {
    max-width: 96px;
    display: inline-block;
    width: 100%;
}
#photo-plan .section_main {
}

/*
一覧
*/
.home .photo_planlist > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.home .photo_planlist > ul > li {
    flex-basis: 18.5%;
    max-width: 18.5%;
    margin-right: 1.875%;
    margin-bottom: 2rem;
}
.home .photo_planlist > ul > li:nth-child(5n+5) {
    margin-right: 0;
}
.home .photo_planlist > ul > li .thumb {
    margin-bottom: 0.5rem;
}
.home .photo_planlist > ul > li .text {
    text-align: center;
}
.home .photo_planlist > ul > li .text h2 {
    font-family: "Noto Sans JP";
    font-weight: normal;
}



/*-------------------------------------------
toppage-banner
-------------------------------------------*/
#toppage-banner {
    text-align: center;
    margin-bottom: 5rem !important;
}
#toppage-banner > a {
    display: inline-block;
    margin: 0 auto;
    border: 3px solid #f8f3f4;
}
#toppage-banner > a:hover {
/*    background-color: #f8f3f4;*/
    border: 3px solid #e5e2e2;
    background-image: url(assets/images/toppage-banner-hover.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#toppage-banner .toppage-banner-inner {
    max-width: 610px;
    margin: 0 auto;
    padding: 2rem;
}
#toppage-banner .toppage-banner-inner-upper {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}
#toppage-banner .toppage-banner-inner-lower {
}
#toppage-banner .toppage-banner-inner-lower > p {
    font-size: 1.2rem;
    font-family: "Noto Sans JP";
    color: #706067;
}
#toppage-banner .section_title {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#toppage-banner .section_title img {
    max-width: 300px;
}
#toppage-banner .left_icon {
    padding-top: 1rem;
}
#toppage-banner .left_icon > img {
    max-width: 53px;
}
#toppage-banner .right_icon {
    padding-top: 1rem;
}
#toppage-banner .right_icon > img {
    max-width: 61px;
}


/******************************************************************

投稿（お知らせ）

******************************************************************/
.home #news {
    background-color: #f8f3f4;
    padding: 4rem 0;
    margin-bottom: 1rem !important;
}
.home #news .section_title {
    font-size: 1.7rem;
    margin-bottom: 1rem;
}
.postlist-ul {
}
.postlist-ul > li {
    padding: 0.8rem 0;
    border-bottom: 1px dotted #231815;
}
.postlist-ul > li .text {
/*    display: flex;*/
}
.postlist-ul > li .text .date {
/*    margin-right: 2rem;*/
}
.postlist-ul > li .text h2 {
    margin-bottom: 0.5rem;
}
.postlist-ul > li .text .list-title {
    font-size: 1rem;
    font-weight: normal;
}
.postlist-ul > li a:hover {
    text-decoration: underline !important;
}


/*
シングルページ
*/
.single-post .article-header .single-title_wrapper {
    margin-top: 4rem;
    margin-bottom: 2rem;
    border: 1px solid #dddddd;
    padding: 1.5rem;
    border-radius: 3px;
}
.single-post .article-header .single-title_wrapper .date {
    /*    text-align: right;*/
    color: #666666;
    font-size: 0.9rem;
}

/* 文章 */
.single-post .entry-content {
}
.single-post .entry-content img {
    width: auto;
}
.single-post .entry-content p {
    margin-bottom: 1rem;
}
.single-post .article-footer .post_link {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.single-post .article-footer .post_link a:hover {
    text-decoration: underline !important;
}

/******************************************************************

固定ページ(page)

******************************************************************/
/*-------------------------------------------
固定ページ共通
-------------------------------------------*/
.page #main section {
    margin-bottom: 4rem;
}
.page #main .section_title.decor {
    position: relative;
    display: inline-block;
    background-color: #706067;
    color: #ffffff;
    font-weight: normal;
    padding: 0.2rem 7rem 0.3rem 1rem;
}
.page #main .section_title.decor:after {
    /* border-bottom: solid 1px #DFDFD0; */
    /* border-left: solid 1px #DFDFD0; */
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 35px;
    height: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    background-color: #ffffff;
}


/*-------------------------------------------
アクセス
-------------------------------------------*/
.page-access #access .section_inner_title {
    padding-bottom: 0.5rem;
    border-bottom: 1px dotted #231815;
    margin-bottom: 1rem;
}
.page-access #access .section_inner {
    margin-bottom: 3rem;
}
.page-access #access .section_inner > ul {
    margin-bottom: 2rem;
}
.page-access #access .section_inner > ul .ul-title {
    font-size: 1rem;
    color: #706067;
    line-height: 2;
}
.page-access #access .section_inner > ul > li {
}
.page-access #access .section_inner > ul > li > ul {
    margin-bottom: 2rem;
}
.page-access #access .section_inner > ul > li > ul > li {
    margin-bottom: 1rem;
    padding-left: 1rem;
}
.page-access #summary .site-desc {
    margin-left: 0.8rem;
}



/*-------------------------------------------
Q&A
-------------------------------------------*/
.page-qa #qa-area .qa-lead {
    margin-bottom: 3rem;
    text-align: center;
    border: 1px solid #efefef;
    padding: 2rem 1rem;
}
.page-qa #qa-area .qa-list {
}
.page-qa #qa-area .qa_title {
    position: relative;
    display: inline-block;
    background-color: #706067;
    color: #ffffff;
    font-weight: normal;
    padding: 0.2rem 7rem 0.3rem 1rem;
    margin-bottom: 0.5rem;
}
.page-qa #qa-area .qa_title:after {
    /* border-bottom: solid 1px #DFDFD0; */
    /* border-left: solid 1px #DFDFD0; */
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 35px;
    height: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    background-color: #ffffff;
}
.page-qa #qa-area .qa-list ul {
    margin-bottom: 3rem;
}
.page-qa #qa-area .qa-list li {
    /*    border-bottom: 1px solid #cccccc;*/
}
.page-qa #qa-area .qa-list li .question,
.page-qa #qa-area .qa-list li .answer {
    position: relative;
    /*
    padding-left: 5%;
    padding-right: 5%;
    */
    padding-bottom: 0.0rem;
}
.page-qa #qa-area .qa-list li .question {
    font-size: 1.1rem;
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    color: #231815;
}
.page-qa #qa-area .qa-list li .question:hover {
    cursor: pointer;
    text-decoration: underline;
}
.page-qa #qa-area .qa-list li .answer {
    font-size: 1.0rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    border: 1px solid #cccccc;
}
.page-qa #qa-area .qa-list li .related_post {
    margin-top: 1.0rem;
    padding-top: 1.0rem;
    border-top: 1px solid #efefef;
}
.page-qa #qa-area .qa-list li .answer_text {
    padding-left: 0.5rem;
    position: relative;
}
.page-qa #qa-area .qa-list li .question:before {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 1rem;
    /* font-family: FontAwesome; */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    text-decoration: none;
    color: #444444;
}
.page-qa #qa-area .qa-list li .question.opened:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*-------------------------------------------
gallery
-------------------------------------------*/
.page-gallery #gallery-1 img {
    border: none !important;
}
.page-gallery .gallery-item {
    width: calc(100%/3);
/*    margin-bottom: 10px;*/
/*    width: 32%;*/
/*    margin-right: 1%;*/
    padding: 0 0.25rem;
    margin-top: 0.5rem;
}
/*
.gallery-item:nth-child(3n+3) {
    margin-right: 0;
}
*/
.page-gallery .gallery-box a,
.page-gallery #gallery a {
    display: block;
}


/*-------------------------------------------
撮影オプション
-------------------------------------------*/
.page-options #options .inner_width,
.page-options #rental .inner_width {
    width: 85%;
}

.page-options .section_header {
    margin-bottom: 3rem;
}
.page-options .section_title_wrapper {
    text-align: center;
    margin: 4rem 0 4rem;
}
.page-options .section_title_wrapper {
}
.page-options .section_title {
    margin-bottom: 1rem;
}
.page-options .options-lead,
.page-options .rental-lead {
    font-size: 1.1rem;
    text-align: center;
}
.page-options .bg-color {
    background-color: #f8f3f4;
    padding: 1rem 0 3rem;
}
.page-options {
}
.page-options #options {
}
.page-options .section_title img {
    max-width: 300px;
}

table.options_table {
    width: 100%;
    margin: 0 auto;

    table-layout:fixed;

    border-collapse: separate;
    border-spacing: 8px 8px;
    margin-bottom: 3rem;
}
table.options_table tr th,
table.options_table tr td {
    padding: 1rem;
    text-align: center;
}
table.options_table thead tr th {
    background-color: #706067;
    color: #ffffff;
}
table.options_table tr th:first-child {
    width: 70%;
}
#options table.options_table tr th:first-child {
    width: 60%;
}
table.options_table tbody tr th {
    font-weight: normal;
}
table.options_table tbody tr th,
table.options_table tr td {
    background-color: #f8f3f4;
    color: #231815;
}
.bg-color table.options_table tbody tr th,
.bg-color table.options_table tr td {
    background-color: #ffffff;
}
table.options_table tr td:first-child {
    text-align: left;
}

.page-options .caution-box {
    border: 1px solid #706067;
    padding: 1.5rem;
    background-color: #ffffff;
    font-size: 1.1rem;
}

.link-page {
    text-align: center;
}
.page-options .link-page a {
    margin: 0.5rem 1.5rem;
}


/*-------------------------------------------
photo producs
-------------------------------------------*/
/*
products
*/
.page-photo-products #products .inner_width {
    max-width: 65%;
    margin: 0 auto;
}
.page-photo-products #products .section_header {
    margin-bottom: 4rem;
}
.page-photo-products #products .section_thumb {
    margin-bottom: 2rem;
}
.page-photo-products #products .products-lead {
    font-size: 1.1rem;
    color: #231815;
}


/*
旧フォトグッズ
*/
.page-photo-products .products-box .text {
/*
    display: flex;
    align-items: flex-end;
*/
}
.page-photo-products .products-box .text .pp-text-box {
    flex-basis: 65%;
    max-width: 65%;
    flex-basis: 100%;
    max-width: 100%;
}
.page-photo-products .products-box .text .pp-price-box {
    display: none;
}
.page-photo-products .products-box .text .pp-price-box > p {
    margin-left: 1.5rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #231815;
}
.page-photo-products .pp-text-box .pp-text-sbj {
    position: relative;
    display: inline-block;
/*    background-color: #706067;*/
    font-weight: bold;
/*    padding: 0.2rem 4rem 0.3rem 1rem;*/
    padding: 0.2rem 0;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}
/*
.page-photo-products .pp-text-box .pp-text-sbj:after {
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 35px;
    height: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    background-color: #f8f3f4;
}
*/




/*
リード
*/
.page-photo-products #main > article .inner_width {
    max-width: 65%;
    margin: 0 auto;
}
.page-photo-products #products-lead .section_header {
    margin-bottom: 4rem;
}
.page-photo-products #products-lead .section_thumb {
    margin-bottom: 2rem;
}
.page-photo-products #products-lead .products-lead {
    font-size: 1.1rem;
    color: #231815;
}


.page-photo-products .title-band .section_header {
    background-color: #f8f3f4;
    margin-bottom: 1.5rem;
}
.page-photo-products .title-band .section_title_wrapper {
    text-align: center;
    padding: 0.8rem 0;
}
.page-photo-products .title-band .section_title_wrapper .section_title {
    margin-top: 0.3rem;
    margin-bottom: 0.5rem;
}
.page-photo-products .title-band .section_title_wrapper .section_sub_title {
    padding-left: 2rem;
    line-height: 1.6;
}

.page-photo-products .products-box {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px dotted #000000;
}
.page-photo-products .products-box.bordernone {
    padding-bottom: 0;
    border-bottom: none;
}
.page-photo-products .products-box .thumb {
    margin-bottom: 1.5rem;
}

.page-photo-products .products-kind {
    border: 1px solid #231815;
    padding-top: 1rem;
    background-color: #f8f3f4;
    margin-bottom: 1rem;
}
.page-photo-products .products-kind .products-kind-title-wrapper {
    display: flex;
    flex-flow: wrap;
}
.page-photo-products .products-kind .products-kind-subtitle {
    font-size: 1.1rem;
    padding-left: 1.5rem;
}
.page-photo-products .products-kind .products-kind-title {
    position: relative;
    display: inline-block;
    background-color: #706067;
    color: #ffffff;
    font-weight: normal;
    padding: 0.2rem 4rem 0.3rem 1rem;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}
.page-photo-products .products-kind .products-kind-title:after {
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 27px;
    height: 27px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.8rem;
    background-color: #f8f3f4;
}
.page-photo-products .products-kind .products-kind-list {
    padding: 0.5rem 1.5rem 1rem;
}
.page-photo-products .products-kind .products-kind-list > li {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.page-photo-products .products-kind .products-kind-list > li .products-kind-list-title {
    font-size: 1.1rem;
    font-weight: normal;
/*    margin-bottom: 0.5rem;*/
    color: #706067;
}
.page-photo-products .products-kind .products-kind-list > li .products-kind-list-price {
    margin-left: 1.0rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #231815;
}

.page-photo-products #photo-goods .section_main {
    display: flex;
    flex-flow: wrap;
}
.page-photo-products #photo-goods .section_main > .section_inner {
    flex-basis: 48%;
    max-width: 48%;
    margin-right: 4%;
    margin-bottom: 2.5rem;
}
.page-photo-products #photo-goods .section_main > .section_inner:nth-child(2n+2) {
    margin-right: 0;
}
.page-photo-products #photo-goods .products-box {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.page-photo-products #photo-goods .products-box .thumb {
    text-align: center;
}
.page-photo-products #photo-goods .products-box .thumb.square img {
    max-width: 80%;
}




/*
delivery
*/
.page-photo-products #delivery .section_title {
    position: relative;
    display: inline-block;
    background-color: #c99aa1;
    color: #ffffff;
    font-weight: normal;
    padding: 0.4rem 4rem 0.5rem 1rem;
    font-size: 1.2rem;
}
.page-photo-products #delivery .section_title:after {
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 35px;
    height: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    background-color: #ffffff;
}
.page-photo-products #delivery .bg-color {
    background-color: #f8f3f4;
    padding: 2rem 0 0.1rem;
    margin-bottom: 2rem;
}

.page-photo-products #delivery .section_inner {
    margin-bottom: 3rem;
}
.page-photo-products #delivery .section_inner > p {
    font-size: 1.1rem;
}
.page-photo-products #delivery .section_inner_title {
    border-bottom: 1px dotted #ab9396;
    padding-bottom: 1rem;
    margin-bottom: 0.8rem;
}
.page-photo-products #delivery .section_inner_title > span {
    display: inline-block;
    padding: 3px 7px;
    background-color: #706067;
    color: #ffffff;
    border-radius: 20px;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 17px;
    vertical-align: text-bottom;
    margin-right: 0.5rem;
    font-family: Meiryo, sans-serif;
}

.page-photo-products #delivery .caution-box {
}
.page-photo-products #delivery .caution-box p {
    font-size: 1.1rem;
}


/*-------------------------------------------
howto
-------------------------------------------*/
.page-howto .section_header {
    margin-bottom: 4rem;
    text-align: center;
}
.page-howto .section_title_wrapper {
    margin: 0rem 0 4rem;
}
.page-howto .section_title {
}
.page-howto .howto-lead {
    font-size: 1.1rem;
}
.page-howto {
}
.page-howto #howto .howto-box {
    display: flex;
}
.page-howto #howto .howto-box .thumb {
    flex-basis: 30%;
    max-width: 30%;
    display: none;
}
.page-howto #howto .howto-box .text {
    flex-basis: 65%;
    max-width: 65%;
    margin-left: auto;
    flex-basis: 60%;
    max-width: 60%;
    margin: 0 auto;
}
.page-howto #howto .howto-box .text .icon-step {
    margin-bottom: 1.5rem;
}
.page-howto #howto .howto-box .text img {
    max-width: 110px;
}
.page-howto #howto .howto-box .text .section_inner_title {
    margin-bottom: 1rem;
}
.page-howto #howto .howto-box .text .howto-description {
    font-size: 1.1rem;
}
.page-howto #howto .border-bottom {
    display: block;
    width: 60%;
    margin: auto;
    border-bottom: 2px dotted #ab9396;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
}


/*-------------------------------------------
studio points
-------------------------------------------*/
.page-studio-points .headline_wrapper {
    margin-top: 6rem;
}
.page-studio-points .inner_width {
    width: 86%;
}
.page-studio-points #studio-points {
}
.page-studio-points #studio-points .bg-img {
    background-image: url(assets/images/bg-studio-points.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 14rem 0 4rem;
    margin-top: -18rem;
    position: relative;
}
.page-studio-points #studio-points .bg-img .ill {
    position: absolute;
    width: 13%;
}
.page-studio-points #studio-points .bg-img .ill-10 {
    top: 95px;
    left: 47px;
}
.page-studio-points #studio-points .bg-img .ill-11 {
    top: 15px;
    right: 15px;
    text-align: right;
}
.page-studio-points #studio-points .bg-img .ill-12 {
    bottom: 15px;
    left: 15px;
}
.page-studio-points #studio-points .bg-img .ill-13 {
    bottom: 15px;
    right: 15px;
    text-align: right;
}
.page-studio-points #studio-points .bg-img .ill-10 img {
    max-width: 100px;
    transform: rotate(35deg);
}
.page-studio-points #studio-points .bg-img .ill-11 img {
    max-width: 60px;
}
.page-studio-points #studio-points .bg-img .ill-12 img {
    max-width: 45px;
}
.page-studio-points #studio-points .bg-img .ill-13 img {
    max-width: 100px;
}
.page-studio-points #studio-points .studio-points-lead {
    text-align: center;
    margin-bottom: 5rem;
    font-size: 1.0rem;
    color: #231815;
}
.page-studio-points #studio-points .studio-points-box {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
/*    margin-bottom: 3rem;*/
}
.page-studio-points #studio-points .studio-points-box .section_inner_title {
    margin-bottom: 1.5rem;
    color: #706067;
}
.page-studio-points #studio-points .studio-points-box .thumb {
    flex-basis: 50%;
    max-width: 50%;
/*    margin-bottom: 1rem;*/
}
.page-studio-points #studio-points .studio-points-box .text {
    flex-basis: 50%;
    max-width: 50%;
    text-align: center;
/*    margin-bottom: 1rem;*/
/*    color: #595757;*/
    padding: 4% 5%;
}
.page-studio-points #studio-points .studio-points-box .text .studio-points-description {
    text-align: justify;
}
.page-studio-points #studio-points .studio-points-box .text .studio-points-description p {
}
.page-studio-points #studio-points .studio-points-box-wrapper:nth-child(odd) .thumb {
    order: 1;
}
.page-studio-points #studio-points .studio-points-box-wrapper:nth-child(odd) .text {
    order: 2;
}
.page-studio-points #studio-points .studio-points-box-wrapper:nth-child(even) .thumb {
    order: 2;
}
.page-studio-points #studio-points .studio-points-box-wrapper:nth-child(even) .text {
    order: 1;
}
.page-studio-points #studio-points .studio-points-cap {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 5rem 0 0;
}
.page-studio-points #studio-points .studio-points-cap > li {
    flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 3rem;
}
.page-studio-points #studio-points .studio-points-cap > li .thumb {
    margin-bottom: 0.5rem;
}
.page-studio-points #studio-points .studio-points-cap > li .text {
    text-align: center;
}
.page-studio-points #studio-points .studio-points-cap .section_inner_title {
    margin-bottom: 1.5rem;
    color: #706067;
}


/*-------------------------------------------
staff
-------------------------------------------*/
.page-studio-points #staff {
}
.page-studio-points #staff .section_thumb {
    margin-top: 8rem;
    margin-bottom: 5rem;
}
.page-studio-points #staff .section_thumb img {
    width: 100%;
}
.page-studio-points #staff .section_title_wrapper {
    margin-bottom: 3rem;
    text-align: center;
}
.page-studio-points #staff .section_title img {
    max-width: 300px;
}
.page-studio-points #staff .staff-lead {
    text-align: center;
    margin-bottom: 5rem;
    font-size: 1.1rem;
    color: #231815;
}
.page-studio-points #staff .stafflist {
    display: flex;
    flex-flow: wrap;
}
.page-studio-points #staff .stafflist > li {
    flex-basis: 32.0%;
    max-width: 32.0%;
    margin-right: 2%;
    margin-bottom: 1.5rem;
    border: 3px solid #898888;
    border-radius: 15px;
    overflow: hidden;
}
.page-studio-points #staff .stafflist > li:nth-child(3n+3) {
    margin-right: 0;
}
.page-studio-points #staff .stafflist > li .thumb {
}
.page-studio-points #staff .stafflist > li .text {
}
.page-studio-points #staff .stafflist > li .text .name {
/*    background-color: #898888;*/
    background-image: url(assets/images/bg-staff_name.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
    padding: 1rem;
    font-size: 1.2rem;
    text-align: center;
}
.page-studio-points #staff .stafflist > li .text .description {
    padding: 1.5rem;
    font-size: 0.9rem;
}


/******************************************************************

カスタム投稿

******************************************************************/
/*-------------------------------------------
photo plan
-------------------------------------------*/
.single-photo_plan {
}
.single-photo_plan .article-header {
    margin-bottom: 3rem;
}
.single-photo_plan .single-slug-adult #rental {
    display: none;
}

/*
フォトメニュー基本情報
*/
.single-photo_plan #pp-info {
}
.single-photo_plan #pp-info .pp-info-border {
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    border-bottom: 3px solid #f8f3f4;
}
.single-photo_plan #pp-info .pp-info-inner {
    display: flex;
    align-items: center;
}
.single-photo_plan #pp-info .menu_lead {
    font-size: 1.6rem;
    text-align: center;
}
.single-photo_plan #pp-info .pp-info-left {
    flex-basis: 20%;
    max-width: 20%;
    visibility: hidden;
}
.single-photo_plan #pp-info .pp-info-center {
    flex-basis: 60%;
    max-width: 60%;
}
.single-photo_plan #pp-info .pp-info-right {
    flex-basis: 20%;
    max-width: 20%;
}
.single-photo_plan #pp-info .menu_illust img {
    max-width: 160px;
}
.single-photo_plan #pp-info .pp-info-bottom {
    text-align: center;
    margin-bottom: 4rem;
}
.single-photo_plan #pp-info .pp-info-bottom p {
    font-size: 1.1rem;
}


/*
プランボタン
*/
.single-photo_plan #pp-button {
    margin-bottom: 5rem;
}
.single-photo_plan #pp-button .pp-button-inner {
    display: flex;
    justify-content: space-around;
}
.single-photo_plan #pp-button .pp-button-box {
    flex-basis: calc(100% / 3);
    max-width: calc(100% / 3);
/*
    flex-basis: 40%;
    max-width: 40%;
*/
    border-left: 1px solid #231815;
    border: 1px solid #231815;
    padding-top: 1rem;
    background-color: #f8f3f4;
    margin: 1%;
}
.single-photo_plan #pp-button .pp-button-box .pp-button-sbj {
    position: relative;
    display: inline-block;
    background-color: #706067;
    color: #ffffff;
    font-weight: normal;
    padding: 0.2rem 4rem 0.3rem 1rem;
    font-size: 1.3rem;
}
.single-photo_plan #pp-button .pp-button-box .pp-button-sbj:after {
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 35px;
    height: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    background-color: #f8f3f4;
}
.single-photo_plan #pp-button .pp-button-box .pp-button-sbj > span {
    display: inline-block;
    padding: 3px 7px;
    background-color: #ffffff;
    color: #706067;
    border-radius: 20px;
    font-size: 1.4rem;
    /*    line-height: 1;*/
    line-height: 20px;

    vertical-align: text-bottom;
    margin-right: 1rem;
/*    font-family: "Noto Sans JP";*/
    font-family: Meiryo, sans-serif;
}
.single-photo_plan #pp-button .pp-button-box .pp-button-box-inner {
    padding: 1.5rem 1rem 2rem;
    text-align: center;
}
.single-photo_plan #pp-button .pp-button-box .pp-button-box-inner > h2 {
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
    color: #706067;
}
.single-photo_plan #pp-button .pp-button-box .pp-button-box-inner > a {
    font-size: 1.1rem;
}
.single-photo_plan #pp-button .pp-button-left {
}
.single-photo_plan #pp-button .pp-button-right {
}


/*
プラン詳細
*/
.single-photo_plan .plan_detail {
    margin-bottom: 7rem;
}
.single-photo_plan .plan_detail .bg-color {
    background-color: #f8f3f4;
    padding: 3rem 0;
    margin-bottom: 3rem;
}
.single-photo_plan .plan_detail .section_title > .plan_number {
    display: inline-block;
    padding: 3px 7px;
    background-color: #706067;
    color: #ffffff;
    border-radius: 20px;
    font-size: 1.4rem;
/*    line-height: 1;*/
    line-height: 20px;
    vertical-align: text-bottom;
    margin-right: 1rem;
/*    font-family: "Noto Sans JP";*/
    font-family: Meiryo, sans-serif;
}
.single-photo_plan .plan_detail .section_title > .plan_title_en {
    margin-right: 1rem;
}
.single-photo_plan .plan_detail .section_title {
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    color: #231815;
    border-bottom: 1px dotted #ab9396;
}
.single-photo_plan .plan_detail .plan_description {
    margin-bottom: 0.5rem;
}
.single-photo_plan .plan_detail .plan_price {
    font-size: 1.6rem;
    color: #231815;
    margin-left: 3rem;
    margin-bottom: 1.5rem;
}
.single-photo_plan .plan_detail .plan_service-box {
    border: 1px solid #706067;
    background-color: #ffffff;
    padding: 2rem 0;
}
.single-photo_plan .plan_detail .plan_service-box-inner {
    display: flex;
    align-items: center;
}
.single-photo_plan .plan_detail .plan_service-sbj {
    position: relative;
    display: inline-block;
    background-color: #706067;
    color: #ffffff;
    font-weight: normal;
    padding: 1.0rem 3.5rem 1.0rem 1.5rem;
    font-size: 1.3rem;
    text-align: center;
}
.single-photo_plan .plan_detail .plan_service-sbj:after {
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 60px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2.5rem;
    background-color: #ffffff;
}
.single-photo_plan .plan_detail .plan_service-box-left {
    flex-basis: 20%;
    max-width: 20%;
}
.single-photo_plan .plan_detail .plan_service-box-right {
    flex-basis: 80%;
    max-width: 80%;
    padding: 0 1rem;
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox {
    justify-content: center;
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox .pd_illust {
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox .pd_illust .pd_illust_inner {
    display: flex;
    align-items: baseline;
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox .pd_illust .pd_illust_left {
    margin: 0 2rem;
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox .pd_illust .pd_illust_right {
    text-align: center;
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox .pd_illust .icon-plan_service {
    max-width: 30px;
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox .pd_illust .pd_illust_img {
    max-width: 115px;
}
.single-photo_plan .plan_detail .plan_service-box-right .flexbox .pd_illust p {
    max-width: 115px;
    margin: 0 auto;
    text-align: center;
    font-family: "Noto Sans JP";
    line-height: 1.6;
    font-size: 0.9rem;
}

/*
プラン備考
*/
.single-photo_plan .plan_detail .plan_notes-box {
    margin-bottom: 6rem;
}
.single-photo_plan .plan_detail .plan_notes {
    font-size: 1.2rem;
}
.single-photo_plan .plan_detail .plan_notes .go-options {
    color: #009fe8;
}

/*
撮影オプションページリンクボタン
*/
.single-photo_plan .plan_detail .link-page {
    text-align: right;
    margin-bottom: 5rem;
}


/*
セットプラン
*/
.single-photo_plan .set_plan {
    margin-bottom: 3rem;
}
.single-photo_plan .set_plan .section_title {
    margin-bottom: 1.5rem;
}
.single-photo_plan .set_plan .set_plan-inner {
    display: flex;
/*    justify-content: space-around;*/
    margin-bottom: 1.5rem;
}
.single-photo_plan .set_plan .set_plan-box {
    flex-basis: 32%;
    max-width: 32%;
    margin-right: 2%;
    border-left: 1px solid #231815;
    border-bottom: 1px solid #231815;
    background-color: #ffffff;
    padding-top: 1rem;
    margin-bottom: 1rem;
}
.single-photo_plan .set_plan .set_plan-box:last-child,
.single-photo_plan .set_plan .set_plan-box:nth-child(3n+3) {
    margin-right: 0;
}
.single-photo_plan .set_plan .set_plan-box .set_plan_title-wrapper {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.single-photo_plan .set_plan .set_plan-box .set_plan_title {
    position: relative;
    display: inline-block;
    background-color: #d8b6ba;
    color: #ffffff;
    font-weight: normal;
    padding: 0.2rem 3.5rem 0.3rem 1rem;
    font-size: 1.2rem;
}
.single-photo_plan .set_plan .set_plan-box .set_plan_title:after {
    /* border-bottom: solid 1px #DFDFD0; */
    /* border-left: solid 1px #DFDFD0; */
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    background-color: #ffffff;
}
.single-photo_plan .set_plan .set_plan-box .set_plan_price {
    font-size: 1.5rem;
    color: #231815;
    flex-basis: 100%;
    /*        margin: 0.5rem 0rem 0 1rem;*/
/*    margin: 1rem 0rem 0 1.5rem;*/
    margin: 1rem 1rem 0;
    text-align: center;
}
.single-photo_plan .set_plan .set_plan-box .set_plan_price .small {
    font-size: 0.9rem;
}
.single-photo_plan .set_plan .set_plan-box .set_plan-box-inner {
    padding: 2rem 2rem;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
}
.single-photo_plan .set_plan .set_plan-box .set_plan-box-inner > .set_plan_illust {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
    text-align: center;
}
.single-photo_plan .set_plan .set_plan-box .set_plan-box-inner > .set_plan_illust img {
    max-width: 235px;
}
.single-photo_plan .set_plan .set_plan-box .set_plan-box-inner > .set_plan_description {
    flex-basis: 100%;
    max-width: 100%;
}
.single-photo_plan .set_plan .set_plan-box .set_plan-box-inner > .set_plan_description p {
    font-size: 1.2rem;
    font-family: "Noto Sans JP";
}
.single-photo_plan .set_plan .set_plan_notes-box {
    text-align: center;
    font-size: 1.2rem;
}
.single-photo_plan .set_plan .set_plan_notes-box a {
    color: #009fe8;
}


/*
プラン追加情報
*/
/*
studio points
*/
.single-photo_plan #studio-points {
    margin-bottom: 4rem;
}
.single-photo_plan #studio-points .bg-img {
    background-image: url(assets/images/bg-studio-points.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 10rem 0 0;
    margin-top: -12rem;
    position: relative;
}
.single-photo_plan #studio-points .bg-img .ill {
    position: absolute;
    width: 13%;
}
.single-photo_plan #studio-points .bg-img .ill-10 {
    top: 15px;
    left: 15px;
}
.single-photo_plan #studio-points .bg-img .ill-11 {
    top: 15px;
    right: 15px;
    text-align: right;
}
.single-photo_plan #studio-points .bg-img .ill-12 {
    bottom: 15px;
    left: 15px;
}
.single-photo_plan #studio-points .bg-img .ill-13 {
    bottom: 15px;
    right: 15px;
    text-align: right;
}
.single-photo_plan #studio-points .bg-img .ill-10 img {
    max-width: 90px
}
.single-photo_plan #studio-points .bg-img .ill-11 img {
    max-width: 60px
}
.single-photo_plan #studio-points .bg-img .ill-12 img {
    max-width: 45px
}
.single-photo_plan #studio-points .bg-img .ill-13 img {
    max-width: 100px
}
.single-photo_plan #studio-points .section_header {
    position: relative;
    z-index: 1;
}
.single-photo_plan #studio-points .section_title {
    text-align: center;
    margin: 2rem 0;
}
.single-photo_plan #studio-points .section_title img {
    max-width: 300px;
}
.single-photo_plan #studio-points .studio-points-lead {
    text-align: center;
    margin-bottom: 5rem;
    font-size: 1.1rem;
    color: #231815;
}
.single-photo_plan #studio-points .section_main {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-bottom: 3rem;
}
.single-photo_plan #studio-points .section_main .section_inner_title {
    margin-bottom: 2rem;
    color: #706067;
}
.single-photo_plan #studio-points .section_main .section_inner {
    flex-basis: 32%;
    max-width: 32%;
    margin-right: 2%;
    text-align: center;
    margin-bottom: 1rem;
}
.single-photo_plan #studio-points .section_main .section_inner:nth-child(1) {
    margin-right: 4%;
}
.single-photo_plan #studio-points .section_main .section_inner:nth-child(2),
.single-photo_plan #studio-points .section_main .section_inner:nth-child(5) {
    margin-right: 0;
}
.single-photo_plan #studio-points .section_main .section_inner .thumb {
    margin-bottom: 0.5rem;
}
.single-photo_plan #studio-points .section_main .section_inner .text {
}
.single-photo_plan #studio-points .section_main .section_inner .text h2 {
    font-size: 1.1rem;
}

.single-photo_plan #studio-points .section_main .studio-points-cap-wrapper {
    flex-basis: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.single-photo_plan #studio-points .studio-points-cap {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding: 2rem 0 0;
}
.single-photo_plan #studio-points .studio-points-cap > li {
    flex-basis: 32%;
    max-width: 32%;
    margin-right: 4%;
    margin-bottom: 2rem;
}
.single-photo_plan #studio-points .studio-points-cap > li:last-child {
    margin-right: 0;
}
.single-photo_plan #studio-points .studio-points-cap > li .thumb {
    margin-bottom: 0.5rem;
}
.single-photo_plan #studio-points .studio-points-cap > li .text {
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.4;
    margin-bottom: 2rem;
}

/*
予約ボタンとか
*/
.pp-contact-box {
    margin-bottom: 5rem;
}
.pp-contact-box .flexbox {
    justify-content: center;
}
.pp-contact-box .flexitem {
    flex-basis: 100%;
    max-width: 300px;
    margin: 1rem;
}
.pp-contact-box .form-link:hover {
    background-color: #eeeeee;
}
.pp-contact-box .form-link {
    display: inline-block;
    text-align: center;
    padding: 0.8rem 1.0rem;
    width: 100%;
    border-radius: 15px;
}
.pp-contact-box .form-link.booking-form {
    background-color: #b5d676;
}
.pp-contact-box .form-link.contact {
    background-color: #cee5ec;
}
.pp-contact-box .form-link.line-contact {
    background-color: #fffacd;
}
.pp-contact-box .form-link img {
    max-width: 26px;
    margin-right: 0.5rem;
    vertical-align: sub;
}
.pp-contact-box .form-link span {
    line-height: 1;
    font-size: 1.2rem;
    color: #231815;
}

/* フォトプランギャラリー */
.single-photo_plan #pp-gallery {
    margin-bottom: 6rem;
}
.single-photo_plan #pp-gallery .section_title {
    text-align: center;
    margin: 2rem 0;
}
.single-photo_plan #pp-gallery .section_title img {
    max-width: 300px;
}
.single-photo_plan #pp-gallery .related_gallery-wrapper {
    text-align: center;
    margin-top: 4rem;
}

/*  */
.single-photo_plan .page-options .section_title {
    cursor: pointer;
    display: inline-block;
}
.single-photo_plan .page-options .section_title:after {
    content: '\f078';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 2.5rem;
    position: relative;
    right: 0rem;
    top: 1rem;
    color: #706067;
}
.single-photo_plan .page-options > section.opened .section_title:after {
    transform: rotateX(180deg);
}
.single-photo_plan .page-options .section_title:hover:after {
    animation: arrow .2s;
}
@keyframes arrow {
    50% {
        top: 0.5rem;
    }
    100% {
        top: 1.5rem;
    }
}



/*
プラン一覧
*/
.post-type-archive-photo_plan .photo_planlist > ul {
    display: flex;
    flex-flow: wrap;
}
.post-type-archive-photo_plan .photo_planlist > ul > li {
    flex-basis: 48%;
    max-width: 48%;
    margin-right: 4%;
    margin-bottom: 1.5rem;
}
.post-type-archive-photo_plan .photo_planlist > ul > li:nth-child(2n+2) {
    margin-right: 0;
}
.post-type-archive-photo_plan .photo_planlist > ul > li .thumb {
    margin-bottom: 0.5rem;
}
.post-type-archive-photo_plan .photo_planlist > ul > li .text {
    text-align: center;
}
.post-type-archive-photo_plan .photo_planlist > ul > li .text h2 {
    font-family: "Noto Sans JP";
    font-weight: normal;
}



/*
その他のプラン一覧
*/
.other-list .photo_planlist > ul {
    display: flex;
}
.other-list .photo_planlist > ul > li {
    flex-basis: 23.5%;
    max-width: 23.5%;
    margin-right: 2%;
}
.other-list .photo_planlist > ul > li:nth-child(4n+4) {
    margin-right: 0;
}
.other-list .photo_planlist > ul > li .thumb {
    margin-bottom: 0.5rem;
}
.other-list .photo_planlist > ul > li .text {
    text-align: center;
}
.other-list .photo_planlist > ul > li .text h2 {
    font-family: "Noto Sans JP";
    font-weight: normal;
}



/*-------------------------------------------
costume
-------------------------------------------*/
/*
リード
*/
.post-type-archive-costume #costume-lead {
    margin-bottom: 2rem;
}
.post-type-archive-costume #costume-lead .section_header {
    text-align: center;
    margin-bottom: 2rem;
}
.post-type-archive-costume #costume-lead .section_thumb {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.post-type-archive-costume #costume-lead .section_thumb img {
    max-width: 380px;
}
.post-type-archive-costume #costume-lead .costume-lead {
    font-size: 1.1rem;
    color: #231815;
}

/*
caution
*/
.post-type-archive-costume .caution-box {
    border: 1px solid #706067;
    padding: 1.5rem;
    background-color: #ffffff;
    font-size: 1.1rem;
    margin-bottom: 5rem;
}
.post-type-archive-costume .caution-box .caution-title {
    margin-bottom: 1rem;
}

/*
一覧
*/
.costumes {
    margin-bottom: 5rem;
}
.costumes > article {
    border-bottom: 1px solid #cccccc;
}
.costumes .single-title {
/*    margin-bottom: 1rem;*/
    padding: 1rem 0;
    cursor: pointer;
    text-align: center;
    position: relative;
    color: #706067;
}
.costumes .single-title:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
}
.costumes .opened .single-title:after {
    transform: rotateX(180deg);
}
.costumes .single-title:hover {
    text-decoration: underline;
}
.costumes .single-title:hover:after {
    text-decoration: none;
}
.costumes .entry-content {
    display: none;
}
.costume-gallery {
    display: flex;
    flex-flow: wrap;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.costume-gallery > a {
    flex-basis: 18%;
    max-width: 18%;
    margin-right: 2.5%;
    margin-bottom: 1.5rem;
    display: block;
    text-align: center;
}
.costume-gallery > a:nth-child(5n+5) {
    margin-right: 0;
}


/*-------------------------------------------
blog
-------------------------------------------*/
.blog-lead {
    text-align: center;
    margin-bottom: 4rem;
    font-size: 1.1rem;
    color: #706067;
}
.icon_blog_cats_wrapper {
    margin-bottom: 3rem;
}
.icon_blog_cats_wrapper h5 {
    margin-bottom: 1rem;
}
.icon_blog_cat {
/*    background-color: #f2f3db;*/
    background-color: #f8f3f4;
    font-size: 0.9rem;
    line-height: 1;
    display: inline-block;
    padding: 0.2rem 0.7rem;
    margin-bottom: 1rem;
    border-radius: 5px;
    margin-right: 1rem;
}
.icon_blog_cat:last-child {
    margin-right: 0;
}
.icon_blog_cat:hover {
    text-decoration: underline !important;
}


.bloglist {
}
.bloglist > li {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #f2f3db;
}
.bloglist > li .thumb {
    flex-basis: 30%;
    max-width: 30%;
}
.bloglist > li .thumb a {
    display: block;
}
.bloglist > li .text {
    flex-basis: 65%;
    max-width: 65%;
}
.bloglist > li .text h2 {
    margin-bottom: 1rem;
}
.bloglist > li .text h2 a:hover {
    text-decoration: underline !important;
}
.bloglist > li .text .excerpt {
    margin-bottom: 1rem;
}
.bloglist > li .text .readmore {
    text-align: right;
    margin-bottom: 1rem;
}
.bloglist > li .text .readmore a {
    display: inline-block;
    text-decoration: underline !important;
}
.bloglist > li .text .readmore a:hover {
    color: #CC544F;
}


.single-blog {
}
.single-blog .article-header {
    margin-bottom: 3rem;
}
.single-blog .entry-content {
    margin-bottom: 5rem;
}
.single-blog .entry-content img {
    width: auto;
}
.single-blog .entry-content a {
    text-decoration: underline !important;
}
.single-blog .entry-content a:hover {
    color: #000000;
}
.single-blog .article-header .article-title {
    margin-bottom: 0.3rem;
    font-size: 1.4rem;
}
.single-blog .article-header .article-header-info {
    display: flex;
    flex-flow: wrap;
/*    margin-bottom: 0.5rem;*/
}
.single-blog .article-header .article-header-info .date {
    margin-right: 1rem;
}
.single-blog .article-header .article-header-info .icon_blog_cat {
    margin-bottom: 0;
}

.single-blog .article-footer {
}
.single-blog .article-footer .related_posts {
    margin-bottom: 3rem;
}
.single-blog .article-footer a:hover {
    text-decoration: underline !important;
}
.single-blog .related_posts-ul {
}
.single-blog .related_posts-ul > li {
    text-align: center;
}
.single-blog .related_posts-ul > li a.button {
    background-color: #f5b2b2;
    color: #595757;
    padding: 1rem 1rem;
    border-radius: 15px;
    width: 90%;
    max-width: 300px;
}
.single-blog .article-footer .post_link {
    display: flex;
    justify-content: center;
    margin-bottom: 6rem;
}
.single-blog .article-footer .post_link a {
    border: 2px solid #f2f3db;
    padding: 0.5rem;
    border-radius: 10px;
    margin: 0.5rem;
}
.post-type-archive-blog .back-pagetop,
.tax-blog_cat .back-pagetop,
.single-blog .back-pagetop {
    text-align: center;
}
.post-type-archive-blog .back-pagetop a,
.tax-blog_cat .back-pagetop a,
.single-blog .back-pagetop a {
    background-color: #f8f3f4;
    color: #231815;
    padding: 0.5rem 2rem;
    font-size: 0.9rem;
}
.post-type-archive-blog .back-pagetop a:hover,
.tax-blog_cat .back-pagetop a:hover,
.single-blog .back-pagetop a:hover {
    text-decoration: underline !important;
}


.post-type-archive-blog .wp-pagenavi a,
.post-type-archive-blog .wp-pagenavi span,
.tax-blog_cat .wp-pagenavi a,
.tax-blog_cat .wp-pagenavi span {
    background: none;
    font-size: 0.9rem;

    border: 2px solid #f2f3db;
    color: #231815;
    border-radius: 10px;
}
.post-type-archive-blog .wp-pagenavi a:hover,
.post-type-archive-blog .wp-pagenavi span.current,
.tax-blog_cat .wp-pagenavi a:hover,
.tax-blog_cat .wp-pagenavi span.current {
    background-color: #eeeeee;
}
.post-type-archive-blog .wrap_pagination,
.tax-blog_cat .wrap_pagination {
    margin-bottom: 3rem;
}



/*-------------------------------------------
gallery
-------------------------------------------*/
/*
一覧
*/
.post-type-archive-gallery .gallerylist > ul {
    display: flex;
    flex-flow: wrap;
}
.post-type-archive-gallery .gallerylist > ul > li {
    flex-basis: 48%;
    max-width: 48%;
    margin-right: 4%;
    margin-bottom: 1.5rem;
}
.post-type-archive-gallery .gallerylist > ul > li:nth-child(2n+2) {
    margin-right: 0;
}
.post-type-archive-gallery .gallerylist > ul > li .thumb {
    margin-bottom: 0.5rem;
}
.post-type-archive-gallery .gallerylist > ul > li .text {
    text-align: center;
}
.post-type-archive-gallery .gallerylist > ul > li .text h2 {
    font-family: "Noto Sans JP";
    font-weight: normal;
}

/*
gallery single
*/
.single-gallery .article-title-wrapper {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.single-gallery .article-title-wrapper .article-title {
    /* flex-basis: 50%; */
    max-width: 50%;
    margin: 0.4rem 0;
}
.single-gallery .article-title-wrapper .article-title img {
    /* max-width: 200px; */
    max-height: 90px;
    object-fit: contain;
    display: block;
    width: 100%;
}
.single-gallery .article-title-wrapper .button-wrapper {
    flex-basis: 50%;
    max-width: 50%;
    margin: 0.4rem 0;
    text-align: right;
}
.single-gallery #gallery-1 img {
    border: none !important;
}
.single-gallery .gallery-item {
    width: calc(100%/3);
/*    margin-bottom: 10px;*/
/*    width: 32%;*/
/*    margin-right: 1%;*/
    padding: 0 0.25rem;
    margin-top: 0.5rem;
}
/*
.gallery-item:nth-child(3n+3) {
    margin-right: 0;
}
*/
.single-gallery .gallery-box a,
.single-gallery #gallery a {
    display: block;
}



/******************************************************************

スタジオ予約フォーム

******************************************************************/
.page-booking-form #booking-form [type=text],
.page-booking-form #booking-form [type=password],
.page-booking-form #booking-form [type=date],
.page-booking-form #booking-form [type=datetime],
.page-booking-form #booking-form [type=datetime-local],
.page-booking-form #booking-form [type=month],
.page-booking-form #booking-form [type=week],
.page-booking-form #booking-form [type=email],
.page-booking-form #booking-form [type=number],
.page-booking-form #booking-form [type=search],
.page-booking-form #booking-form [type=tel],
.page-booking-form #booking-form [type=time],
.page-booking-form #booking-form [type=url],
.page-booking-form #booking-form [type=color],
.page-booking-form #booking-form select,
/*.page-booking-form #booking-form textarea,*/
.page-booking-form #booking-form [type=number] {
    width: auto;
    max-width: 100%;
}
/*-------------------------------------------
撮影オプション
-------------------------------------------*/
.page-booking-form {
}
.page-booking-form #booking-form .inner_width {
    width: 70%;
    margin: 0 auto;
}
.page-booking-form #booking-form .section_header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-booking-form #booking-form .section_title_wrapper {
    margin: 0rem 0 4rem;
}
.page-booking-form #booking-form .section_title {
    margin-bottom: 1rem;
}
.page-booking-form #booking-form .booking-form-lead {
    font-size: 1.1rem;
}
.page-booking-form #booking-form .section_main {
    border: 1px solid #cccccc;
    padding: 3rem 4rem;
    border-radius: 5px;
}


/*
form
*/
.page-booking-form .info-wrapper {
    margin-bottom: 4rem;
}
.page-booking-form .info-wrapper .info-box h5 {
    margin-bottom: 0.5rem;
}
.page-booking-form .info-wrapper .info-box {
    margin-bottom: 1.5rem;
}
.page-booking-form .info-wrapper .caution-area {
    margin-bottom: 2rem;
}
.page-booking-form .caution {
    color: #ff3434;
}
.page-booking-form .info-wrapper .attention {
    font-weight: normal;
    /*    background-color: #000fff;*/
    background-color: #4ea9ff;
    color: #ffffff;
    display: inline-block;
    margin-left: 7px;
    font-size: 0.7rem;
    padding: 0px 6px;
    vertical-align: inherit;
}
.page-booking-form .info-wrapper .attention.required {
    /*    background-color: #ff0000;*/
    background-color: #ff3434;
}

/* 希望日時 */
.desired-date {
    margin-bottom: 0.7rem;
}
.desired-date > .flexbox {
    margin-bottom: 5px;
    align-items: center;
}
.desired-date > .flexbox span {
}
.desired-date > .flexbox span:first-child {
    margin-right: 10px;
}
.desired-date > .flexbox span:last-child {
    margin-left: 5px;
}


/*
撮影内容
KDIプランとか
*/
.photo_plan-area-wrapper {
    justify-content: space-between;
}
.page-booking-form #booking-form select {
    font-size: 0.9rem;
}


/* button */
.page-booking-form form .form-button {
    text-align: center;
}
.page-booking-form form .button {
/*
    background-color: #EE869A;
    color: #ffffff;
    border-radius: 3px;
    text-align: center;
    padding: 0.6rem;
*/
}

/*
contact form 7
*/
.page-booking-form form .button {
    cursor: pointer;
}
.page-booking-form form .button .wpcf7-submit {
    cursor: pointer;
}
.page-booking-form .wpcf7-spam-blocked {
    line-height: 1.4;
    padding: 1rem;
}
.grecaptcha-badge {
    display: none;
}
.page-booking-form .grecaptcha-badge {
    bottom: 150px !important;
    display: block;
}
/*
.page-booking-form .wpcf7c-conf {
    background-color: #e8f0fe !important;
    color: #000000 !important;
    border: 1px solid #dddddd !important;
}
.page-booking-form form input.wpcf7c-conf:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset;
}
*/



/******************************************************************

お問い合わせフォーム

******************************************************************/
.page-contact #contact-form [type=text],
.page-contact #contact-form [type=password],
.page-contact #contact-form [type=date],
.page-contact #contact-form [type=datetime],
.page-contact #contact-form [type=datetime-local],
.page-contact #contact-form [type=month],
.page-contact #contact-form [type=week],
.page-contact #contact-form [type=email],
.page-contact #contact-form [type=number],
.page-contact #contact-form [type=search],
.page-contact #contact-form [type=tel],
.page-contact #contact-form [type=time],
.page-contact #contact-form [type=url],
.page-contact #contact-form [type=color],
.page-contact #contact-form select,
/*.page-contact #contact-form textarea,*/
.page-contact #contact-form [type=number] {
    width: auto;
    max-width: 100%;
}
/*-------------------------------------------
撮影オプション
-------------------------------------------*/
.page-contact {
}
.page-contact #contact-form .inner_width {
    width: 70%;
    margin: 0 auto;
}
.page-contact #contact-form .section_header {
    text-align: center;
    margin-bottom: 3rem;
}
.page-contact #contact-form .section_title_wrapper {
    margin: 0rem 0 4rem;
}
.page-contact #contact-form .section_title {
    margin-bottom: 1rem;
}
.page-contact #contact-form .contact-form-lead {
    font-size: 1.1rem;
}
.page-contact #contact-form .section_main {
    border: 1px solid #cccccc;
    padding: 3rem 4rem;
    border-radius: 5px;
}


/*
form
*/
.page-contact .info-wrapper {
    margin-bottom: 4rem;
}
.page-contact .info-wrapper .info-box h5 {
    margin-bottom: 0.5rem;
}
.page-contact .info-wrapper .info-box {
    margin-bottom: 1.5rem;
}
.page-contact .info-wrapper .caution-area {
    margin-bottom: 2rem;
}
.page-contact .caution {
    color: #ff3434;
}
.page-contact .info-wrapper .attention {
    font-weight: normal;
    /*    background-color: #000fff;*/
    background-color: #4ea9ff;
    color: #ffffff;
    display: inline-block;
    margin-left: 7px;
    font-size: 0.7rem;
    padding: 0px 6px;
    vertical-align: inherit;
}
.page-contact .info-wrapper .attention.required {
    /*    background-color: #ff0000;*/
    background-color: #ff3434;
}


/* button */
.page-contact form .form-button {
    text-align: center;
}
.page-contact form .button {
    /*
    background-color: #EE869A;
    color: #ffffff;
    border-radius: 3px;
    text-align: center;
    padding: 0.6rem;
    */
}

/*
contact form
*/
.page-contact form .button {
    cursor: pointer;
}
.page-contact form .button .wpcf7-submit {
    cursor: pointer;
}
.page-contact .wpcf7-spam-blocked {
    line-height: 1.4;
    padding: 1rem;
}
.grecaptcha-badge {
    display: none;
}
.page-contact .grecaptcha-badge {
    bottom: 150px !important;
    display: block;
}


/* 確認画面で不要な用をを非表示 */
form.custom-wpcf7c-confirmed .info-wrapper .caution,
form.custom-wpcf7c-confirmed .info-wrapper .attention {
    display: none !important;
}
form.custom-wpcf7c-confirmed .info-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
form.custom-wpcf7c-confirmed .info-wrapper select::-ms-expand {
    display: none;
}
form.custom-wpcf7c-confirmed .info-wrapper .wpcf7-textarea {
    min-height: auto;
    overflow: hidden;
}
.wpcf7c-conf {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    box-shadow: none !important;
}
input.wpcf7c-conf:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
select[disabled] > option {
    color: #000000 !important;
    opacity: 1;
}
select:disabled {
    color: #000000 !important;
    opacity: 1;
}

form.wpcf7-form .input-hide {
    display: none;
}
form.custom-wpcf7c-confirmed .confirm-hide {
    display: none;
}
form.custom-wpcf7c-confirmed .input-hide {
    display: block;
}


/******************************************************************

404 Page Not Found

******************************************************************/






/******************************************************************
*******************************************************************

メディアクエリー

*******************************************************************
******************************************************************/
/* style-sp.cssにコーディング */