@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
strong { font-weight:bold;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {padding:0; margin:0; vertical-align:bottom;}
.clearfix:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
.clear {clear: both;}
a { text-decoration:none;}
a:hover { }
.box { cursor:pointer;}



html, body {height: 100%; min-width:1000px;}

body{color:#333;font:14px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, sans-serif;line-height:1.5; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}

.cd-nav-trigger {
  position: fixed;
  display: inline-block;
}

.cd-nav-trigger {
  top: 0px;
  right: 0%;
  height: 44px;
  width: 44px;
  z-index: 5;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  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%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  z-index: 10;
}
.cd-nav-trigger .cd-icon::before,.cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger .cd-icon:before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger .cd-icon:after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger:before,.cd-nav-trigger:after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger:before {
  background-color: #FC9EB9;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger:after {
  background-color: #000;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger.close-nav:before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger.close-nav:after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon:before,.cd-nav-trigger.close-nav .cd-icon:after {
  background-color: white;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger.close-nav .cd-icon:before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}
.cd-nav-trigger.close-nav .cd-icon:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    content: '';

}

.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 80px 5%;
  z-index: 3;
  background-color: #FC9EB9;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  color:#FFF;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 2.6em 0;
  }
  .cd-primary-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}

.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 0px;
  right: 0%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span,.cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden,.cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  background-color: #FC9EB9;
}

.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
  background-color: #FFF;
}



