@charset "UTF-8";
/*
heme name:kituke-yui Ver1.0
description:出張着付け結〜奈良〜のレスポンシブ対応したテーマ
author:Nuruyu Ichiro
authorURL: https://nuruyuichorou.com



*/
/*noto sans jp*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
/**/
/*
.wraparea

#main
--service
--servicenav
--greetings
--aside

.footer
*/
html,body,main,header,footer,head,div,h1,h2,img,br,ul,li,figure,figcaption,p,pre{
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6,p,a{
  font-weight: normal;
  font-size: 18px;
  color: #000;
}
html{
  width: 100%;
}
*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
  transition: all 0.3s;
}
img{
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
a:hover{
   opacity: 0.7;
   color: #789;
}
a.morebtn {
    display: inline-block;
    padding: 2% 10%;
    box-shadow: 3px 4px #d5601f;
    border: solid 2px #e39d76;
    border-radius: 20px;
}
a.morebtn__top, .morebtn__contentflow__middle{
  display: inline-block;
  padding: 2% 34%;
  background: #F09629;
  border-radius: 20px;
}
body{
  font-size:18px;
}
.font__color__f{
  color: #fff;
}
/**/
.slider, .topimage__bg{
  filter: brightness(0.5);
}
.slider{
  display: none;
}
.topimage {
    position: relative;
}
.top{
  margin-top: 100px
}
.header__warp {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 150px;
}
.heder__ci__linkarea__page{
  display: inline-block;
}
.topimage__copy{
  position: absolute;
  top:25%;
  left:20vw;
}
.copy{
  color: #fff;
  margin-bottom: 20px;
  text-shadow: 2px 3px 9px #eee;
}
.contbtn{
  margin-top: 180px;
}
#main{
  background: #ffffee;
  padding: 60px 0;
  margin-bottom: 60px;
}
#main__page{
  background: #ffffee;
  padding: 9vh 0;
}
.contents{
  width: 90%;
  margin: 0 auto;
}
.contents p{
   margin-bottom: 1.5rem;
}
 .aside, .wraparea, .servicenav, .service, .main__inner, .greetings, .archives, .sidebar{
  width: 90%;
  max-width: 900px;
  margin: 0 auto 60px;
}
.fs25, .single__h1 {
  font-size: 1.6em;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
.pege__title__top{
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 9vh;
}
.header__ciarea__page {
    width: 45%;
    padding: 16px 0;
}

/* wraparea */
.copy__inner {
    font-size: 0.9em;
    text-align: center;
    margin-bottom: 50px;
}
/*#main*/
.servicenav, .contentflow__area, .feestructure{
  margin-bottom: 15vh;
}
.servicenav li, .sidebar__log li {
    margin: 20px;
    text-align: center;
}
.servicenav li>a {
    text-decoration: underline solid 2px red;
}
.photoArea{
  margin-bottom: 200px;
}
.price {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
}
.price__purasu {
    font-size: 50px;
    padding: 0 50px;
}
.price__icon {
    padding: 4vh 5vw;
}
.price__icon>p {
    margin-top: 10px;
}
#main section>article{
    margin: 0 0 200px 0;
}
#main section>article h2 {
    font-size: 1.3em;
    margin-bottom: 50px;
    text-align: center;
}
#main section>article h3{
  font-size: 1.2em;
  margin-bottom: 30px;
  text-align: center;
}
#bridal dl, #matriculation-graduation dl, #pleasure-trip dl, #adult dl, #shichigosan dl{
    margin-bottom: 20px;
    display: flex;
}
#bridal dl>dt, #bridal dl>dd, #matriculation-graduation dl>dt, #matriculation-graduation dl>dd, #pleasure-trip dl>dt, #pleasure-trip dl>dd, #adult dl>dt, #adult dl>dd, #shichigosan dl>dt, #shichigosan dl>dd{
    width: 45%;
    padding: 0px 5%;
    flex-grow: 1;
    vertical-align: top;
}
.bridal__h2, .matriculation-graduation__h2, .pleasure-trip__h2, .adult__h2, .shichigosan__h2{
    position: relative;
    margin-bottom: 60px;
}
.bridal__h2>h2, .matriculation-graduation__h2>h2, .pleasure-trip__h2>h2, .adult__h2>h2, .shichigosan__h2>h2{
    position: absolute;
    top: 35%;
    left: 10%;
    color: #fff;
}
.bridal__h2>img, .matriculation-graduation__h2>img, .pleasure-trip__h2>img, .adult__h2>img, .shichigosan__h2>img{
    filter: brightness(0.7);
}
.bridal__small{
  margin-top: 60px;
  font-size: 0.8em;
}
.feestructure img,small {
    max-width: 700px;
    margin: 0 auto;
    display: block;
}
/*contentflow*/
.contentflow__area {
    padding: 5% 3%;
    margin-bottom: 100px;
    box-shadow: 6px 6px 8px #e2e2e2;
    text-align: center;
    background: #fff;
}
.contentflow__box {
    margin-bottom: 70px;
    position: relative;
}
.contentflow__box dt {
    margin-bottom: 50px;
    font-size: 1.1em;
}
.contentflow__box dt:before {
    content: "";
    display: block;
    height: 1px;
    background: #14cd0a;
    top: 13%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.contentflow__step{
    color: #fff;
    display: inline-block;
    background: #14cd0a;
    padding: 5px 20px;
    position: relative;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 50px;
}
.contentflow__step:after {
    left: 0;
    content: "";
    display: inline-block;
    border-top: 19px solid #14cd0a;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    position: absolute;
    top: 39px;
}
.morebtn__contentflow{
  margin-bottom: 100px;
  text-align: center;
}
/*greetings*/
.news, .greetings__area__inner, .greetings__area>p, .question__box, .wraparea{
    margin-bottom: 50px;
}
.greetings img{
  max-width: 450px;
}
/* aside */
li.news__area__inner {
    margin-bottom: 23px;
    position: relative;
    padding: 5px 28px;
    background: #fff;
    box-shadow: 2px 3px 4px 0px #dfdfdf;
}

li.news__area__inner:after {
    content:'>';
    position: absolute;
    right: 16px;
    top: 15px;
}

li.news__area__inner>a {
    display: block;
}
.line{
    text-align:center;
}
.line img {
    width: 150px;
    margin-top: 50px;
}
/*footer*/
div#footer__warp {
    background: #f39962;
    color: #fff;
    padding: 50px 0 10px;
    text-align: center;
}
.menu>li {
  display:block;
  margin: 0 1em 2em;
}
/* お知らせ */
.single, .date{
  min-height: 90vh;
}
.news{
  width: 90%;
  margin: 0 auto 50px;
}
.paging{
  padding: 50px 0;
}
.time {
    margin-bottom: 30px;
}
.next,.prev{
  width: 50%;
  text-align: center;
  border: solid 1px #999;
}
.next>a , .prev>a{
  display: block;
  padding: 20px 0;
}
.next {
    float: right;
}
.yuiblogarea a{
    display: block;
    padding: 1rem;
}
.yuiblogarea a:hover{
  opacity: 1;
  color: #000;
  background: #F09629;

}
.yuiblogarea {
    background: #fff;
    margin-bottom: 1em;
    box-shadow: 2px 3px 2px 1px rgba(51, 51, 51, 0.04);
}
.yuiblogarea h3{
   font-weight: bold;
}

