@charset "utf-8";
p{margin-bottom: 1em;}


.btn-square-shadow {
    display: inline-block;
    padding: 0.6rem 0;
    text-decoration: none;
    background: #4ca880;
    color: #FFF;
    border-radius: 55px;
    width: 240px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.75rem;
    height: 1.6rem;
}
.btn-square-shadow:hover {
  background: #03A9F4
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}


/* ----------------------
header
----------------------- */
#header{width:100%;height:104px;margin:0 auto;padding:5px 0 0;background:#fff9f0;background:-moz-linear-gradient(top, #fff9f0 41%,#e9ddca 100%);background:-webkit-linear-gradient(top, #fff9f0 41%,#e9ddca 100%);background:linear-gradient(to bottom, #fff9f0 41%,#e9ddca 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f0',endColorstr='#e9ddca',GradientType=0 );border-bottom:8px solid #078991;float:left
}
#header h1{margin:10px 0 0 0px;}
#header h1 a{display:block;text-indent:-9999px;background:url(/2016/img/common/logo.png) no-repeat;width:218px;height:74px
}
#header p{font-weight:normal;font-size:12px;height:14px
}
/* ----------------------
#nav
----------------------- */
#nav{background:#F0F8FF;width:100%;margin-bottom:2em;box-shadow:0 3px 5px rgba(0,0,0,0.4);}
#nav ul li{width: calc(100% / 7);float:left;text-align:center;height:30px;border-left:#C9C9C8 1px solid;box-sizing:border-box;line-height:30px;margin:11px 0;position:relative;}
#nav ul li:before{content:"";border-right:1px solid #fff;box-sizing:border-box;display:block;height:30px;left:0;position:absolute;}
#nav ul li:last-child{border-right:#FFF 1px solid;}
#nav ul li:last-child:after{content:"";border-right:1px solid #C9C9C8;box-sizing:border-box;height:30px;right:0px;position:absolute;z-index:5;top:0;}
#nav ul li a{text-decoration:none;color:#1F5A5F;font-size:16px;display:block;font-weight:700}

#nav ul li a{text-decoration:none;color:#1F5A5F;font-size:16px;display:block;font-weight:700}

#nav ul li.paper {    line-height: 14px;}
#nav ul li.paper span{font-size: 10px;display: block; }
/* ----------------------
main
----------------------- */
.main{text-align:center;margin-bottom:1em;}

