@charset "utf-8";
/* CSS Document */
body, html{height: 100%;}
body{font-size: 10px;}
.futome{font-weight: bold;}
.small-letter{font-size: small;}
@media(max-width:991px){.no-show1{display: none;}}
@media(min-width:991px){.no-show2{display: none;}}

.scroll, .scroll2{text-align: center;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1.2em;}
.scroll a, .scroll a:visited, .scroll a:hover{color: #ffe15c; text-decoration: none;}
.scroll2 a, .scroll2 a:visited, .scroll2 a:hover{color: #ff5c92; text-decoration: none;}

.talk{font-family: "tbchibirgothicplusk-pro",sans-serif;font-size:2em;}



#topimg{height: 100%; min-height: 680px; background: url(img/back.jpg) repeat top center;display: flex;
  justify-content: center;
  align-items: center;}
.topimg-cont{padding-top: 0;}
.authorname img{width: 40%;}

.secondpara{height: 100%; display: flex;
  justify-content: center;
  align-items: center;min-height: 680px;}
.secondpara .container{padding-top:5%;}
.secondpara h2{font-family: "tbchibirgothicplusk-pro",sans-serif; color: #ff5c92; font-size: 2.5em; line-height: 2.8em;} 
.secondpara .talk{text-align: center; color: #4592ff; margin: 2em 0;}

.thirdpara{width: 100%; height: 100%; background-color: #4592ff; display: flex;
  justify-content: center;
  align-items: center;min-height: 680px;}
 .thirdpara .container{padding-top:0;}
.thirdpara h2, .fifthpara h2 {font-family: "kan415typos-std", serif; color: #ffe15c; line-height: 2em; padding-top: 0;}
.thirdpara .talk{text-align: center; color: #ffe15c; padding-top: 2.5em;}
.thirdpara img{width: 45%;}
@media only screen and (min-width:768px) and (max-width:1024){.thirdpara img{width:100%; padding-top: 3em;}}


.fourthpara{width: 100%; display: block; height: auto; padding-bottom: 5rem; font-family: "tbchibirgothicplusk-pro",sans-serif;}
.fourthpara .col-md-12{text-align: center;}
.fourthpara h2{color: #fff; padding: 5px 10px;}
.sampletitle{display:inline-block; width:auto; height:auto; background-color: #ff5c92; margin-right: auto; text-align: center; margin: -30px 0 40px 0; transform: rotate(-5deg); border-radius: 10px;}
.sampletitle p{color: #fff; padding-bottom: 1rem;}
.sampletitle h2, .sampletitle p{margin: 0 auto;}
.samplerow{padding-top: 8rem;}
.fourthpara .col-md-6 img{margin-bottom: 35px;}
.fourthpara .talk{color:#ff5c92; padding-bottom: 2em; border-bottom:#4592ff dotted thick;}
.syoei{padding-top:3em; margin-bottom: 3em;}
.syoei-dt {width:100%; color: #2e0700; font-size: 1.2em;}
.syoei-dt dt{width:30%; display: inline-block; vertical-align: top;}
.syoei-dt dd{width: 65%;display: inline-block;}
@media(max-width:767px){.syoei-dt dt{width:100%; display:block;}
.syoei-dt dd{width: 100%;display: block;}}
.guideonline a, .guideonline a:visited{color:#45b3ff;}

.fifthpara{width:100%; background-color: #45b3ff; height: auto; padding: 5rem 0 6rem;}



.store{ font-family: "tbchibirgothicplusk-pro",sans-serif; padding-left: 0; width: 60%; margin: 0 auto;}
@media(max-width:767px){.store{ width: auto;}}
.store li{display: inline-block; margin-right: 2em; font-size: 1.8em; margin-top: 2em; width: 150px; vertical-align: top;}
@media(max-width:767px){.store li{display: block; margin-right: auto; width: auto;}}
.store a, .store a:visited{color:#ffe15c;}

.sixth-para{background: -moz-linear-gradient(left, #ffe15c 0%, #ffe15c 66%, #ff5c92 66%, #ff5c92 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffe15c 0%,#ffe15c 66%,#ff5c92 66%,#ff5c92 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffe15c 0%,#ffe15c 66%,#ff5c92 66%,#ff5c92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe15c', endColorstr='#ff5c92',GradientType=1 ); /* IE6-9 */
min-height:520px;}
@media(max-width:812px){.sixth-para { position: relative;  height: auto; min-height: 500px; background: none;}}


.profile{background-color: #ffe15c; min-height: 520px; padding: 3rem 2rem 4rem 0;}
@media(max-width:812px){.profile { height: auto; min-height: 100px; padding:2rem; width:100%; }}

.tutu{background-color: #ff5c92;  min-height: 540px;padding: 3rem 0 4rem 2rem;}
@media(max-width:812px){.tutu {height: auto; min-height: 120px; margin-top: -10px; padding: 2rem;width:100%;}}


.sixth-para h3, .tutu h4{font-family: "kan415typos-std", serif; font-size: 1.8em; line-height: 2em;}
.profile h3 {color: #ff5c92;}
.profile h4{font-family: "kan415typos-std", serif; font-size: 1.8em;}
.profile h4, .profile p, .profile a, .profile a:visited{color:#2e0700;}
.profile p, .profile li{font-family: "tbchibirgothicplusk-pro",sans-serif; font-size: 1.5em; line-height: 1.8em;}
.profile  h4:nth-of-type(2) {margin-top: 2em;}
.profile a{text-decoration: underline; list-style: none;}
.tutu {color: #fff;}
.tutu h4{text-align: center;}
.tutu img{width:70%;margin-top: 2em;}
.tutu p{font-family: "tbchibirgothicplusk-pro",sans-serif; font-size: 1.2em; line-height: 1.8em; margin-top: 2.2em;}
.tutu a, .tutu a:visited{color: #fff; text-decoration: underline;}

.seventhpara{min-height: 550px; background: url(img/dancing-cat-doll.png) no-repeat center bottom;}
.seventhpara h2{font-family: "kan415typos-std", serif; color: #ff5c92;}

.seventhpara h3{font-family: "kan415typos-std", serif; font-size: 1.8em; color: #2e0700; line-height: 2em; margin-top: 2em;}
.seventhpara p{font-family: "tbchibirgothicplusk-pro",sans-serif; font-size: 1.5em; line-height: 1.8em; color:#2e0700; text-align: center; margin-top: 1em;}

footer{width: 100%; height: 60px; background-color: #45b3ff; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1.2em; }
footer p{padding-top: 2em;}
footer a, footer a:visited{color: #fff; text-decoration: none;}

.backhome{padding: 1em;font-family: "tbchibirgothicplusk-pro",sans-serif; font-size: 1.5em; background: #ff5c92;width: 7rem; border-radius: 1em;}
.backhome a, .backhome a:visited{color: #fff; text-decoration: none;}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}