.top_main { background:url(../images/top_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; position:relative; width: 100%;height: 100%; min-height:850px; z-index:0;}
.top_main div.head { text-align: center; width: 531px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;height: 600px;}
.top_main div.head ul {width: 531px; height: 293px; margin: 30px auto; background: url("../images/top_book_bg.png") no-repeat; background-size: cover;}
.top_main div.head ul li {display: inline-block; width: 40%;margin: 225px 5px 0px;}
.top_main div.head ul li a { display: block; width: 100%; padding: 5px 0px; text-align: center; border-radius: 25px; color: #FFF; font-size: 16px; font-weight: bold; letter-spacing: 0.02em;background: rgb(251,194,147);background: -moz-linear-gradient(top, rgba(251,194,147,1) 0%, rgba(255,123,172,1) 100%);background: -webkit-linear-gradient(top, rgba(251,194,147,1) 0%,rgba(255,123,172,1) 100%);background: linear-gradient(to bottom, rgba(251,194,147,1) 0%,rgba(255,123,172,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc293', endColorstr='#ff7bac',GradientType=0 );}
.top_main div.head ul li a:hover {opacity: .8;}
.top_main div.head + a {	position: absolute; padding-top: 60px; color:#FFB1BB; bottom: 50px;left: calc(50% - 15px); z-index:10;}
.top_main div.head + a span {position: absolute;bottom: 30px;left: 50%;width: 30px;height: 50px;margin-left: -15px;border: 2px solid #FFB1BB;border-radius: 50px;box-sizing: border-box;}
.top_main div.head + a span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #FFB1BB;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
0% {-webkit-transform: translate(0, 0);opacity: 0;}
40% {opacity: 1;}
80% {-webkit-transform: translate(0, 20px);opacity: 0;}
100% {opacity: 0;}
}
@keyframes sdb {
0% {transform: translate(0, 0);opacity: 0;}
40% {opacity: 1;}
80% {transform: translate(0, 20px);opacity: 0;}
100% {opacity: 0;}
}

.top_main div.news { position:absolute; bottom:0px; background-color:rgba(0,0,0,0.7); width:100%;color:#FFF; padding:10px 0px;}
.top_main div.news a { color:#FFF;}
.top_main div.news h2 { float:left; padding-left:30px; padding-right:30px; font-weight:bold;}
.top_main div.news dl { }
.top_main div.news dl dt { float:left; padding-right:1em;}
.top_main div.news dl dd { float:left;}
.top_main div.news dl dd span { padding-right:0.5em; color:#F00;}
.top_main div.news p { float:right; padding-right:30px;}

.top_contents { width:1000px; margin:0px auto;}
.top_contents div { height:250px;}
.top_contents div:first-child { float:left; width:50%; background-color:#99BAFF; color:#FFF; text-align:center;}
.top_contents div:first-child h2 { font-size:18px; font-weight:bold; text-align:center;margin-bottom:20px; padding-top:120px;}
.top_contents div:first-child h2 a { color:#FFF;}
.top_contents div:first-child h2 span { border-bottom:2px solid #FFF; padding-bottom:10px; }
.top_contents div:nth-child(2) { float:right; width:50%; overflow:hidden;}
.top_contents div:nth-child(2) img { width:100%; vertical-align:top;}
.top_contents:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}
.top_contents_under { width:1000px; margin:0px auto;}
.top_contents_under div { height:300px;}
.top_contents_under div:first-child { float:right; width:50%; background-color:#83BC3F; color:#FFF; text-align:center;}
.top_contents_under div:first-child h2 { font-size:18px; font-weight:bold; text-align:center;margin-bottom:20px; padding-top:120px;}
.top_contents_under div:first-child h2 a { color:#FFF;}
.top_contents_under div:first-child h2 span { border-bottom:2px solid #FFF; padding-bottom:10px; }
.top_contents_under div:nth-child(2) { float:left; width:50%; overflow:hidden;}
.top_contents_under div:nth-child(2) img { width:100%;}
.top_contents_under:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}

.voice_sample { width:1000px; margin:0px auto; padding:60px 0px;}
.voice_sample h3 { font-size:24px; font-weight:bold; text-align:center; margin-bottom:70px;}
.voice_sample h3 span { border-bottom:2px solid #333; padding-bottom:10px;}
.voice_sample div figure { width:32%; border:1px solid #CCC; box-sizing:border-box; float:left; margin-left:2%; margin-bottom:2%;}
.voice_sample div figure:nth-child(3n+1) { margin-left:0%;}
.voice_sample div figure img { width:100%;}
.voice_sample div figure figcaption dl { padding:10px 0px 10px 10px; float:left;}
.voice_sample div figure figcaption dl + ul { float:right; text-align:right; padding:30px 10px 0px 0px;}
.voice_sample div figure figcaption dl dt { font-size:16px; font-weight:bold;}
.voice_sample div:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}
.voice_sample div figure.no-audio { padding-bottom:37px;}

.audioplayer{height:2.5em;color:#fff;text-shadow:1px 1px 0 #000;border:1px solid #222;position:relative;background:#333;clear:both; z-index:0;}
.audioplayer-mini{width:2.5em;margin:0 auto}
.audioplayer>div{position:absolute}
.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:hsla(0,0%,100%,.1)}
.audioplayer-mini .audioplayer-playpause{width:100%}
.audioplayer-playpause:focus,.audioplayer-playpause:hover{background-color:#222}
.audioplayer-playpause a{display:block}
.audioplayer-stopped .audioplayer-playpause a{width:0;height:0;border:.5em solid transparent;border-right:0 0;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.25em}
.audioplayer-playing .audioplayer-playpause a{width:.75em;height:.75em;position:absolute;top:50%;left:50%;margin:-.375em 0 0 -.375em}
.audioplayer-playing .audioplayer-playpause a:after,.audioplayer-playing .audioplayer-playpause a:before{width:40%;height:100%;background-color:#fff;content:'';position:absolute;top:0}
.audioplayer-playing .audioplayer-playpause a:before{left:0}
.audioplayer-playing .audioplayer-playpause a:after{right:0}
.audioplayer-time{width:4.375em;height:100%;line-height:2.375em;text-align:center;z-index:2;top:0}
.audioplayer-time-current{border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);left:2.5em}
.audioplayer-time-duration{border-right:1px solid #555;border-right-color:hsla(0,0%,100%,.1);right:2.5em}
.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}
.audioplayer-bar{height:.875em;background-color:#222;cursor:pointer;z-index:1;top:50%;right:6.875em;left:6.875em;margin-top:-.438em}
.audioplayer-novolume .audioplayer-bar{right:4.375em}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}
.audioplayer-bar-loaded{background-color:#333;z-index:1}
.audioplayer-bar-played{background:#007fd1;z-index:2}
.audioplayer-volume{width:2.5em;height:100%;border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}
.audioplayer-volume:focus,.audioplayer-volume:hover{background-color:#222}
.audioplayer-volume-button{width:100%;height:100%}
.audioplayer-volume-button a{width:.313em;height:.375em;background-color:#fff;display:block;position:relative;z-index:1;top:40%;left:35%}
.audioplayer-volume-button a:after,.audioplayer-volume-button a:before{content:'';position:absolute}
.audioplayer-volume-button a:before{width:0;height:0;border:.5em solid transparent;border-left:0 0;border-right-color:#fff;z-index:2;top:50%;right:-.25em;margin-top:-.5em}
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{width:.313em;height:.313em;border:.25em double #fff;border-width:.25em .25em 0 0;left:.563em;top:-.063em;-webkit-border-radius:0 .938em 0 0;-moz-border-radius:0 .938em 0 0;border-radius:0 .938em 0 0;-webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg );-ms-transform:rotate( 45deg );-o-transform:rotate( 45deg );transform:rotate( 45deg )}
.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;background:#333}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}
.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}
.audioplayer-volume-adjust>div{width:40%;height:80%;background-color:#222;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}
.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#007fd1}
.audioplayer-novolume .audioplayer-volume {display:none}

.pankuz { width:100%; background-color:#FDF4F7; position:relative;}
.pankuz ul { padding:5px 10px;}
.pankuz ul li { float:left; font-size:12px; color: #666;}
.pankuz ul li a { font-size:12px; color: #666;}
.pankuz ul li a:after { content:">"; padding:0px 10px;}
.pankuz ul:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}
.pankuz .pagetop { position:absolute; top:0; right:0;}
.pankuz .pagetop a { font-size:12px;padding:5px 10px; display:block; background-color: #FEABA5; color:#FFF;}
.t_pagetop { padding:0px; margin:0px;}
.t_pagetop p { float:right;}
.t_pagetop p a { font-size:12px;padding:5px 10px; display:block; background-color: #FEABA5; color:#FFF;}
.t_pagetop:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}

footer {background: rgb(252,153,198);
background: -moz-linear-gradient(left, rgba(252,153,198,1) 0%, rgba(255,172,165,1) 100%);
background: -webkit-linear-gradient(left, rgba(252,153,198,1) 0%,rgba(255,172,165,1) 100%);
background: linear-gradient(to right, rgba(252,153,198,1) 0%,rgba(255,172,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc99c6', endColorstr='#ffaca5',GradientType=1 ); width:100%;padding:30px 0px;}
footer section {min-width:1000px;width:100%; margin:0px auto;color:#FFF; position:relative;}
footer section .footer_left { float:left; padding:0px 30px 30px;}
footer section .footer_left + h3 { width:300px; position:absolute; left:50%; margin-left:-150px;}
footer section .footer_left + h3 img { width:100%;}
footer section .footer_right { float:right; padding:0px 30px; }
footer section .footer_right ul {margin-bottom:20px;}
footer section .footer_right ul li { display:inline; margin-right:0.5em;}
footer section .footer_right ul li a { color:#FFF; font-weight:bold;}
footer section .footer_right ul li:before { content:"|"; padding-right:0.5em;}
footer section .footer_right ul li:first-child:before { content:"";}
footer section .footer_right ul + h4 { float:right; width:425px; font-size:12px;}
footer section .footer_right + p { clear:both; text-align: center; font-size:12px;}
footer section:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}

@media only screen and (max-width:1200px){
footer section div + h3 { width:300px; position:absolute; left:50%; margin-left:-150px; display:none;}
}

@media only screen and (max-width:500px){
html, body {height: 100%; min-width:100%;}

.top_main { background:url(../images/top_main.jpg) center center / cover no-repeat;padding:0px 0px 0px 0px; position:relative; width: 100%;height: 100%; min-height:850px; z-index:0; box-sizing: border-box;}
.top_main div.head { text-align: center; width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;height: 600px; padding: 0px 20px; box-sizing: border-box;}
.top_main div.head ul {width: 100%; height: 300px; margin: 30px auto; background: url("../images/top_book_bg.png") no-repeat; background-size: contain; padding-top: 43%;}
.top_main div.head ul li {display: inline-block; width:40%;margin: 0px 5px 0px;}
.top_main div.head ul li a { display: block; width: 100%; padding: 5px 0px; text-align: center; border-radius: 25px; color: #FFF; font-size: 13px; font-weight: bold; letter-spacing: 0.02em;background: rgb(251,194,147);background: -moz-linear-gradient(top, rgba(251,194,147,1) 0%, rgba(255,123,172,1) 100%);background: -webkit-linear-gradient(top, rgba(251,194,147,1) 0%,rgba(255,123,172,1) 100%);background: linear-gradient(to bottom, rgba(251,194,147,1) 0%,rgba(255,123,172,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc293', endColorstr='#ff7bac',GradientType=0 );}

.top_main div.head h1 img {width: 100%;}
.top_main div.head + a {	position: absolute; padding-top: 60px; color:#FFB1BB; bottom: 80px;left: calc(50% - 15px); z-index:10;}


.top_main div.news { position:absolute; bottom:0px; background-color:rgba(0,0,0,0.7); width:100%;color:#FFF; padding:10px 0px;}
.top_main div.news a { color:#FFF;}
.top_main div.news h2 { float:none; padding-left:20px; padding-right:20px; font-weight:bold;}
.top_main div.news dl { padding: 0px 20px; float: left; margin-top: 5px;}
.top_main div.news dl dt { float:left; padding-right:1em;}
.top_main div.news dl dd { float:left;max-width: 236px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.top_main div.news dl dd span { padding-right:0.5em; color:#F00;}
.top_main div.news dl dd a { }
.top_main div.news p { float:none; position: absolute; right: 0px; top: 10px; padding-right:20px;}
.top_main div.news p a {font-size: 12px;}

.top_contents { width:100%; margin:0px auto;}
.top_contents div:first-child { float:none; width:100%; background-color:#99BAFF; color:#FFF; text-align:center;}
.top_contents div:first-child h2 { font-size:18px; font-weight:bold; text-align:center;margin-bottom:20px; padding-top:120px;}
.top_contents div:first-child h2 a { color:#FFF;}
.top_contents div:first-child h2 span { border-bottom:2px solid #FFF; padding-bottom:10px; }
.top_contents div:nth-child(2) { float:none; width:100%; overflow:hidden;}
.top_contents_under div:first-child { float:none; width:100%; background-color:#83BC3F; color:#FFF; text-align:center;}
.top_contents_under div:first-child h2 { font-size:18px; font-weight:bold; text-align:center;margin-bottom:20px; padding-top:120px;}
.top_contents_under div:first-child h2 a { color:#FFF;}
.top_contents_under div:first-child h2 span { border-bottom:2px solid #FFF; padding-bottom:10px; }
.top_contents_under div:nth-child(2) { float:none; width:100%; overflow:hidden;}

.top_contents_under { width:100%; margin:0px auto;}

.voice_sample { width:100%; margin:0px auto; padding:60px 20px; box-sizing: border-box;}
.voice_sample div figure { width:100%; border:1px solid #CCC; box-sizing:border-box; float:none; margin-left:0%; margin-bottom:2%;}
.voice_sample div figure:nth-child(3n+1) { margin-left:0%;}
.voice_sample div figure figcaption:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}

.pankuz ul { padding:5px 10px; display: flex;width: calc(100% - 120px);}
.pankuz ul li { float:none; font-size:12px; color: #666;white-space: nowrap}
.pankuz ul li:last-child {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pankuz ul li a { font-size:12px; color: #666;}
.pankuz ul li a:after { content:">"; padding:0px 3px;}
.pankuz ul:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden; font-size:0px;}



footer section {min-width:100%;width:100%; margin:0px auto;color:#FFF; position:relative;}
footer section .footer_left { float:none; padding:0px 20px 20px;}
footer section .footer_left h2 {text-align: center;margin-bottom: 20px;}
footer section .footer_left + h3 { width:300px; position:absolute; left:50%; margin-left:-150px;}
footer section .footer_left + h3 img { width:100%;}
footer section .footer_right { float:none; padding:0px 20px; }
footer section .footer_right ul + h4 { float:none; width:100%; font-size:12px; margin-bottom: 20px;}

footer section .footer_right ul {text-align: center;}
footer section .footer_right ul li { display:inline-block; margin-right:0.3em;}
footer section .footer_right ul li:last-child:before { content:""; padding-right:0.5em;}
}