/*
Template:twentyseventeen
Theme Name:twentyseventeen_child
Description:twentyseventeenの子テーマです。
Author: 株式会社ボーンデジタル (Born Digital, Inc.)
Version:1.0
*/

/*@import url("../twentyseventeen/style.css");*/

/* wp-native-css */
/* TinyMCE-editor */
.textbox_inner{
  padding-bottom:1.5em;
  font-size:1.4rem;
}
.editor_area{
  display:block;
  width:100%;
  font-size:1.4rem;
}
.editor_area blockquote {
  display: inline-block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
  padding:0 0.5em;
  font-style: italic;
  position: relative;
  color:#777;
}
.editor_area blockquote *{
  font-style: italic;
}
.editor_area blockquote:before,
.editor_area blockquote:after{
  content: '"';
  position: absolute;
  font-size:50px;
  font-weight: bold;
}
.editor_area blockquote:before{
  left: -30px;
  top: -20px;
}

.editor_area blockquote:after {
  right: -23px;
  bottom: -53px;
}

.editor_area h3 {
  font-size: 2.4rem;
  font-weight: bold;
  clear: both;
  text-decoration: underline;
  margin-top:1em;
}
.editor_area p + h3 {
  margin-top:2em;
}

.editor_area h4 {
  font-size: 2.2rem;
  font-weight: bold;
  clear: both;
  margin-top:1em;
}

.editor_area h5 {
  font-size: 1.6rem;
  font-weight: normal;
  text-decoration: underline;
  margin-top:1em;
}
.editor_area + p{
  margin-top:1.5em;
}
.editor_area > *:first-child{
  margin-top: 0 !important
}
.editor_area > *:last-child{
  margin-bottom: 0 !important
}
.editor_area p + h1,
.editor_area p + h2,
.editor_area p + h3,
.editor_area p + h4,
.editor_area p + h5 {
  margin-top:2em;
}
.editor_area * + p{
  margin-top:1.5em;
}
.editor_area h1 + p,
.editor_area h2 + p,
.editor_area h3 + p,
.editor_area h4 + p,
.editor_area h5 + p{
  margin-top:0;
}

.editor_area li:after,
.editor_area p:after{
  content:"";
  display: block;
  clear: both;
}
.editor_area ul, .editor_area ol {
  margin: 1em 0;
}

.editor_area pre {
  display: block;
  padding: .6em;
  margin: 0 0 .8em;
  font-size: .8em;
  line-height: 1.4;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.editor_area pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.editor_area strong {
  font-weight: bold;
}

.editor_area em {
  font-style: italic;
}

.editor_area del {
  text-decoration: line-through;
}

.editor_area a {
  display: inline-block;
  background-color:inherit;
  text-align: left;
  font-weight: normal;
  line-height: 1.6;
  color: #00d;
  text-decoration: underline;
}
.editor_area a:hover {
  text-decoration: none;
}
.editor_area p a[target="_blank"]{
  background:url(assets/images/icon/icon_blank02.png) center right no-repeat;
  padding-right:22px;
}


.editor_area ul{
  list-style: disc;
  padding: 0 0 0 1.5em;
}

.editor_area ol{
  list-style: decimal;
  padding: 0 0 0 1.5em;
}

@media screen and (min-width:751px){
.editor_area ul,
.editor_area ol{
  font-size: 1.6rem;
}
}
@media screen and (max-width:750px){
.editor_area ul,
.editor_area ol{
  font-size: 1.4rem;
}
}


/* img */
/* 画像のテキスト回り込みに対応、画像サイズの指定class及び、添付画像のclassをレスポンシブに対応*/
/* メディアクエリーに対応 */

/*@media screen and (min-width:768px) { メディアクエリーに対応させる場合は、こちらを解除*/

.editor_area .alignnone {
  display:block;
  margin:0 0 1em;
  float: none !important;
}
.editor_area .aligncenter {
     display: block;
     margin: 0 auto;
 }
.editor_area .alignright { float: right; }
.editor_area .alignleft { float: left; }

.editor_area img.alignnone {
  display:block;
  margin:0 0 1em;
  float: none !important;
}
.editor_area img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
     }