/*  qa  */
.content__faq>dt {
    color: #eb5505;
    margin-left: 1.7rem;
    text-indent: -1.7rem;
    font-weight: bold;
}
.content__faq>dt:before {
    content: "Ｑ. ";
}
.content__faq>dd {
    margin-left: 1.7rem;
    text-indent: -1.7rem;
    margin-bottom: 2rem;
}
.content__faq>dd:before {
    content: "Ａ. ";
}
/**申し込み**/
.content__contact h2 {
    font-size: 1.5rem;
    color: red;
    margin-bottom: 1rem;
}
.content__contact {
    padding: 5%;
    border: 5px dotted #123456;
    margin-bottom: 5rem;
}
.contact{
    display: block;
	  width: 250px;
	  margin: 0 auto;
	  padding: 2% 3%;
	  text-align: center;
    color: #ff9933;
	  border: 2px solid #ff9933;
    border-radius: 50px;
    clear: both;
}
.red, .screen-reader-response font{
   color:red;
}
div#wpcf7-f63-p17-o1 {
    max-width: 420px;
    margin: 0 auto;
}
.wpcf7-form .wpcf7-text,.wpcf7-form .wpcf7-textarea,.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number,.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    width: 100%;
    height: 3em;
    box-shadow: 0 1px 3px #666;
    -webkit-box-shadow: 0 1px 3px #666;
    border: none;
    margin-bottom: .5em;
    padding: .2rem 1rem;
    color: #666;
}
span.wpcf7-list-item{display:block;}
 .wpcf7-submit{
    width:210px;
    height:50px;
    margin: 0.5em 0px;
    border: none;
    font-size:120%;
    background: #f75656;
    box-shadow: 0 1px 3px #666;
}
.wpcf7-previous {
   width:210px;
   height:50px;
   margin: 0.5em 0px;
   border: none;
   font-size:120%;
   background: #96f756;
   box-shadow: 0 1px 3px #666;
}
textarea.wpcf7-form-control.wpcf7-textarea{
   height: 6em;
}
/**/
.profile img{
  max-width: 300px;
}
/*ギャラリー・実績*/
.content__gallery{

}
/**** Gallery ****/
/* WordPressのギャラリー機能 */
.gallery {
  width: 100vw;
  max-width: 640px;
  transform: translate(-50%, 0);
  position: relative;
  left: 50%;
  background: #e5e5e5;
  padding: 0.5em 1em;
  text-align: center;
  letter-spacing: -0.4em;
  line-height: 0em;
  margin-bottom: 1em;
}
.gallery .gallery-item {
  display: inline-block;
  letter-spacing: 0.05em;
  position: relative;
  height: 0;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  border: solid 2px transparent;
  border-top-width: 0;
  border-bottom-width: 0;
}
.gallery .gallery-item a {
  display: block;
}
.gallery .gallery-caption {
  display: none;
  font-size: 1em;
  position: absolute;
  bottom: 0.5em;
  z-index: 2;
  width: 100%;
  color: #fff;
  text-shadow: 0 0 1px #222;
  line-height: 1.1em;
  max-height: 2.1em;
  overflow: hidden;
  padding: 0 0.5em;
}
.gallery .gallery-icon {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 1;
}
.gallery-columns-1 .gallery-item {
  width: 90%;
  padding-bottom: 90%;
}
.gallery-columns-1 .gallery-caption {
  font-size: 0.92em;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
  padding-bottom: 50%;
}
.gallery-columns-2 .gallery-caption {
  font-size: 0.76em;
}
.gallery-columns-3 .gallery-item {
  width: 33.33%;
  padding-bottom: 33.33%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
  padding-bottom: 25%;
}
.gallery-columns-5 .gallery-item {
  width: 20%;
  padding-bottom: 20%;
}
.gallery-columns-6 .gallery-item {
  width: 16.66%;
  padding-bottom: 16.66%;
}
.gallery-columns-7 .gallery-item {
  width: 14.28%;
  padding-bottom: 14.28%;
}
.gallery-columns-8 .gallery-item {
  width: 12.5%;
  padding-bottom: 12.5%;
}
.gallery-columns-9 .gallery-item {
  width: 11.11%;
  padding-bottom: 11.11%;
}
@media all and (min-width:768px) {

  /**/
  .slider{
    display: block;
  }
  .fs25, .single__h1{
    font-size: 2.5em;
  }
  .topimage__bg{
    display: none;
  }
  .font__color__f{
    font-weight: 100;
  }
  .header__warp {
      top: 10px;
      left: 10px;
      max-width: 300px;
  }
  .topimage__copy{
    top:25%;
    left:25%;
  }
  .contbtn{
    margin-top: 60px;
  }
  a.morebtn__top, .morebtn__contentflow__middle{
  padding: 2% 14%;
}
.pege__title__top {
    font-size: 2em;
}
  /* wraparea */
  .copy__inner {
      text-align: center;
      margin-bottom: 30px;
      font-size: 1.4em;
  }
  #main section>article h2 {
      font-size: 1.6em;
  }
  .contents{
    max-width: 800px;
  }
  .yuiwrap {
      text-align: center;
      width: 80%;
      margin: 0 auto;
  }
  /*#main*/
  .servicenav li, .sidebar__log li{
    display: inline-block;
  }
  .bridal__h2>h2, .matriculation-graduation__h2>h2, .pleasure-trip__h2>h2, .adult__h2>h2, .shichigosan__h2>h2{
      top: 50%;
      left: 23%;
  }
  .photoArea li{
    max-width: 150px;
  }
  .price__purasu {
      padding: 0 100px;
  }
  /* aside */
  .w50, .greetings__area {
    width: 48%;
    padding: 0 2%;
    display: inline-block;
    vertical-align: top;
  }
  /* footer */
  .menu>li {
    display: inline-block;
  }
  /*お知らせ*/
  .news{
    max-width: 250px;
  }
  div.contentArea figure{
    max-width: 300px;
    margin: 50px;
  }


}