@charset "utf-8";
/* デモなので簡易的なリセット */
* {
    margin: 0;
    padding: 0;
}
*::after,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {    
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    background: #fff;
}
article {
    text-align: left;
    line-height: 1.9;
}
article p {
    margin-bottom: 1em;
}
a {
    color: #0b8793;
}
.inner h1{
  margin: 0 auto; 
  padding-bottom: 10px;
  width: 150px;
  border-bottom: 2px solid #333;
  letter-spacing: 4px;
}
h3{
  font-weight: 600;
  margin-bottom: 10px;
  border-bottom: 1px dotted #333;
}
.brandName{
  letter-spacing: 3px;
}
.content{
    max-width:1000px; 
    margin:80px auto 0;
}

article .inner{
    position: relative;
    text-align: center;
    width: 100%;
    padding-bottom: 80px;
    /*border-bottom: 1px solid #ccc;*/
}
article .inner span{
    width: 60%;
}
#global-nav ul li.current_sub::after{
    content: "　";
    border-bottom: 3px solid #4b4b4b;
    bottom: -15px;
}
/* profile */
#profile .content .inner .box{
    display: flex;
    width: 70%;
    margin: 80px 15% 0;
}
#profile .content .inner .box .text{
    width: 54%;
    font-size: 14px;
}
#profile .content .inner .box .photo{
    width: 39%;
    margin-right: 6%;
}
#profile .content .inner ul.photo{
    margin-top: 100px;
    display: flex;
}
#profile .content .inner .box .text ul li{
    list-style-type: disc;
}
/* product */
#product .content .inner ul.photo{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
#product .content .inner h2{
  letter-spacing: 4px;
}
#product .content .inner ul.photo li{
    width: 25%;
    padding: 0 2% 60px;  
    text-align: left;
    font-size: 12px;
    line-height: 1rem;
}
#product .content .inner ul.photo img{
  margin-bottom: 14px;
}
#product .content .inner ul.photo strong{
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
#product .content .inner .textBox{
   display: inline-block;
   padding: 10px 20px;
   border: 1px dotted #333;
}
#product .content .inner .textBox p{
   margin-bottom: 0;
}
#product .content .inner .textBox ul{
   padding-left: 20px;
}
#product .content .inner .textBox ul li{
   padding-left: 10px;
   list-style-type: circle;
}
/* wedding */
#wedding .content .inner .box{
    display: flex;
    width: 100%;
    margin: 80px auto 0;
}
#wedding .content .inner .box .text{
    width: 17%;
    margin: 1.5%;
    text-align: left;
}
#wedding .content .inner .box .text p{
    font-size: 13px;
}
#wedding .content .inner .box .photo{
    width: 77%;
    margin: 1.5%;
}
#wedding .oderContenner .oderBox h2::before{
   content: "●　";
   display: inline;
}
#wedding .oderContenner .oderBox{
   margin:0 auto;
   width: 500px;
   font-size: 14px;
   margin-bottom: 60px;
}
#wedding .oderContenner .oderBox dl{
   display: flex;
   border: 1px #808080 solid;
   align-items: center;
}
#wedding .oderContenner .oderBox dt{
   box-sizing: border-box;
   display: block;
   padding: 5px;
   width: 100px;
   text-align: center;
}
#wedding .oderContenner .oderBox dd{
   box-sizing: border-box;
   width: 400px;
   padding: 5px 10px;
   border-left: 1px #808080 solid;
}
#wedding .oderContenner .oderBox dd .price{
   float: right;
}
#wedding .oderContenner .oderBox ul,
#wedding .oderContenner .oderBox ol{
   padding-left:30px;
}
#wedding .oderContenner .oderBox ul li{
   padding-left: 10px;
   list-style-type: circle;
}
#wedding .oderContenner .oderBox ol li{
   padding-left: 10px;
   list-style-type : decimal;
}
/* footer */
footer {
    padding: 30px;
    text-align: center;
    background-color: #bbb;
}
footer a {
    color: #666;
    text-decoration: none;
}
.footer h2.logo {
    width: 150px;
    margin: 0 auto; 
}
.footer ul{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 10%;
}
.footer ul li{
    width: 100%;
    border-right: 1px solid #333; 
    line-height: 120%;
}
.footer ul li:last-child{
    border-right: none; 
}
.footer ul li a{
    margin: 0 auto; 
}
.footer .sns {
    width: 80px;
    display: flex;
    margin: 0 auto;
}
.sns img{
    width: 30px;
}

@media screen and (max-width: 980px) {
    .content{
        width: 100%;
        padding: 0 10px;
    }
    #profile .content .inner .box{
      margin: 80px 0 0;
      width: 90%;
    }
    #wedding .content .inner .box .text{
      width: 30%;
    }
}
@media screen and (max-width: 640px) {
    .main{
      width: 100%;
    }
    h3{
      border-bottom: none;
    }
    p{
      font-size: 14px !important;
    }
    .footer ul{
        width: 100%;
        margin: 0;
    }
    #profile .content .inner .box{
      display: block;
      margin-top: 0;
    }
    #profile .content .inner .box .photo{
      width: 50%;
      margin: 0 25% 40px; 
    }
    #profile .content .inner .box{
      width: 100%;
    }
    #profile .content .inner .box .text{
      margin-right: 0;
      width: 100%;
      font-size: 14px;
    }
    #profile .content .inner .box .text ul{
    list-style-type: disc;
    margin-left: 20px;
    }
    #product .content .inner ul.photo li{
      padding: 0 2% 30px;
      width: 50%;
    }
    #wedding .oderContenner .oderBox{
      padding: 0px;
      width: 100%;
    }
    #wedding .content .inner .box{
      display: block;
    }
    #wedding .content .inner .box .photo{
      width: 100%;
      margin: 0;
    }
    #wedding .content .inner .box .text{
      margin: 0;
      width: 100%;
    }
    #wedding .oderContenner .oderBox dl{
      display: block;
    }
    #wedding .oderContenner .oderBox dt{
      width: 100%;
      border-bottom: 1px solid #333;
    }
    #wedding .oderContenner .oderBox dd{
      width: 100%;
      border-left: 0;
    }
}