@charset "utf-8";
/* CSS Document */

/* section{border:1px solid #000;}
div{border:1px solid #000;}
main{border:1px solid #000;} */


/*************文字設定*************/
h1, h2, h3, h4, h5, h6, p{
    color: #67508c;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1{
    font-size: 48px;
    font-family: "Century Gothic", "Futura", "Questrial", sans-serif;
}

h2{
    font-size: 22px;
}

h3{
    font-size: 16px;
}

h4{
    font-size: 9px;
}

h5{
    font-size: 13px;
    font-weight: 200;
    color: #fffaf6;
}

h6, p{
    font-size: 13px;
}

p{
    line-height: 170%;
}

.text_en{
    font-family: "Century Gothic", "Futura", "Questrial", sans-serif;
}

.caption_en {
    letter-spacing: 0.2em;
}

.caption_ja{
    letter-spacing: 0.2em;
}

.text_pk{
    color: #d4487a;
}

.text_darp{
    color: #342745;
}

.text_cream{
    color: #fffaf6;
}

.text_strong{
    font-weight: 600;
}

.h2en_dark_accent{
    color: #342745;
    font-family: "Century Gothic", "Futura", "Questrial", sans-serif;
    line-height: 11px;
    text-align: center;
}

.pdark_accent{
    color: #342745;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
}


/************* リンク設定 ***********/
a{
    text-decoration: none;
    color: inherit; 
}


/************** wrapper ************/
.wrapper{
    width: 1200px;
    background-color: #fffaf6;
    margin: 0 auto 0 auto;
}


/******* コンテンツページのヘッダー設定 *********/
.noindex{
    width: 1200px;
    padding: 16px 40px 11px 40px;
    background-color: #e2c8e5;
    background-image: none;
}

.noindex .logo{
    text-align: center;
    margin: 0 auto;
}


/******** コンテンツページのタイトル設定 *********/
.contents_title{
    width: 800px;
    padding: 0 40px 21px 40px;
    margin-bottom: 75px;
    border-bottom: 1px solid #67508c;
}

.Support .contents_title{
    width: 800px;
    padding: 0 40px 21px 40px;
    margin-bottom: 35px;
    border-bottom: 1px solid #67508c;
}


/********** コンテンツページのpadding設定 ************/
.contentspage{
    width: 1200px;
    padding: 0 40px 0 40px;
}


/*********** RingとBridalページの画像設定 ************/
.four_rows{
    margin-bottom: 40px;
    display: flex;
}

.contentspage .four_rows .img_and_text{
    width: 245px;
    margin-right: 40px;
}

.img_and_text_last{
    width: 245px;
    margin-right: 0;
}

.itemimg{
    margin-bottom: 25px;
}


/***** リンク先のある画像にマウスオーバーした際の設定 *****/
.Ring img:hover, .Styling img:hover, .stylingtoitem img:hover{
    opacity: 0.6; filter: brightness(110%);
}


/* ----------------インデックス---------------- */
/*グローバルナビ*/

nav{
    width: 1200px;
    padding: 16px 40px 11px 40px;
    background-image: url(../img/00_02_bak1.png);
    display: flex;
    justify-content: space-between;

}

.logo{
    width: 252px;
    text-align: center;
}

.glonavl{
    width: 158px;
    padding: 10px 0 10px 0;
}

.glonavr{
    width: 158px;
    padding: 10px 0 10px 0;
}


/*ファーストビュー*/

.ind_mainimg{
    width: 1200px;
}


/*メッセージ*/

.ind_message{
    width: 1200px;
    margin-bottom: 100px;
}

.ind_me_top{
    width:1200px;
    display:flex;
}

.ind_me_top_L{
    width:800px;
    margin-right: 40px;
}

.ind_me_top_R{
    width:360px;
    padding-right: 40px;
    padding-bottom: 80px;
}

.ind_me_top_R_1{
    margin-bottom: 50px;
}

.ind_view_btn{
    text-align: right;
}

.ind_me_bottom{
    width: 1200px;
    display: flex;
    justify-content: flex-end;
    margin-top: -77px;
}

.ind_me_bottom_line{
    width: 720px;
    height: 185px;
    text-align: right;
    border: 1px solid #67508c;
    background-color: #fffaf6;
    padding: 35px 21px 35px 21px;
}

.ind_me_bottom_flex{
    display: flex;
}

.ind_me_bottom_1{
    width: 298px;
    height: 57px;
    margin-right: 40px;
    border-bottom: 1px solid #67508c;
}

.ind_me_bottom_2{
    height: 57px;
    border-bottom: 1px solid #67508c;
}

