@charset 'UTF-8';
/* http://meyerweb.com/eric/tools/css/reset/
	 v2.0 | 20110126
	 License: none (public domain)
*/



.clearfloat{
  float : none ;
  clear : both ;
  content : "" ;
}

.about-pager{
  background-image : url( "../images/history/bg_history_paper01.png" );
}

div,
dt,
dd{
  position : relative ;
  display : block ;
}

.entry-title.ul{
  margin-bottom : 50px ;
}
@media print, screen and (min-width: 768px) {
  .entry-title.ul{
    margin-bottom : 100px ;
  }
}

.heading04{
  line-height : 1.33 ;
}
.heading04.follow{
  padding-top : 30px ;
}
@media print, screen and (min-width: 768px) {
  .heading04.follow{
    padding-top : 60px ;
  }
}

.heading-story{
  font-size : 1.5rem ;
  letter-spacing : 1px ;
  line-height : 1.94 ;
  margin-bottom : 15px ;
}
@media print, screen and (min-width: 768px) {
  .heading-story{
    font-size : 1.6rem ;
  }
}
.heading-story p{
  margin-top : 10px ;
}
.heading-story p:first-child{
  margin-top : 0px ;
}

.heading-story a,
.heading-story a:link{
  color : #506579 ;
}
@media print, screen and (min-width: 768px) {
.heading-story a .btn-im-anchor.party-dress {
  -webkit-transition: all ease-in-out .3s;
     -moz-transition: all ease-in-out .3s;
      -ms-transition: all ease-in-out .3s;
       -o-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
}
.heading-story a:hover .btn-im-anchor.party-dress {
  color: #fff;
}

}

.ul-storybox{
  position : relative ;
  width : 100%  ;
  margin : 0px auto 30px ;
  background-color : #FFFFFF ;
  box-sizing: border-box;
  border : 1px solid #E7E7E5 ;
  padding : 20px ;
  z-index : 4 ;
  font-size : 1.5rem ;
  letter-spacing : 1px ;
  line-height : 1.94 ;
}
@media print, screen and (min-width: 768px) {
  .ul-storybox{
    font-size : 1.6rem ;
    margin : 0px auto 20px ;
    padding : 30px ;
  }
}

.ul-storybox.follow{
  margin-top : 50px ;
}


.ul-storybox p{
  margin-top : 10px ;
}
.ul-storybox p:first-child{
  margin-top : 0px ;
}

.ul-storybox-title{
  font-size : 1.6rem ;
  color : #763f49 ;
}
@media print, screen and (min-width: 768px) {
  .ul-storybox-title{
    font-size : 1.8rem ;
  }
}
.ul-storybox-title.follow{
  margin-top : 20px ;
}

.ul-caption{
  font-size : 1.2rem ;
  margin-top : 10px ;
}


.heading-story-listnum{
  list-style: decimal ;
  margin-left : 2rem ;
  margin-top : 10px ;
}
.heading-story-listnum:first-child{
  margin-top : 0px ;
}
.heading-story-listdot{
  list-style: disc ;
  margin-left : 2rem ;
  margin-top : 10px ;
}
.heading-story-listdot:first-child{
  margin-top : 0px ;
}


.ul-image{
  width : auto ;
  max-width : 100% ;
  height : auto ;
}
.ul-image-center{
  width : auto ;
  max-width : 100% ;
  height : auto ;
  margin-left : auto ;
  margin-right : auto ;
  display : block ;
}



.ul_image_leftbox{
  float : none ;
  width : 100% ;
  margin-top : 50px ;
}
.ul_image_rightbox{
  float : none ;
  width : 100% ;
  margin-top : 50px ;
}
@media print, screen and (min-width: 768px) {
  .ul_image_leftbox{
    float : left ;
    width : 48% ;
    max-width : 420px ;
    margin-top : 50px ;
  }
  .ul_image_rightbox{
    float : right ;
    width : 48% ;
    max-width : 420px ;
    margin-top : 50px ;
  }
}