/* ----------------------
contents
----------------------- */
.inner{width:960px;margin:0 auto;overflow:hidden;}
.container{margin-bottom:3em;overflow:hidden;}
.box{padding-bottom:2em;overflow:hidden;}
.harf {    width: 48%;    float:left;    padding-right: 4%;}
.harf:nth-child(2){
padding-right: 0;}
#contents{width:960px;margin:0 auto;padding:0 0 4em 0;overflow:hidden
}
#contents h2{border-bottom:5px solid #FDC6DA;position:relative;font-size:22px;padding:6px 0;margin-bottom:1em;color:#75461B;width:100%;}
#contents h2:before{content:"";position:absolute;border-bottom:5px solid #FF1769;width:33%;height:4px;display:block;bottom:-5px;}
#contents h3{display:block;margin:0px auto 1em;background:#EADFCC;font-size:17px;background-image:url(../img/common/h3-bg.jpg);background-repeat:no-repeat;background-position:7px;padding:2px 5px 3px 33px;color:#794f25;}
/* ----------------------
left_area
----------------------- */
#left-area{width:710px;float:left;}
/* ----------------------
right_area
----------------------- */
#right_area{width:210px;float:right;}
.books{width:100%;overflow:hidden;padding-bottom:1em;}
.book-text{line-height:1em;text-align:center;margin-bottom:2em;}
.book-text p{margin-bottom:0;}
.book-text p span{font-size:11px;padding-top:4px;display:inline-block;letter-spacing:-0.1px;}
/* ----------------------
離婚式とは
----------------------- */
.service{width:588px;text-align:left;margin-top:1em;overflow:hidden;}
.service li{background-repeat:no-repeat;padding-left:50px;overflow:hidden;height:46px;line-height:33px;font-size:22px;color:#75461B;}
.service li:first-child{background-image:url(../img/rikonshiki/list-01.jpg);}
.service li:nth-child(2){background-image:url(../img/rikonshiki/list-02.jpg);}
.service li:nth-child(3){background-image:url(../img/rikonshiki/list-03.jpg);}
.service li p{float:left;font-weight:700;}
.service li:last-child{font-size:15px;padding-left:4px;}
.service li p.price{float:right;width:260px;}
.service li p.price span{font-size:30px;padding-right:2px;}
.service li:last-child p.price span{font-size:16px;}
.flow li{display:block;overflow:hidden;padding-bottom:1em;}

.flow li .num{background:#FFECF3;color:#FF1769;font-size:29px;border-radius:50px;width:44px;height:44px;display:inline-block;text-align:center;line-height:44px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;float:left;}
.flow li p{font-weight:700;border-bottom:1px solid #fdc6da;display:block;padding:6px 0 8px;color:#794F25;font-size:120%;margin-left:47px;}
ul.mean li{background:url(../img/common/list-icon-check.gif);background-repeat:no-repeat;padding-left:22px;line-height:1.3em;padding-bottom:1.4em;}
ul.mean li:last-child{padding-bottom:0;}
/* ----------------------
NEWS＆トピックス
----------------------- */
#news-list{padding:0 10px
}
#news-list li{list-style-type:none;background:url(../img/common/news-list-icon.gif) no-repeat 0px 10px;padding:7px 0 6px 28px;border-bottom:1px dotted #CCC;font-size:13px;}
li span.day{color:#838383;font-size:12px;line-height:1.2em;}
li span.day:after{content:'/';height:20px;width:70px;padding:0 4px
}
#wrap #contents #left .contact-no{width:300px;height:72px;margin:40px auto 20px
}
#news-scroll {    height: 200px;    float: left;    width: 100%;    overflow: auto;}
/* ----------------------
関連作品
----------------------- */
.drama{display:block;overflow:hidden;padding-bottom:2em;}
.drama:last-child{padding-bottom:0;}
.drama img{width:30%;float:left;padding-right:2%;max-width:270px!important;}
.drama p{width:68%;float:left
}
/* ----------------------
円満離婚
----------------------- */
img.rikon_touroku{width:30%;float:left;padding-right:2%;}


/* ----------------------
日野日出志デザイン離婚届
----------------------- */
.flex {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
}


.flex div{
    width:48%;
    padding-right: 2%;

}


/* ----------------------
離婚式プランナー検定
----------------------- */
img.bouquet{}
/* ----------------------
contact
----------------------- */
.contact{font-size:20px;text-align:center;letter-spacing:1px;line-height:1em;}
.contact a{text-decoration:none
}

/* ----------------------
footer
----------------------- */
#footer-box{width:960px;margin:0 auto;overflow:auto;position:relative;}

#footer{color:#FFF;height:100px;background-color:#078991;width:100%
}
#footer-box #copyright{float:left;font-size:12px;padding:5px 0
}
#footer .pagetop{position:absolute;right:0
}
#footer .pagetop a{display:block;text-indent:-9999px;background:url(../img/common/f_pagetop.gif) no-repeat;background-size:contain;height:28px;width:112px;}





/* ----------------------------------------------------------------

                max-width:780px

------------------------------------------------------------------- */

@media only screen and (max-width:780px){/* ----------------------
header
----------------------- */
#header h1 a{width:218px;height:74px
}
/* ----------------------
#nav
----------------------- */
.nav-pc{display:none
}

/* ----------------------
contents
----------------------- */
.inner{width:92%;}
.container{margin-bottom:2em;}
#contents{width:92%;padding-bottom:1em
}
#contents h2{font-size:22px;}
#contents h3{font-size:16px;}


/* ----------------------
left_area
----------------------- */
#left-area{width:100%;}
/* ----------------------
right_area
----------------------- */
#right_area{width:100%;}
.books li{width:31%;float:left;text-align:center;padding:1%;}
.book-text{margin-bottom:2em;}
.bnr{width:100%;}
.bnr li{width:49%;float:left
}

.bnr li{width:49%;max-width:210px;float:left;padding-right:2%;}