.ind_me_bottom_3{
    width: 298px;
    height: 56px;
    margin-right: 40px;
    padding-top: 21px;
}

.ind_me_bottom_4{
    height: 56px;
    padding-top: 21px;
}


/* ピックアップ */
.ind_pickup{
    background-color: #e2c8e5;
    width: 1200px;
    padding: 100px 40px 100px 40px;
    margin-top: 100px;
}

.ind_pickup .caption{
    width: 1120px;
}

.ind_pickup .caption .caption_en{
    width: 233px;
    border-bottom: 1px solid #d4487a;
    padding-bottom: 21px;
    margin: 0 auto 14px auto;
}

.ind_pickup .caption .caption_ja{
    width: 233px;
    margin: 0 auto 40px auto;
}

.ind_pickup .caption .text_pk{
    text-align: center;
}

.ring{
    padding: 56px auto 105px 0;
    display: flex;
}

.ringpick_1{
    margin: 0 97px 38px 0;
}

.ringpick_2{
    margin: 90px 97px 26px 0;
}

.ringpick_3{
    margin:0 auto 22px 0;
}

.pic_view_btn{
    width:1120px;
    text-align: right;
    margin-top: 59px;
}


/* ブライダル */
.ind_bridal{
    width: 1200px;
    display: flex;
    background-image: url(../img/01_04_02_baimg.png);
}

.ind_bridal .left{
    width:600px;
}

.ind_bridal .right{
    width: 560px;
}

.ind_bridal .caption{
    width: 560px;
    padding-top: 100px;
}

.ind_bridal .caption .caption_en{
    width: 233px;
    border-bottom: 1px solid #d4487a;
    padding-bottom: 21px;
    margin: 0 auto 14px auto;
}

.ind_bridal .caption .caption_ja{
    width: 233px;
    margin: 0 auto 82px auto;
}

.ind_bridal .caption .text_pk{
    text-align: center;
}

.ind_bridal .right .discription{
    padding:0 40px 40px 40px;
}

.bri_view_btn{
    width:560px;
    text-align: right;
    margin-top: 90px;
}


/* アクセス */
.ind_access{
    width: 1200px;
    background-color: #ffcee0;
    border-top: 2px solid #342745;
    padding: 0 40px 0 40px;
    display: flex;
}

.ind_access .left{
    width: 560px;
    margin-right: 40px;
}

.ind_access .righht{
    width: 560px;
    padding-left: 40px;
}

.ind_access .caption{
    width: 560px;
    padding-top: 20px;
}

.ind_access .caption .caption_en{
    width: 233px;
    border-bottom: 1px solid #342745;
    padding-bottom: 21px;
    margin: 0 auto 14px auto;
}

.ind_access .caption .caption_ja{
    width: 233px;
    margin: 0 auto 55px auto;
}

.ind_access .caption .text_darp{
    text-align: center;
}

.ind_access .right .discription{
    margin-bottom: 55px;
}

.ind_access aside{
    width: 560px;
}

.text_underline{
    text-decoration:underline;
}


/* フッター */
footer{
    width: 1200px;
    background-image: url(../img/00_06_01_footerline.png);
    background-repeat: no-repeat;
    background-color: #342745;
    padding: 28px 40px 15px 40px;
}

footer .menu{
    display: flex;
    justify-content: space-between;
}

.SNSs{
    display: flex;
}

.SNSs div{
    padding-bottom: 36px;
    margin-right: 25px;
}

.copyright{
    width: 1120px;
}

.copyright h5{
    text-align: center;
}


/* ------------------リング------------------ */

.Ring{
    width: 1200px;
    padding: 60px 0 40px 0;
}

.Ring .contentspage .navigation{
    width: 1120px;
    margin-top: 140px;
}


/* ---------------スタイリング--------------- */

.Styling{
    width: 1200px;
    padding: 60px 0 40px 0;
}

.Styling .contentspage{
    padding: 0 40px 0 40px;
}

.Styling .contentspage .navigation{
    width: 1120px;
    margin-top: 140px;
}

.three_rows{
    margin-bottom: 20px;
    display: flex;
}

.contentspage .three_rows_1{
    width: 346px;
    margin-right: 35px;
}

.contentspage .three_rows_2-3{
    width: 346px;
    margin-right: 35px;
}


/* -----------------サポート----------------- */

.Support{
    width: 1200px;
    padding: 60px 0 40px 0;
}

.Support .Explanatory{
    width: 1200px;
    height: 40px;
    margin-bottom: 65px;
    padding: 0 40px 0 40px;
}

.Support .three_rows h2{
    margin-bottom: 20px;
}

.Support .three_rows_1{
    margin-bottom: 40px;
}