.editor_area img.alignright {
     padding: 4px;
     margin: 0 0 2px 7px;
     display: inline;
     }
.editor_area img.alignleft {
     padding: 4px;
     margin: 0 7px 2px 0;
     display: inline;
     }
/*}*/

.editor_area img[class*="wp-image-"],
.editor_area img[class*="attachment-"] {
   height: auto;
   max-width: 100%;
}
.editor_area .size-auto,
.editor_area .size-full,
.editor_area .size-large,
.editor_area .size-medium,
.editor_area .size-thumbnail {
   max-width: 100%;
   height: auto;
}
.editor_area .wp-caption,
.editor_area .gallery-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

/* clearfix */

.editor_area .clearfix {
    overflow: hidden;
    zoom: 1;
}
.editor_area .clearfix:after {
    content: "";
    display: block;
    clear: both;
}
 /*movie*/
.movie-wrap5 {
     position: relative;
     padding-bottom: 56.25%;
     overflow: hidden;
}
 
.movie-wrap5 iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.ex_button{
	font-size: 2em;
    padding:.3em .3em .3em .3em ;
}

/*-----------------------------------------------
contact_us
-----------------------------------------------*/
.contact_us{
  width:100%;
}
.acd_inner_ttl + .contact_us{
  padding-top:3px;
}

.contact_us{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
}
.contact_us.in_center{
  -ms-flex-pack: center;
  justify-content: center;
}

.contact_us a{
  display:block;
  font-weight: bold;
  position: relative;
  line-height: 1;
  transition:.5s;
  height: 100%;
  text-align: center;
}
.contact_us a span{
  display:inline-block;
  line-height: 1;
}
.contact_us .inquiry_white a{
  border:2px solid #e00000;
}
.contact_us .inquiry_white a span{
  color:#e00000;
}
.contact_us .inquiry_red a{
  border:2px solid #e00000;
  background-color:#e00000;
}
.contact_us .inquiry_red a span{
  color:#fff;
}
.contact_us .inquiry_privacy a{
  border:2px solid #e00000;
  background-color:#e00000;
}
.contact_us .inquiry_privacy a span{
  color:#fff;
}

.contact_us .inquiry_white a:hover{
  background-color:#f9cccc;
  transition:.2s;
}
.contact_us .inquiry_red a:hover{
  background-color:#ec6666;
  transition:.2s;
}
.contact_us .inquiry_privacy a:hover{
  background-color:#ec6666;
  transition:.2s;
}

@media screen and (min-width:751px){
  .contact_us > div{
    /*Adding additional buy buttons means we can no longer use a static figure for the width*/
    /*width:50%;
    padding:0 40px 20px;*/
    flex:1;
    max-width: 100%;
    padding: 10px 10px 10px;
  }
  .contact_us a span{
    padding:23px 0 17px;
    font-size:1.8rem;
  }
  .contact_us .inquiry_white a span{
    padding-left:33px;
    background:url(assets/images/icon/icon_inquiry_c.svg) left center / 24px 30px no-repeat;
  }
  .contact_us .inquiry_red a span{
    padding-left:33px;
    background:url(assets/images/icon/icon_schedule.svg) left center / 24px 30px no-repeat;
  }
  .contact_us .inquiry_privacy a span{
    padding-left:33px;
    background:url(assets/images/icon/icon_privacy.svg) left center / 24px 30px no-repeat;
  }
}
@media screen and (max-width:750px){
  .contact_us{
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .contact_us > div{
    /*The following value is for narrower screens*/
    /*width:calc((100% - 10px) / 2);
    margin-bottom:10px;*/
    flex:1 1 auto;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .contact_us a span{
    padding:12px 0 8px;
    font-size:1.4rem;
  }
  .contact_us .inquiry_white a span{
    padding-left:23px;
    background:url(assets/images/icon/icon_inquiry_c.svg) left center /16px 20px no-repeat;
  }
  .contact_us .inquiry_red a span{
    padding-left:23px;
    background:url(assets/images/icon/icon_schedule.svg) left center /16px 20px no-repeat;
  }
  .contact_us .inquiry_privacy a span{
    padding-left:23px;
    background:url(assets/images/icon/icon_privacy.svg) left center /16px 20px no-repeat;
  }
}