.bnr li:nth-child(2n){padding-right:0;}
/* ----------------------
離婚式とは
----------------------- */
.service{width:100%;}
.service li{float:left;background-size:40px;height:auto;width:calc(100% - 44px);}
.service li p{width:100%;margin-bottom:0;}
.service li:last-child{font-size:14px;padding-left:44px;}
.service li p.price{float:left;width:100%;margin-bottom:.6em;}
.service li:last-child p.price span{font-size:16px;}

.flow li .num{font-size:26px;width:40px;height:40px;line-height:40px;}
.flow li p{margin-left:45px;line-height:1.2em;}


/* ----------------------
関連作品
----------------------- */
.drama img{width:40%;}
.drama p{width:58%;float:left;line-height:1.4em;}

/* ----------------------
円満離婚
----------------------- */
img.rikon_touroku{width:36%;float:left;padding-right:2%;}
/* ----------------------
contact
----------------------- */
.contact{background:rgba(255,255,255,0.22);padding:1.2em 1em 1em;border-radius:8px;margin-top:2em;box-shadow:inset 0 0 6px #C3C3C3;}
.contact p{margin:5px;}
.contact a{text-decoration:none
}

/* ----------------------
footer
----------------------- */
#footer-box{width:92%;}
#footer{height:50px;}
#footer-box #copyright{font-size:11px;}
#footer .pagetop a{display:none;}
}



/* ----------------------------------------------------------------

                max-width:480px

------------------------------------------------------------------- */
@media only screen and (max-width:480px){/* ----------------------
header
----------------------- */
#header{height:94px;border-bottom:6px solid #078991;text-align:center;}
#header h1 a{width:100%;background-position:top;background-size:190px;}
/* ----------------------
#nav
----------------------- */
.nav-pc{display:none
}
/* ----------------------
contents
----------------------- */
.container{margin-bottom:1em;}
.box.harf {    width: 100%;    float:none;}
#contents h2{font-size:20px;margin-bottom:.4em;}

/* ----------------------
right_area
----------------------- */
.books li{width:46%;padding:2%;}
.book-text{margin-bottom:1em;}
/* ----------------------
離婚式とは
----------------------- */
.service{width:100%;}
.service li{font-size:18px;}
.service li p{width:100%;margin-bottom:0;}
.service li:last-child{font-size:14px;padding-left:44px;}
.service li:last-child p.price span{font-size:16px;}
.flow li p{font-size:110%
}
/* ----------------------
NEWS＆トピックス
----------------------- */
#news-list{padding:0
}
#news-list li{line-height:1.4em;padding:11px 0 10px 26px
}
li span.day{display:block
}
li span.day:after{content:''
}
#wrap #contents #left .contact-no{width:300px;height:72px;margin:40px auto 20px
}
/* ----------------------
円満離婚
----------------------- */
img.rikon_touroku{width:60%;float:none;padding-right:0;padding-left:20%;margin-bottom:1em
}



/* ----------------------
日野日出志デザイン離婚届
----------------------- */
.flex {
    display: block;
    align-items: center;
    padding-bottom: 1rem;
}


.flex div{
width: 100%;
    padding-right: 0;

}


/* ----------------------
離婚式プランナー検定
----------------------- */
img.bouquet{width: 94%; padding-left:3%;padding-top:0}
/* ----------------------
contact
----------------------- */
.contact{font-size:100%;}
}



