@charset "utf-8";

body{
  /background: url('../sp2.jpg') no-repeat center 0px;
  /background-size:100% auto;
}
.wrapper,
#container{
    margin:0;
    padding:0;
    width:640px;
    /* margin-top:236px; */
    margin-top:110px;
}
#header .header_inner .menu{
    margin-left:30px;
}
#container{
    /opacity:0.8;
}
.inner{
    width:87.5%;
    margin:0 auto;
    padding-top:4%;
    padding-bottom:12%;
}
.txt_box{
    float:none;
    padding-left:0px;
    padding-top:0px;
    width:100%;
}
.txt_box h2 img{
    width:126px;
    height:auto;
}
.txt_box h3{
    margin-top:8%;
    width:61.02%;
}
.txt_box h3.brand_title_L{
    width:78.0%;
}
.txt_box .jp_title{
    display:inline-block;
    clear:both;
    margin-top:4%;
    margin-bottom:8%;
    border-bottom:1px solid #000;
}
.txt_box p.txt{
    font-size:22px;
    line-height:190%;
	text-align: justify;
	text-justify: inter-ideograph;
}
.point .p_txt .p_txt_tt{
    margin-left:-9px;
}
.point{
    margin-top:8%;
}
.point .p_title{
    margin-bottom:5%;
}
.point .p_title img{
    width:250px;
    height:auto;
}
.point .p_txt{
    font-size:18px;
    line-height:200%;
    padding-right:0px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.txt_box .logo{
    width:78%;
    margin: 5% auto;
}
.txt_box .link_official{
    position:relative;
}
.txt_box .link_official a{
    background: url(/bridal/g_common/img/btn_official_bg.png) no-repeat 0 0 / 100%;
    width: 100%;
    height: 12vw;
    text-align: center;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.txt_box .link_official .en{
    letter-spacing:5px;
    font-size:20px;
}
.txt_box .link_official .ico{
    display:inline-block;
    margin:0 5px 0 10px;
    top:-2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #ffffff;
    position: relative;
    transform: translateY(-2%);
}
.txt_box .link_shop{
    position:relative;
    font-size:10px;
}
.txt_box .link_shop a{
    border: 2px solid #6E8CA0;
    width: 100%;
    height: 12vw;
    text-align: center;
    color: #6E8CA0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: bold;
    margin-top: 3vw;
    flex-wrap: wrap;
}

.txt_box .link_shop .en{
    letter-spacing:5px;
    font-size:20px;
}
.txt_box .link_shop .ico{
    display:inline-block;
    margin:0 9px 0 6px;
    top:-2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #6E8CA0;
}

.txt_box .link_shop a .link_text{
    display: block;
    width: 100%;
    position: relative;
    line-height: 1;
    padding-right: 1em;
    margin-top: 0.5em;
    letter-spacing:5px;
    font-size: 20px;
}
.txt_box .link_shop a .link_text::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #6E8CA0;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 6px;
}
.txt_box .link_shop a .link_sub_text {
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    margin-top: -0.5em;
    margin-left: -0.5em;
    padding-right: 1em;
    width: 100%;
}
.txt_box .link_shop .link_supp {
    font-size: 15px;
    color: #6E8CA0;
    line-height: 1.5;
    margin-top: 1em;
    text-align: center;
}


.txt_box .link_sns{
    margin-top: 4vw;
}
.txt_box .link_sns .link_sns__text{
    color: #6E8CA0;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 1vw;
}
.txt_box .link_sns .link_sns_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.txt_box .link_sns .link_sns_list li {
    width: 8vw;
    margin: 0 2vw;
}
.txt_box .link_sns .link_sns_list li a {
    width: 100%;
    display: block;
}
.txt_box .link_sns .link_sns_list li a:hover {
    opacity: 0.7;
}
.pro_list{
    float:none;
}
.pro_list .main_pro{
    padding-top:14%;
    position:relative;
    width:560px;
    height:411px;
    overflow:hidden;
}
.pro_list .main_pro .bg{
    position:absolute;
    width:640px;
    height:470px;
}
.pro_list .main_pro .blue{
    position:absolute;
    width:640px;
    height:470px;
    /background:rgba(179,203,211,0.1);
    background:rgba(132,165,183,0.1);
    /background:#f2f5f6;
    /mix-blend-mode: multiply;
}
.pro_list ul{
    margin-top:8px;
    width:560px;
}
.pro_list ul li{
    float:left;
    position:relative;
    width:160px;
    height:132px;
    overflow:hidden;
}
.pro_list ul li .bg{
    position:absolute;
}
.pro_list ul li .blue{
    position:absolute;
    width:160px;
    height:132px;
    /background:rgba(179,203,211,0.1);
    background:rgba(132,165,183,0.1);
    /background:#f2f5f6;
    /mix-blend-mode: multiply;
}

.backBtn{
    position:relative;
    width:87.5%;
    margin:1% auto 11%;
}
.backBtn a{
    box-sizing:border-box;
    display:block;
    width:100%;
    border:1px solid #7f7f7f;
    text-align:center;
    text-decoration:none;
    letter-spacing:5px;
    font-size:20px;
    line-height:64px;
}
.backBtn a .ico{
    display:inline-block;
    margin:0 5px 0 10px;
    top:-2px;
    width:8px;
    height:11px;
    background: url('../img/scroll_icon_big.png') no-repeat left top;
    background-size:8px auto;
}
.backBtn a .ico img{
    vertical-align:top;
    width:10px;
    height:auto;
    padding-top:26px;
    height:auto;
    background:none;
}