.ul_image_leftbox img,
.ul_image_rightbox img{
  width : 100% ;
  height : auto ;
}
.ul_image_leftbox.follow,
.ul_image_rightbox.follow{
  margin-top : 25px ;
}

.ul_image_leftbox.pre_follow,
.ul_image_rightbox.pre_follow{
  margin-top : 25px ;
}
@media print, screen and (min-width: 768px) {
  .ul_image_leftbox.pre_follow,
  .ul_image_rightbox.pre_follow{
    margin-top : 50px ;
  }
}


.ul-stotybox-left{
  position : relative ;
  width : 100%  ;
  margin : 0px auto 30px ;
  background-color : #FFFFFF ;
  box-sizing: border-box;
  border : 1px solid #E7E7E5 ;
  padding : 20px 20px ;
  z-index : 4 ;
  font-size : 1.5rem ;
  letter-spacing : 1px ;
  line-height : 1.94 ;
}
@media print, screen and (min-width: 768px) {
  .ul-stotybox-left{
    float : left ;
    width : 49%  ;
    max-width : 430px ;
    margin : 0px auto 60px ;
    padding : 30px ;
    font-size : 1.6rem ;
  }
}
.ul-stotybox-right{
  position : relative ;
  width : 100%  ;
  margin : 0px auto 30px ;
  background-color : #FFFFFF ;
  box-sizing: border-box;
  border : 1px solid #E7E7E5 ;
  padding : 20px 20px ;
  z-index : 4 ;
  font-size : 1.5rem ;
  letter-spacing : 1px ;
  line-height : 1.94 ;
}
@media print, screen and (min-width: 768px) {
  .ul-stotybox-right{
    float : right ;
    width : 49%  ;
    max-width : 430px ;
    margin : 0px auto 60px ;
    padding : 30px ;
    font-size : 1.6rem ;
  }
}
.ul-stotybox-center{
  position : relative ;
  width : 100%  ;
  margin : 0px auto 30px ;
  background-color : #FFFFFF ;
  box-sizing: border-box;
  border : 1px solid #E7E7E5 ;
  padding : 20px 20px ;
  z-index : 4 ;
  font-size : 1.5rem ;
  letter-spacing : 1px ;
  line-height : 1.94 ;
}
@media print, screen and (min-width: 768px) {
  .ul-stotybox-center{
    float : ;
    width : 50%  ;
    max-width : 430px ;
    margin : 60px auto 0px ;
    padding : 30px ;
    font-size : 1.6rem ;
  }
}


.button-normal--ul {
  display : block ;
  width : 100% ;
  max-width : 360px ;
  height : auto ;
  color : #fff !important;
  padding-left : 20px ;
  padding-right : 20px ;
  background-color : #763f49 ;
  border-color : #763f49;
  margin : 20px auto 0px ;
  line-height : 1 ;
}
.button-normal--ul .icon-arrow {
  fill : #fff;
  margin-left : 16px ;
}
.button-normal--ul .icon-arrow-wrap{
  width : 40px ;
}
@media print, screen and (min-width: 768px) {
.button-normal--ul:hover {
  color: #763f49 !important;
}
.button-normal--ul:hover .icon-arrow {
  fill : #763f49;
}
}


.button-normal--ul.follow{
  margin-top : 30px ;
}
@media print, screen and (min-width: 768px) {
  .button-normal--ul.follow{
    margin-top : 50px ;
  }
}

.hakama_bar_left{
  position : relative ;
  display : block ;
  width : 100% ;
  max-width : 600px ;
  height : auto ;
  margin-bottom : 30px ;
  margin-left : auto ;
  margin-right : auto ;
}
.hakama_bar_right{
  position : relative ;
  display : block ;
  width : 100% ;
  max-width : 600px ;
  height : auto ;
  margin-bottom : 30px ;
  margin-left : auto ;
  margin-right : auto ;
}
@media print, screen and (min-width: 768px) {
  .hakama_bar_left{
    float : left ;
    width : 51% ;
    max-width : 600px ;
    height : auto ;
    margin-bottom : 0px ;
  }
  .hakama_bar_right{
    float : right ;
    width : 47% ;
    max-width : 600px ;
    height : auto ;
  }
}


