@charset "utf-8";
@import url(menu.css);
@import url(comon.css);
/*
Theme Name:MaaR
Theme URI:https://yoshikohonda.com/
Description:MaaRのテーマです。
Version:1.0.0
Author:honda
Author URI:https://yoshikohonda.com/
*/


html{
    font-size:100%;
}
body{
    padding-top:0px;
    color:#212121;
    background:#fff;
    font-size:16px;
    font-family: a-otf-ryumin-pr6n, serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.1em;
}

img {
    max-width: 100%;
    height: auto;
}
a{
    color:#680454
}

/*--------------------------------------------------
トップページ
-----------------------------------*/
/*ヘッダー*/
.menu-headernav-container{
    text-align: right;
    padding: 1.5rem;
}
#menu-headernav{
    display: flex;
    justify-content: flex-end;
}
#menu-headernav a{
    color:#7E7D7D;
    padding-right:20px;
}
#menu-headernav a:hover{
    padding-right:20px;
}
/* 背景画像 */
.first_v{
    background-image: url(./image/cover2.jpg);
    height: 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 100.25%;
}
.bkgd{
    background:linear-gradient(#890c84,#e5e6e8);
    margin-top: 5rem;
}
.bkgd2{
    background:linear-gradient(to bottom,#000033,60%,#890c84);
    margin-top: 5rem;
}

/*トップタイトル*/

.font_m{
    font-size: 1.2rem;
}
.font_s{
    font-size: 1.1rem;
}
.font_b{
    font-size: 1.2rem;
    font-weight: bold;
}

/*コンセプト*/
.concept{
    line-height:3rem;
    font-size:1.5rem;
}
/*コンセプトサブ*/
.concept_sub{
    line-height:2rem;
}

/*メニュータイトル*/
.menu_title{    
    font-family: "liana", script;
    font-weight: 400;
    font-style: normal;
    font-size:2.5rem;
}
/* サブタイトル */
.sub_title{
    font-size:2rem;
    font-family: "liana", script;
    font-weight: 400;
    font-style: normal;
    line-height:3rem;
    color:#ae1c87;
}
.font_wh{
    color: #fff;
}

/*newsのサムネイル*/

.news_thum{
    padding: 1rem;
    border: 0.5px solid #A96B82;
    /* height: 25rem; */
}
.news_meta a{
    display: none; /*カテゴリーをサムネイルに表示しない*/
}
/* .news_title a{
    color: #680454;

}
.news_desc a{
    color: #680454;
} */
/* ページナビ */
.wp-pagenavi a, .wp-pagenavi span{
    display: inline-block;
    border: 1px solid #A96B82;
    width: 35px;
    height: 35px;
    padding-left: 2px;
    line-height: 31px;
    margin: 5px;
    color: #212121;
}
.current{
    background-color: #A96B82;
}


/* お問合せリンクのカラー */
.sub_contact{
    color: rgb(104, 4, 84);
    font-weight: 700;
}

/*フッター*/
footer{
    color:#7E7D7D;
}

footer a{
    color:#7E7D7D;
}
#menu-footernav{
    columns: 2;/*段組みの数*/
}
.link_blue a{
    color: #212121;
}
.link_blue a:hover{
    color: #908FC5;
}


/*タブレット以上に対応*/
@media screen and (min-width: 768px) {/* スクリーンサイズが768px以上の場合に適用 */ 
#menu-footernav{
    columns:3;
} 
}


.copyright{
    color:#7E7D7D;
}

/*--------------------------------------------------
ボーダー
-----------------------------------*/
/*ボーダー*/

.bd_black{
    border-top:1px solid #212121;
    display:block;
}
.bd_gold{
    border-top:4px double #000033;
    display:block;
}
.bd_grd{
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #680454 0%, #e6e6e6 100%);
    border-image-slice: 1;
}
.bd_grd2{
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #e6e6e6 0%, #680454 100%);
    border-image-slice: 1;
}
.bd_grdP{
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #A96B82 0%, #e6e6e6 100%);
    border-image-slice: 1;
}
.bd_grdP2{
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #e6e6e6 0%, #A96B82 100%);
    border-image-slice: 1;
}

.bk_img{
    min-height: 20vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;    
}
.bk_img1{
    background-image: url(image/m6.jpg);
}

/*se以上に対応*/
@media screen and (min-width: 360px) {/* スクリーンサイズが768px以上の場合に適用 */ 
    .box_meet{
        height: 210px;
    }
}
/*斜めの線パープル*/
.slant_bgp {
    width: 100%;
    margin: 0;
    padding: 200px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}


.slant_bgp::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #680454;
    transform: skewY(5deg) translateY(251px);
    z-index: -1;
}
/*斜めの線レンガ*/
.slant_bgr {
    width: 100%;
    margin: 0;
    padding: 200px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.slant_bgr::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #908FC5;
    transform: skewY(-5deg) translateY(251px);
    z-index: -1;
}
/*斜めの線レンガ左*/
.slant_bgrl {
    width: 100%;
    margin: 0;
    padding: 200px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.slant_bgrl::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #908FC5;
    transform: skewY(5deg) translateY(251px);
    z-index: -1;
}
/*斜めの線ゴールド*/
.slant_bgg {
    width: 100%;
    margin: 0;
    padding: 200px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}