/* --------------------------------

Secondary Fixed Navigation

-------------------------------- */
.tg-nav{position:relative;z-index:3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.tg-nav ul{position:fixed;width:90%;max-width:400px;right:5%;bottom:20px;border-radius:0.25em;background:rgba(86,76,59,0.95);visibility:hidden;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transition:-webkit-transform 0.3s,visibility 0s 0.3s;-moz-transition:-moz-transform 0.3s,visibility 0s 0.3s;transition:transform 0.3s,visibility 0s 0.3s;}
.tg-nav ul.is-visible{visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s,visibility 0s 0s;-moz-transition:-moz-transform 0.3s,visibility 0s 0s;transition:transform 0.3s,visibility 0s 0s;}
.tg-nav li a{display:block;padding:1em 1.2em;border-bottom:1px solid #A4967C;color:#FFF;text-decoration:none;font-size:16px;}
.tg-nav li:last-child a{border-bottom:none;}
.tg-nav-trigger{position:fixed;bottom:20px;right:5%;width:44px;height:44px;background:#564c3b;border-radius:0.25em;overflow:hidden;text-indent:100%;white-space:nowrap;z-index:2;}

.tg-nav-trigger span{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:#f0eee1;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background 0.3s;-moz-transition:background 0.3s;transition:background 0.3s;}
.tg-nav-trigger span::before,.tg-nav-trigger span::after{content:'';position:absolute;background:inherit;width:100%;height:100%;border-radius:50%;}
.tg-nav-trigger span::before{right:-10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.tg-nav-trigger span::after{left:-10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.tg-nav-trigger.menu-is-open{background:transparent;}
.tg-nav-trigger.menu-is-open span{background:rgba(240,238,225,0);width:20px;height:2px;}
.tg-nav-trigger.menu-is-open span::before,.tg-nav-trigger.menu-is-open span::after{background:#f0eee1;width:100%;height:100%;border-radius:0;top:0;left:0;}
.tg-nav-trigger.menu-is-open span::before{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.tg-nav-trigger.menu-is-open span::after{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);}
@media only screen and (min-width:780px){.tg-nav-trigger{display:none;}
}





#breadcrumb{background:aliceblue;width:100%;margin-bottom:2em;box-shadow:0 1px 4px rgba(0,0,0,0.3);}
#breadcrumb-inner{max-width:960px;margin:0 auto;overflow:hidden;width:960px;}
#breadcrumb img{width:14px;}
#breadcrumb li{float:left;}
#breadcrumb li a,#breadcrumb li span{color:#1F5A5F;display:block;background:#F0F8FF;text-decoration:none;position:relative;height:40px;line-height:40px;padding:0 10px 0 5px;text-align:center;margin-right:23px;}
#breadcrumb li:nth-child(even) a,#breadcrumb li:nth-child(even) span{background-color:#D5ECEC;}
#breadcrumb li:nth-child(even) a:before,#breadcrumb li:nth-child(even) span:before{border-color:#D5ECEC;border-left-color:transparent;}
#breadcrumb li:nth-child(even) a:after,#breadcrumb li:nth-child(even) span:after{border-left-color:#D5ECEC;}
#breadcrumb li:first-child a,#breadcrumb li:first-child span{padding-left:15px;}
#breadcrumb li:first-child a:before,#breadcrumb li:first-child span:before{border:none;}
#breadcrumb li:last-child a,#breadcrumb li:last-child span{padding-right:10px;}
#breadcrumb li:last-child a:after,#breadcrumb li:last-child span:after{border:none;}
#breadcrumb li a:before, #breadcrumb li a:after,
#breadcrumb li span:before, #breadcrumb li span:after{content:"";position:absolute;top:0;border:0 solid #F0F8FF;border-width:20px 10px;width:0;height:0;}
#breadcrumb li a:before,#breadcrumb li span:before{left:-20px;border-left-color:transparent;}
#breadcrumb li a:after{left:100%;border-color:transparent;border-left-color:#F0F8FF;}
#breadcrumb li a:hover{background-color:#72E2CC;}
#breadcrumb li a:hover:before{border-color:#72E2CC;border-left-color:transparent;}
#breadcrumb li a:hover:after{border-left-color:#72E2CC;}
#breadcrumb li a:active{background-color:#16a085;}
#breadcrumb li a:active:before{border-color:#16a085;border-left-color:transparent;}
#breadcrumb li a:active:after{border-left-color:#16a085;}


@media only screen and (max-width:780px){#breadcrumb{font-size:90%;background:aliceblue;width:100%;margin-bottom:2em;box-shadow:0 1px 4px rgba(0,0,0,0.3);overflow:auto;}
#breadcrumb-inner{margin:0 auto;overflow:hidden;display:-webkit-box;width:auto;}
#breadcrumb img{width:14px;}
#breadcrumb li{float:left;display:-webkit-box;}
}

 ::-webkit-scrollbar {    width: 10px;}

::-webkit-scrollbar-track {    background:#eee;}

::-webkit-scrollbar-thumb {   background:#d4d4d4;}





.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 1rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}