#party-dress, #child-dress{
    margin-top : 0 !important;
    padding-top : 100px ;
}


.party-dress-photo-superbox {
  margin-bottom : 30px ;
      display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between ;
  flex-wrap: wrap;
}
.party-dress-photo-item{
  width : auto ;
  max-width : 45% ;
  height : auto ;
  margin-left : auto ;
  margin-right : auto  ;
  text-align : center ;
  margin-bottom : 30px ;
}
.party-dress-photo-item img{
  width : auto ;
  max-width : 100% ;
  height : auto ;
  margin-left : auto ;
  margin-right : auto  ;
  margin-bottom : 6px ;
}
@media print, screen and (min-width: 768px) {
  .party-dress-photo-superbox {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between ;
    margin-bottom : 10px ;
  }
  .party-dress-photo-item{
    width : 32% ;
    max-width : 283px ;
    margin-bottom : 50px ;
    margin-left : 0 ;
    margin-right : 0 ;
  }
}


.heading-title-small{
  font-size : 1.6rem ;
  color : #763f49 ;
  margin-bottom : 10px ;
  margin-top : 30px ;
}
@media print, screen and (min-width: 768px) {
  .heading-title-small{
    font-size : 1.8rem ;
    margin-top : 50px ;
  }
}

.mb30{
  margin-bottom : 30px ;
}




.history-year{
}
@media print, screen and (min-width: 768px) {
  .history-year{
    width : 130px !important ;
  }
}
.history-month{
  width : 120px !important ;
}
@media print, screen and (min-width: 768px) {

}

/* index */
.media-table {
  display : block;
  margin-bottom : 50px;
  border : 1px solid #ddd;
}
.media-table dl{
  background-color : #f8f8f2 ;
}
.media-table dl:not(:last-child) {
  border-bottom : 1px solid #ddd;
}
.media-table dt , .media-table dd {
  padding : 8px 10px;
}
.media-table dt {
  border-bottom : 1px solid #ddd;
  background : #edede4;
  display : table-cell;
  vertical-align : middle;
  width : 100% ;
}
.media-table dd {
  background : #fff;
}
.media-table dd span {
  display : inline-block;
  margin-right : 15px;
}
.media-table .address-link {
  display : inline-block;
  color : #506579;
}
.media-table .table-title dd{
  background-color : #edede4 ;
}
.media-table .costume{
  background-color : #f8f8f2 ;
}
.media-table dd.rent_for{
  background-color : #FFFFFF ;
}
@media print, screen and (min-width: 768px) {
  .media-table {
    margin-bottom : 100px;
  }
  .media-table dl {
    display : table;
    width : 100%;
  }
  .media-table dt , .media-table dd {
    display : table-cell;
    padding : 12px 15px;
    vertical-align : middle;
  }
  .media-table dt {
    border-right : 1px solid #ddd;
    border-bottom : none;
  }
  .media-table dt.year {
    width : 120px;
  }
  .media-table dt.costume {
    width : 190px;
  }
  .media-table dd span {
    margin-right : 30px;
  }
}