.slant_bgg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #A96B82;
    transform: skewY(5deg) translateY(251px);
    z-index: -1;
}
/*斜めの線ゴールド右*/
.slant_bggr {
    width: 100%;
    margin: 0;
    padding: 200px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}
.slant_bggr::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #A96B82;
    transform: skewY(-5deg) translateY(251px);
    z-index: -1;
}
/*斜めの線ブルーグリーン左*/
.slant_bgb {
    width: 100%;
    margin: 0;
    padding: 200px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}


.slant_bgb::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #908FC5;
    transform: skewY(5deg) translateY(251px);
    z-index: -1;
}
/*斜めの線ブルーグリーン右*/
.slant_bgbr {
    width: 100%;
    margin: 0;
    padding: 200px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}


.slant_bgbr::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #908FC5;
    transform: skewY(-5deg) translateY(251px);
    z-index: -1;
}

/*マイナスマージンのためのブロック*/
.custum{
    margin-bottom:-200px;
}

/*--------------------------------------------------
ボタン
-----------------------------------*/
/*ボタン*/
.btn{
    color: #fff;
}
.btn_about{
    background:#ae1c87;
    display:block;
    border-radius:20px;
    font-size:1rem;
    margin-top:50px;
}
.btn_detail{
    background:#ae1c87;
    display:block;
    border-radius:20px;
    font-size:1rem;
}
.btn_anatabi{
    background:#e5e6e8;
    display:block;
    border: #ae1c87 5px double;
    font-size:1rem;
    color: #ae1c87;
}
.btn_pro{
    background:#e5e6e8;
    display:block;
    border: #000033 5px double;
    font-size:1rem;
    color: #212121;
}
.btn_detail_s{
    background:#A96B82;
    display:block;
    border-radius:20px;
    font-size:1rem;
    width: 100%;
    margin: 0 auto;
}


/*--------------------------------------------------
アイテム
-----------------------------------*/
/*丸*/
.circle_b{
    color:#890c84;
    font-size:2rem;
}


/*--------------------------------------------------
メニューページ
-----------------------------------*/
/*サブメッセージ*/
.sub_msg{
    font-size:2rem;
}

a:hover{
    text-decoration:none;
    color:#908FC5;
}

/*料金*/

.price{
    line-height:4rem;
}
.price_s{
    border:1px solid #000033;
    font-size: 1rem;
}

/*webサイトリンク*/
.link_wb{
    color:#A96B82;
    font-size:1.2rem;
}

/*フローの番号*/
.flow_tx{
    font-family: lamar-pen, sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#ae1c87;
}


/*--------------------------------------------------
投稿一覧
-----------------------------------*/
/*サイドメニュー*/
.sidebar_title{
    color: #212121;
    font-size:1rem;
}
.sidebar a{
    color:#212121;
}
/* サイドバーのテキストの前にアイコン */
/* カテゴリー */
.wp-block-categories-list li:before{
    content:'\f030';
    font-family: "Font Awesome 5 Free";
    color:#680454;
    font-weight:700;
    padding-right: 0.5rem;
}
/* 新着 */
.wp-block-latest-posts__list li:before{
    content:'\f030';
    font-family: "Font Awesome 5 Free";
    color:#680454;
    font-weight:700;
    padding-right: 0.5rem;
}


/*投稿ページ*/
.article_title{
    color:#680454;
    font-size:2rem;
    font-family: aviano, serif;
    font-weight: 700;
    font-style: normal;
}

/* .article_body a{
    color: #680454;
}

.postLinks a{ 
    color: #680454;
} */

/* カテゴリー表示をなくす */
.article_meta a{
    display: none;
}

/*--------------------------------------------------
その他
-----------------------------------*/
/*プロフィールページ*/
.about_photo{
    border:1px solid #A96B82;
}

/* wordpressスタイル */
.size-post-thumbnail{
    width: 100%;
    height: auto;
}
/* インスタグラムのフォローボタン */
/* wordpressの書き込みより優先させる */
#sbi_load .sbi_follow_btn a {
    border-radius: 100vh!important;
}
.sp_br{
    display: block;   
}
/*--------------------------------------------------
タブレット以上に対応
-----------------------------------*/

@media screen and (min-width: 768px) {/* スクリーンサイズが768px以上の場合に適用 */ 
body{
    padding-top:0px;
}

.menu_title{
    line-height:4rem;
    font-size: 4rem;
}
/* 背景画像 */
.first_v{
    background-image: url(./image/cover1.jpg);
    height: 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 56.25%;
}

/*コンセプト*/
.concept{
    line-height:4rem;
    font-size:2rem;
}
/*サブタイトル*/
.sub_title{
    font-size:2.5rem;
}
.price_s{
    border:1px solid #000033;
    font-size:1.2rem;
}
/*サブメッセージ*/
.sub_msg{
    font-size:2.5rem;
}
/* topお知らせ一覧 */
.top_blg{
   padding-left: 10rem;
   padding-right: 10rem; 
}
/*newsのサムネイル*/

.news_thum{
    padding: 1rem;
    border: 0.5px solid #A96B82;
    /* height: 22rem;  */
}

.btn_detail_s{
    width: 50%;
}
/* meetyourself */


.sp_br{
    display: none;   
}

}