.Support .contentspage .navigation{
    width: 1120px;
    margin-top: 140px;
}


/* ----------------メッセージ---------------- */

.message{
    width: 1200px;
    padding: 60px 0 40px 0;
}

.message .contentspage{
    width: 1200px;
    background-color: #342745;
    margin-bottom: 200px;
    padding: 0 40px 0 40px;
    display: flex;
    align-items: center;
}

.message_navigation{
    width: 1120px;
    padding-left: 40px;
    margin-top: 140px;
    margin-bottom: 40px;
}

.message .left{
    margin-right: 40px;
}

.aboutPd{
    width: 1200px;
    padding: 0 40px 0 40px;
    display: flex;
}

.aboutPd .left{
    width: 560px;
    padding-right: 40px;
    margin-right: 40px;
}


/* --------------ショップインフォ-------------- */

.shop{
    width: 1200px;
    padding: 60px 0 40px 0;
}

.shop .contentspage{
    width: 1120px;
    background-color: #e2c8e5;
    margin: 0 40px 200px 40px;
    padding: 0 40px 0 40px;
    display: flex;
}

.shop .left{
    width: 560px;
    padding: 40px 40px 40px 0;
}

.shop .left_box{
    width: 480px;
    height: 590px;
    border: 2px solid #fffaf6;
    padding: 20px;
    overflow: hidden;
}

.shop .left_1{
    margin-bottom: 40px;
}

.shop .left_2{
    margin-bottom: 80px;
}

.shop .left_3{
    width: 400px;
    height: 65px;
    background-color: #d4487a;
    margin-right: auto;
    margin-left: auto;
}

.left_3 h2{
    line-height: 65px;
    text-align: center;
}

.contentspage_2{
    width: 1200px;
    padding: 0 40px 0 40px;
}

.shop_access_top{
    margin-bottom: 70px;
}

.shop_access_bottom{
    width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.shopinfo_table{
    width: 600px;
    border-top: 1px solid #d4487a;
    border-bottom: 1px solid #d4487a;
    padding-top: 20px;
    padding-bottom: 20px;
}

table{
    width: 600px;
    text-align: center;
}

th{
    width: 120px;
    height: 40px;
}

.shop_navigation{
    width: 1120px;
    padding-left: 40px;
    margin-top: 140px;
}


/* -------------リングアイテム&スタイリング詳細------------- */
.Ring_item, .ex_styling{
    width: 1200px;
    padding: 0 40px 40px 40px;
}

.Ring_item .left, .ex_styling .left{
    width: 560px;
}

.Ring_item .right, .ex_styling .right{
    width: 560px;
    padding-left: 40px;
}

.itemdetail{
    margin-top: 40px;
    display: flex;
}

.Ring_item .right_1-3, .ex_styling .right_1-3{
    margin-bottom: 40px;
}

.stockmailto{
    width: 380px;
    height: 65px;
    background-color: #342745;
    margin-top: 80px;
}

.stockmailto h3{
    text-align: center;
    line-height: 65px;
}

.Ring_item .navigation, .ex_styling .navigation{
    width: 1120px;
    margin-top: 140px;
}

.stylingtoitem{
    padding-top: 20px;
    margin-top: 80px;
    border-top: 1px solid #67508c;
}

.stylingtoitem div{
    margin-bottom: 30px;
    margin-right: 20px;
}

.stylingtoitem .one, .stylingtoitem .two{
    display: flex;
}


/* ---------------メールフォーム--------------- */
.mailto{
    width: 1200px;
    padding: 0 auto 0 auto;
}

.formtitle{
    text-align: center;
    margin-bottom: 40px;
}

.mailform{
    width: 600px;
    margin: 0 auto 0 auto;
}

.mailform th{
    width: 300px;
}

.contact_item, .contact_body{
    border: 1px solid #67508c;
    padding: 10px;
    text-align: left;
}

.form-text {
    width: 400px;
    padding: 10px;
    border: 1px solid #67508c;
  }

  .form-select {
    width: 400px;
    height: 40px;
    padding: 5px;
    border: 1px solid #67508c;
}

.form-textarea {
    width: 400px;
    padding: 10px;
    height: 200px;
    border: 1px solid #67508c;
  }

  .sendemail{
    width: 200px;
    height: 50px;
    background-color: #342745;
    margin: 40px auto 0 auto;
  }

  .sendemail h3{
    text-align: center;
    line-height: 50px;
  }

/* ------------プライバシーポリシー------------ */

.privacypolicy{
    width: 1200px;
    padding: 20px 0 40px 0;
}

.privacypolicy .detail{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
}

.privacypolicy .navigation{
    width: 1120px;
    padding-left: 40px;
    margin-top: 140px;
}