a.width20{
  width : 48% ;
}
.btn-im-anchor{
  box-sizing: border-box;
  width : 100%   ;
  max-width : 360px ;
  height : 55px ;
  line-height : 55px ;
  text-align : center ;
  border : 1px solid #3d3025 ;
  margin : 0px auto 20px ;
  font-size : 1.5rem ;
}
.im-anchor-box{
  margin-top : 50px ;
}
@media print, screen and (min-width: 768px) {
  a.width20{
    width : 20% ;
  }
  .btn-im-anchor{
    box-sizing: border-box;
    width : 100% ;
    max-width : 200px ;
    height : 40px ;
    line-height : 40px ;
    margin : 0 ;
    font-size : 1.4rem ;
    -webkit-transition: all ease-in-out .3s;
       -moz-transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
         -o-transition: all ease-in-out .3s;
            transition: all ease-in-out .3s;
  }
  .im-anchor-box{
    margin-top : 50px ;
  }
  a.width20:hover {
    opacity: 1;
  }
  a:hover .btn-im-anchor {
    color: #fff;
    background: #3d3025;
  }
}
.btn-im-anchor.party-dress{
  margin : 20px auto 0 ;
  box-sizing: border-box;
  width : 100%   ;
  max-width : 360px ;
  height : 55px ;
  line-height : 55px ;
  text-align : center ;
  border : 1px solid #3d3025 ;
  font-size : 1.5rem ;
}
@media print, screen and (min-width: 768px) {
  .btn-im-anchor.party-dress{
    margin : 20px auto 0 ;
  }
}
a .btn-im-anchor.party-dress,
a .btn-im-anchor.party-dress:link{
  color : #3d3025 ;
}


.im-teble {
  max-width : ;
  display : block;
  margin : 0px auto 10px ;
  border : 1px solid #ddd;
}
.im-teble dl:not(:last-child) {
  border-bottom : 1px solid #ddd;
}
.im-teble dt , .im-table-price , .im-table-title dd {
  padding : 8px 10px;
}
.im-teble .im-table-title {
  /*border-bottom : 1px solid #ddd;*/
  background : #edede4;
}
.im-teble dd {
  background : #fff;
}
.im-teble dd span {
  display : inline-block;
  margin-right : 0px;
}
.im-teble .address-link {
  display : inline-block;
  color : #506579;
}

@media print, screen and (min-width: 768px) {
  .im-teble {
  }
  .im-teble dl {
    display : table;
    width : 100%;
  }
  .im-teble dl:nth-of-type(1) {
    display: block;
  }
  .im-teble dt , .im-table-price , .im-table-title dd {
    display : table-cell;
    padding : 12px 15px;
    vertical-align : middle;
  }
  .im-table-small{
    border-right : 1px solid #ddd;
  }
  .im-table-small , .im-table-medium {
    display : table-cell;
    padding : 12px 15px;
    vertical-align : middle;
  }
  .im-teble dt {
    /*border-right : 1px solid #ddd;*/
    border-bottom : none;
    display: block;
  }
  .im-teble dd span {
    margin-right : 0px;
  }
  .im-teble .im-table-small{
    width : 25% ;
  }
  .im-teble .im-table-medium{
    width : 75% ;
  }
}

.im-table-price .caption{
  font-size : 1.0rem ;
}


.im-optionbag-box{
  float : none ;
  width : 100% ;
  height : auto ;
}
.im-optionbag-image{
  float : none ;
  width : 100% ;
  max-width : 400px ;
  height : auto ;
  margin : 0px auto 0px ;
  position : relative ;
  display : block ;
}
@media print, screen and (min-width: 768px) {
  .im-optionbag-box{
    float : left ;
    width : 50% ;
    height : auto ;
  }
  .im-optionbag-image{
    float : right ;
    width : 46% ;
    max-width : 400px ;
    height : auto ;
    margin : 50px 0px 0px ;
  }
}
.im-option-rental{
  list-style-type: decimal;
  margin-left : 2rem ;
}
.im-option-rental .title{
  font-size : 1.8rem ;
  color : #763f49 ;
  margin-top : 30px ;
}
.im-option-rental p{
  font-size : 1.6rem ;
  line-height : 1.94 ;
  margin-top : 10px ;
}
.heading-story-red{
  color : #AF1B07;
}
.heading01.follow{
  margin-top : 100px !important;
}
.im-follow{
  margin-top : 50px ;
}
@media print, screen and (min-width: 768px) {
  .im-follow{
    margin-top : 60px ;
  }
}