@charset "utf-8";
* { margin: 0px; padding: 0px; }
html { width:100%; text-align: center; }
body { width:100%; font-size: 13px; line-height: 160%; font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic Pro W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "Osaka", "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; letter-spacing: 0.08em; margin: 0 auto; padding: 0px; color: #231910; background:url(../img/bg-01.jpg); -webkit-text-size-adjust: 100%; }
img { border: 0; vertical-align: text-bottom; }
a:link { color: #625952; text-decoration: none; }
a:visited { color: #625952; text-decoration: none; }
a:hover { color: #544334; text-decoration: underline; }
div { margin: 0px; padding: 0px; }
ul, ol, li { margin: 0px; padding: 0px; list-style: none; }
p { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 100%; font-weight: normal; }
.sp10 { padding-top: 10px; }
.sp20 { padding-top: 20px; }
.sp30 { padding-top: 30px; }
.sp40 { padding-top: 40px; }
.sp50 { padding-top: 50px; }
.sp60 { padding-top: 60px; }
.sp70 { padding-top: 70px; }
.sp80 { padding-top: 80px; }
.sp90 { padding-top: 90px; }
.sp120 { padding-top: 120px; }
.mar5_l { margin-left: 5px; }
.mar10_l { margin-left: 10px; }
.sp_b100{ padding-bottom:100px;}
.sp10_l { padding-left: 10px; }
.sp20_l { padding-left: 20px; }
.sp30_l { padding-left: 30px; }
.sp50_l { padding-left: 50px; }

.center{ text-align:center;}

.f12{font-size:12px;}

#wrapper{width:100%; margin:0 auto;overflow:hidden;position:relative;}

/* top */
#main-photo-bg{background:url(../img/main-photo-bg.jpg) no-repeat; width:1200px; height:600px;left:50%;position:relative;margin-left:-600px;}
.main-photo{ width:1188px; height:594px; margin:0 auto;}
.logo{ width: 238px; height: 142px; float:left; position: relative; top: 0px; left: 125px; clear: both; z-index: 1000; }
.header-h1{ width: 600px; height: 30px; float:right; position: relative; top: -130px; right: 0px; clear: both; z-index: 2000; font-size:10px; color:#FFF;}

#menu{width:100%; height:101px;background:url(../img/menu-bg.jpg) repeat-x;margin:0 auto; margin-top:40px; text-align:left;overflow:hidden;position:relative;}
.menu-box{width:950px; margin:0 auto; padding: 0px 5px;}
#menu ul { padding-top:13px;}
#menu li { float:left;}
.menu-line { width:160px; height:75px;background:url(../img/menu-line.jpg) right no-repeat;}

.box1{width:960px;margin:50px auto 0;overflow:hidden;position:relative;}
.box-mini{width:470px;float:left; padding-left:5px; padding-right:5px;}
.box-mini-cover{width:470px; height:20px;}
.box-mini-content{width:470px;background:url(../img/box1-center.jpg) repeat-y;}
.box-title{ width:450px; margin: 0 auto; margin-bottom:25px;}
.box-main{ width:400px; margin: 0 auto;}
.box2{width:960px;overflow:hidden;position:relative;}
#feed2{ width:400px; height:170px; background:url(../img/top-news-bg.jpg) no-repeat; margin: 0 auto; text-align:left;color:#999999;}
#feed2 li{ padding-top:12px; padding-bottom:16px; line-height:120%;}
#feed2 li *{
  display: block;
}
#feed2 .date{
  color: #a1a1a1;
}
/* facebox likebox */
.like-box{padding-top:100px;overflow:hidden;position:relative;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important;}

.top-photo-gallery{ width:240px; float:left;}
.top-photo{ width:230px; padding-left:5px; padding-right:5px; padding-bottom:10px;}

/* content-common */
#header{ width:950px; padding-left:5px; padding-right:5px; margin:0 auto;overflow:hidden;position:relative;}
.header-sitemap{ width:140px; height:40px; padding-left:580px;float:left; font-size:12px; padding-top: 30px;}
.header-order{ width:230px; height:70px; float:left;}
.header-logo{ width:150px;overflow:hidden;position:relative; float:left; padding-right:60px; padding-top:20px;}
#header-menu{ width:740px; float:left; padding-top:29px; text-align:left;overflow:hidden;position:relative;}
#header-menu ul { padding-top:13px;}
#header-menu li { float:left;}
.menu-m-line { width:125px; height:58px;background:url(../img/menu-m-line.jpg) right no-repeat;}

.pankuzu{width:100%;background:url(../img/navi-bg.jpg) repeat-x;margin-top:40px;margin-bottom:50px;text-align:left;color:#625952;font-size:12px;overflow:hidden;position:relative;}
.pankuzu-navi{width:950px;height:35px;margin:0 auto;padding:17px 5px 0 5px;}

.content{width:100%;margin:0 auto;text-align:center;}
.content-sp{width:960px;margin:0 auto; position:relative;}
.content-main-photo{ width:950px; margin:0 auto;}

/* plan */
.plan-catch{ width:630px; margin:0 auto;}
.plan-title{ width:960px;}
.plan-icon{ width:190px; float:left;}
.plan-plan{ width:475px; float:left; padding-bottom:35px; position:relative;}
.plan-plan h3{ padding-top:80px;}
.plan-plan p{ line-height:200%; font-size:14px;}
.bord1{ position:absolute; left:-55px; bottom:100px;}
.bord2{ position:absolute; right:-90px; bottom:115px;}
.album{ width:100%; float:left; padding-top:40px;}
.album li{ float:left; padding-left:10px;}
.album li img{ padding-bottom:10px;}

/* photo */
.photo-catch{ width:630px; margin:0 auto;}
.photo-title{ width:960px;overflow:hidden;position:relative;}

/* dress */
.dress-catch{ width:630px; margin:0 auto;}
.dress-title{ width:960px;overflow:hidden;position:relative;}
.dress-item { width:182px; padding-left:5px; padding-right:5px; padding-bottom:20px; float:left; color:#888888; font-size:12px;}

/* location */
.location-catch{ width:630px; margin:0 auto;}
.location-title{ width:960px;overflow:hidden;position:relative;}
.location-01{ width:960px;overflow:hidden;position:relative;}
.location-02{ width:470px;padding-left:5px; padding-right:5px; float:left;overflow:hidden;position:relative;color:#888888;}
.location-03{ width:470px;}

/* shop */
.shop-catch{ width:630px; margin:0 auto;}
.shop-title{ width:960px;overflow:hidden;position:relative;}
.shop-01{ width:960px;overflow:hidden;position:relative;}
.shop-02{ width:470px;padding-left:5px; padding-right:5px; float:left;overflow:hidden;position:relative;color:#888888;}
.shop-03{ width:470px;}
.shop-04{ width:470px; padding-left:245px; padding-right:245px;overflow:hidden;position:relative;color:#888888;}
.shop-05 {width:780px;height:545px;margin: 50px 90px 70px 90px;padding: 5px 0px 0px 0px;background:url(../img/shop-map-bg.jpg);}

/* sitemap */
.sitemap-01{ width:960px;overflow:hidden;position:relative;}
.sitemap-01 li {width:470px;float:left;padding:10px 5px; background:url(../img/line-half.jpg) no-repeat bottom;}

/* flow */
.flow-catch{ width:630px; margin:0 auto;}
.flow-title{ width:960px;overflow:hidden;position:relative;}
.flow-photo{ width:310px; padding-left:5px; padding-right:5px; float:left;}
.flow-sp{ width:601px; padding-left:5px; padding-right:5px; float:right;}
.flow-icon{ width:70px; float:left;}
.flow-sub-title{ width:531px; float:left;}
.flow-main{ width:601px; text-align:left; clear:both; padding-top:30px; line-height:140%;}

/* order */
.order-01{ width:960px;overflow:hidden;position:relative; text-align:left;}
.order-02{ width:950px; padding:0 5px;overflow:hidden;position:relative; text-align:left;}
.order-03{ width:950px; padding-top:25px; padding-bottom:25px; text-align:center }
.order-04 { text-align: center; padding-top: 30px; }
.order-05{ width:950px; padding:0 5px;overflow:hidden;position:relative; text-align:center;}
.order_box_01 { width: 950px; background: url(../img/order-line.jpg) bottom no-repeat; padding: 40px 0px; overflow: hidden; position: relative; }
.order_box_l { width: 250px; margin-left: 70px; float:left; font-weight: bold; }
.order_box_r { width: 630px; float:left; }
.order_box_02 { width: 800px; padding: 30px 0px; }
.order_fs { font-size: 12px; color: #8e0d45; font-weight: normal; }
#image-btn_01 { border: 0px; width: 257px; height: 98px; background: url(../img/btn-mail-send.jpg) left top no-repeat; }
#image-btn_02 { border: 0px; width: 257px; height: 98px; background: url(../img/btn-mail-back.jpg) left top no-repeat; }
#image-btn_03 { border: 0px; width: 257px; height: 98px; background: url(../img/btn-mail-top.jpg) left top no-repeat; }
table.form { border: 1px solid #d5d0cb; margin-top: 1em; background: #fffcf7; margin: 0 auto; color: #231910; }
table.form th,td { border: 1px solid #d5d0cb; text-align: left; padding: 10px 10px 10px 10px; font-weight: normal; }
table.form th { width: 250px; background: #fffcf7; }
table.form td { background: #fffcf7; width: 600px; }
input.button { width: 120px; }

.under-menu{width:310px;padding-left:5px; padding-right:5px;float:left;overflow:hidden;position:relative;}
.under-menu-photo{ width:310px;}
.under-menu-catch{ width:310px; padding-top:15px;}
.under-menu-01{ width:310px; padding-top:30px; font-size:12px; color:#888888;line-height: 140%;}

#footer{ width:100%; background:#1e1e20 url(../img/lace.jpg) top repeat-x; color:#f8f3eb; text-align:left;overflow: hidden; position: relative; margin-top: 30px; }
#footer ul { padding-left: 15px; }
#footer li { list-style: disc; padding-bottom:10px;}
#footer li a { text-decoration:underline; color:#f8f3eb;}
#footer li a:hover { text-decoration:underline; color:#fff;}
.footer-box{ width:960px; margin: 0 auto; padding-top:120px; padding-bottom: 50px;}
.footer-sp{ width:960px;overflow: hidden; position: relative;}
.footer-logo{ width:150px; height:80px; padding-left:5px; float:left; }
.footer-01{ width:505px; padding: 35px 0px 0px 60px; float:left; }
.footer-02{ width:230px; height:50px; padding-left:5px;padding-right:5px; float:left;overflow: hidden; position: relative; }
.footer-sns{ width:46px; height:46px; float:left; }
.footer-03{ width:310px; float:left;}
.footer-04{ width:290px; float:left; padding-left:20px;}
.footer-fb{ width:290px; float:left;}
.footer-tw{ width:120px; float:left; padding-top:10px;}
.footer-line{ width:10px; height: 200px; background:url(../img/f-line-02.jpg) repeat-y; float:left;}

/* bgstretcher */
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher ul, .bgstretcher ul li { position: absolute; top: 0; left: 0; }
.bgstretcher ul, .bgstretcher ul li { margin: 0; padding: 0; list-style: none; }
.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; }
/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(../img/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(../img/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(../img/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(../img/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(../img/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(../img/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(../img/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(../img/controls.png) repeat-y -211px 0;}
#cboxContent{background:#000; overflow:visible;}
.cboxIframe{background:#000;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:0px;}
#cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/load.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../img/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent: 900px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

.fb-page.fb_iframe_widget{
  margin: 70px 0 55px;
}

.nenmatsu-nenshi-box{
    margin: 60px 0 70px;
    line-height: 1.8;
    padding: 30px 30px 35px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nenmatsu-nenshi-box h3{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 26px;
    position: relative;
}

.nenmatsu-nenshi-box h3:after{
    content: "";
    position: absolute;
    width: 25px;
    height: 1px;
    background: #93908B;
    top: 36px;
    margin-left: -12.5px;
    left: 50%;
}
.nenmatsu-nenshi-box strong{
    display: block;
    margin: 10px 0;
}


/*instagram on index*/

.instagram-viewarea{
  margin-top: 50px;
  position: relative;
  clear: both;
}
.instagram-viewarea .title-area {
  width: 100%;
  position: relative;
  height: 20px;
  margin-bottom: 42px;
}
.instagram-viewarea .title-area h2 {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -68px;
    z-index: 2;
    text-indent: -9999em;
    background: url('../img/instagram.svg') no-repeat 0 0;
    height: 41px;
    width: 118px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.instagram-viewarea .title-area .content-box{;
  background-color: rgba(210, 205, 195, 0.3);
  height: 32px;;
  padding-top: 10px;
}

.instagram-viewarea .my-gallery{
  height : 120px;
}

.instagram-viewarea .my-gallery *{
  height: 100%;
}
.instagram-viewarea .my-gallery figcaption{
  display: none;
}
.instagram-viewarea .my-gallery.slick-initialized .slick-slide {
    margin: 0
}
.instagram-viewarea nav > *{
  text-indent: -9999em;
  height: 120px;
  width: 40px;
  position: absolute;
  bottom: 50px;
  background-color: rgba(21,2,6,0.6);
}
.instagram-viewarea nav > *:before{
  content: "";
  background: url(../img/instagram-arrow.svg) no-repeat;
  display: block;
  width: 10px;
  height: 20px;
  position: absolute;
  top:50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.instagram-viewarea nav .prev:before{
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  -o-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.instagram-viewarea nav .next{
  right: 0;
}

.my-gallery {
  visibility: hidden;
}
.my-gallery-images {
  font-size: 0;
  white-space: nowrap;
}
.my-gallery-images > figure {
  display: inline-block;
  margin-left: 1vw;
}

.index .pswp__ui--fit .pswp__top-bar{
  background-color: #fff;
}
.index .pswp__button.instagram{
    width: 137px;
    margin-right: 20px;
    background: none;
    background-size: auto;
}

.index .pswp__button{
    background-image: url(http://hanayomewakon.jp/js/lib/photoswipe/default-skin/bgcolor-skin.svg);
}
.index .pswp__counter{
  color: #150602;
}

/*instagram on index*/