@charset "UTF-8";
* {
    padding: 0px;
    margin: 0px;
}
body {
    font-family: "shippori-mincho-b1", sans-serif;
    　　　font-weight: 500;
    　　　font-style: normal;
    font-size: 1.3em;
    text-align: justify;
    line-height: 180%;
}
header  {
    background-image: url(../img/HSA3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
#header_menu{
    display: block;
    position: fixed; /*ポジションを固定する*/
    top: 0px;
　/*一番上に設置*/
left: 0px;
    z-index: 9999;  /*どの要素よりも上にくるように*/
    background-color: rgba(208,0,222,0.60);
　　/*メニューバー背景色*/
width: 100%; /*横幅を100%に*/
    padding: 0 0;
    width: 100%;
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: bold;
    text-shadow: 0px 0px 5px #640055;
}
.tokutendivF {
    border: medium dotted rgba(153,127,0,1.00);
    border-radius: 20px;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    background-color: #dddcd9;
    line-height: 140%;
}
#header_menu a {
float: left; /*メニューを横並びにする*/
font-size: 16px;
color: #FFF;　　　
padding: 10px;
}
#header_menu a:after { /*floatでデザインが崩れないように*/
display:block;
clear: both;
content:"";　　　
}
.taiken {
    background-color: #C1DF7F;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    border-radius: 20px;
    color: #FFFFFF!important;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.taiken p {
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #57933C;
    padding-bottom: 10px;
}
.txtgreen2 {
    color: #C1DF7F;
}
.trackline {
    border-radius: 10px;
    border: 2px solid rgba(195,29,155,1.00);
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
}
.trackline p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.txtblueline {
    color: #2A9711;
    padding-bottom: 10px;
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
}

.sen8{
    background-image: -webkit-linear-gradient(0deg,rgba(193,223,127,1.00) 0%,rgba(255,246,230,0.00) 50%,rgba(193,223,127,1.00) 100%), -webkit-linear-gradient(270deg,rgba(237,119,128,0.00) 0%,rgba(237,119,128,0.00) 95%,rgba(237,119,128,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(193,223,127,1.00) 0%,rgba(255,246,230,0.00) 50%,rgba(193,223,127,1.00) 100%), -moz-linear-gradient(270deg,rgba(237,119,128,0.00) 0%,rgba(237,119,128,0.00) 95%,rgba(237,119,128,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(193,223,127,1.00) 0%,rgba(255,246,230,0.00) 50%,rgba(193,223,127,1.00) 100%), -o-linear-gradient(270deg,rgba(237,119,128,0.00) 0%,rgba(237,119,128,0.00) 95%,rgba(237,119,128,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(193,223,127,1.00) 0%,rgba(255,246,230,0.00) 50%,rgba(193,223,127,1.00) 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #ed7780 100%);
    background-size: 8px 100%,100% 2em;
    line-height: 2em;
    padding-top: 2em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 0.2em;
}
.txt3 {
    font-size: 3em;
}
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	width: auto;
	border: 10px solid rgba(236,218,106,1.00);
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
}
.underline_green{
    border-bottom: 2px dotted #2D9123;
    padding-bottom: 5px;
}
#id1st {
    background-image: url(../img/1stBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.inner{
    width: 94%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 3%;
}
.tokutendiv {
    border: medium dotted rgba(153,127,0,1.00);
    border-radius: 20px;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    background-color: rgba(255,255,255,0.80);
    line-height: 140%;
}
footer {
    text-align: center;
    font-size: small;
    line-height: 160%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../img/footer.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.f-rightsp {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.trackline {
    border-radius: 10px;
    border: 2px solid rgba(195,29,155,1.00);
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
}
.trackline p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#id5 {
    background-image: url(../img/BG5.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center 0%;
}
#id5 .inner {
    background-image: url(../img/peapar.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    border-right: thick solid #BCA300;
    border-left: thick solid #BCA300;
    max-width: 700px;
    width: 90%;
}
#id6 {
    background-image: url(../img/bg6.jpg);
    background-size: cover;
    background-attachment: fixed;
}
#id6 .inner {
    background-color: rgba(255,255,255,0.70);
    max-width: 700px;
}
#id4 {
    background-image: url(../img/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: left 0%;
}
.txtpuaple {
    color: #592EA0;
}
.txtpuaple2 {
    color: #7C54BD;
}
#idE2nd {
    background-image: url(../img/Es2BG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
#plofile {
    font-size: medium;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 200%;
}

#id1st .inner  {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 190%;
    text-shadow: 0px 0px;
    max-width: 800px;
}
#id1stE {
    background-image: url(../img/E1stBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
#id1stE .inner  {
    text-align: left;
    font-size: 1.1em;
    line-height: 220%;
    text-shadow: 0px 0px;
    max-width: 800px;
}
#idE2nd .inner  {
    text-align: left;
    /* [disabled]font-size: 1.1em; */
    line-height: 220%;
    text-shadow: 0px 0px;
    max-width: 800px;
}
p {
    color: #333333;
    margin-bottom: 20px;
    margin-right: 0px;
}
.txtsmall {
    font-size: small;
    line-height: 140%;
}
.txtgreen {
    color: #388F76;
}
.gothic {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.memo {
    background-repeat: repeat;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    border-radius: 20px;
    background-image: url(../img/memo.jpg);
    -webkit-box-shadow: 2px 2px 5px rgba(145,145,145,0.47);
    box-shadow: 2px 2px 5px rgba(145,145,145,0.47);
}
#id3 {
    background-image: url(../img/bg3.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.txtmed {
    font-size: medium;
}
h2 {
    color: #8D6D00;
    font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", serif;
    font-size: 1.7em;
    line-height: 160%;
}
.wrap1 {
    background-color: rgba(255,255,255,0.90);
    border-radius: 15px;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    text-shadow: 0px 0px 7px #FFFFFF,0px 0px 7px #FFFFFF,0px 0px 7px #FFFFFF;
}
.wrap3 {
    background-color: rgba(255,255,255,0.5);
    border-radius: 15px;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    text-shadow: 0px 0px 7px #FFFFFF,0px 0px 7px #FFFFFF,0px 0px 7px #FFFFFF;
    font-size: 1.1em;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
    font-weight: normal;
}
.boxyellow {
    background-color: #FFFDE0;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    border-radius: 15px;
}
.wrap {
    background-color: rgba(255,255,255,0.8);
    border-radius: 15px;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
}
#message {
    width: 90%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/letter_bg.jpg);
    background-repeat: repeat-y;
    background-size: cover;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
.f-right {
    float: right;
    margin-left: 15px;
}
.f-left {
    float: left;
    margin-right: 15px;
}
.f-left0 {
    float: left;
    margin-right: 5px;
}
.txtgold {
    color: #9A7500;
}
.txt09 {
    font-size: 0.9em;
}
.txt11 {
    font-size: 1.1em;
}
.txt12 {
    font-size: 1.2em;
}
.txt13 {
    font-size: 1.3em;
}
.txt15 {
    font-size: 1.5em;
}
.txt18 {
    font-size: 1.8em;
}
.txt2 {
    font-size: 2em;
}
.txtyellow{
    color: #FFFC00;
}
.txtwhite{
    color: #FFFfff;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    text-shadow: 0px 0px 7px rgba(100,79,58,0.75);
}
.txtpink{
    color: #BB30A9;
}
.txtpink2{
    color: rgba(255,167,243,0.80);
}
.txtbluegreen {
    color: #1D818C;
}
.dropcap:first-letter {
    font-size: 50px;/*文字の大きさ*/
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    line-height: 1;/*必要*/
    color: #AF5596;
}
.markerblue {
    background: linear-gradient(transparent 70%, #a8ffff 30%);
}
.markergreen {
    background: linear-gradient(transparent 70%, #E5FFD5 30%);
}
.markerorange {
    background: linear-gradient(transparent 70%, #ffbb00 30%);
}
.markerpink {
    background: linear-gradient(transparent 70%, rgba(255,167,243,0.30) 30%);
}
.underline_orang{
    border-bottom: 2px dotted #CF8906;
}
.underline_pink{
    border-bottom: 2px dotted #CF8906;
    padding-bottom: 10px;
}
img.valign {
    vertical-align: middle;
    margin-right: 5px;
}
.greentrack {
    background-color: #87C1B6;
    padding-top: 1px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 1px;
    border-radius: 10px;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    font-size: 1.1em;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    width: auto;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.greentrack3-1 {
    background-color: #DE8ED9;
    padding-top: 1px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 1px;
    border-radius: 10px;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    font-size: 1.1em;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    width: auto;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.trackpink {
    background-color: rgba(241,171,219,0.80);
    padding-top: 2px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 2px;
    border-radius: 5px;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.trackgreen {
    background-color: #6CC59E;
    padding-top: 2px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 2px;
    border-radius: 5px;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: #FFFFFF;
    font-size: 1.2em;
}
.trackpink2 {
    background-color: #E711A4;
    padding-top: 2px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 2px;
    border-radius: 5px;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    font-weight: bold;
    color: #FFFFFF;
}
.greentrack2 {
    background-color: #6CC59E;
    padding-top: 2px;
    padding-right: 20px;
    padding-left: 15px;
    padding-bottom: 2px;
    border-radius: 10px;
    color: rgba(255,255,255,1.00);
    width: auto;
    height: auto;
}
.greentrack3 {
    background-color: #DC56C5;
    padding-top: 2px;
    padding-right: 20px;
    padding-left: 15px;
    padding-bottom: 2px;
    border-radius: 10px;
    color: rgba(255,255,255,1.00);
    width: auto;
    height: auto;
}
.mincho2 {
    font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", serif;
}
.healer {
    border-left-width: medium;
    border-right-width: medium;
    border-radius: 10px;
    padding-top: 3%;
    padding-right: 2%;
    padding-bottom: 3%;
    padding-left: 1%;
    font-size: 0.9em;
    line-height: 160%;
    width: auto;
    margin-bottom: 50px;
    background-image: url(../img/blueBG2.jpg);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: cover;
    -webkit-box-shadow: 5px 5px 7px rgba(105,205,213,0.60);
    box-shadow: 5px 5px 7px rgba(105,205,213,0.60);
}
.rightdiv {
    width: 94%;
    max-width: 530px;
    float: right;
}
.clear1 {    clear: both;
}
.f-left1 {
    float: left;
    margin-right: 20px;
    width: 50%;
}
.divbox {
    background-color: rgba(255,255,255,0.90);
    border-radius: 30px;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
     linear-gradient(180deg, #CAE99F 1px, transparent 1px); /* 点線2の色と太さ */
    background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.5em; /* 点線2のサイズ */
    line-height: 2.5em; /* 文字の高さ */
    padding-bottom: 1px;
    margin-top: 10px;
}
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	width: auto;
	border: 10px solid rgba(236,218,106,1.00);
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
}
.spnone{display: block;
    }
.pcnone{display: none;
    }
.txtpink3 {
    color: #E710A4;
}
#btn {
    background-image: url("../img/btn2BG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.topnav{font-size: 1.2em;}
@media screen and (max-width:480px)
{
body{font-size: 1.1em;
    font-weight: 600;}
    h2 {
    font-size: 1.4em;
    line-height: 160%;
}
header  {
    background-image: url("../img/Es2BGsp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: scroll;
}
    #id1stE {
    background-image: url(../img/E1stBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: scroll;
}
    .topnav{font-size: 1em;}
.f-left1 {
    float: none;
    margin-right: 0px;
    width: 100%;
}    
.txt11 {font-size: 1em;}     
.txt12 {font-size: 1.1em;} 
.txt13 {font-size: 1.2em;}      
.txt14{font-size: 1.2em;
        font-feature-settings: "palt" 1;}
.txt16 {font-size: 1.3em;}
.txt18 {font-size: 1.4em;}    
.txt20 {font-size: 1.5em;} 
.spnone{display: none;
    }
.pcnone{display: block;
    }
    .f-rightsp {       
    margin: 0px;
    float: none;
        
} 
    #idE2nd {
    background-attachment: scroll;
}
    #id3 {
    background-attachment: scroll;
}
    #id4 {
    background-attachment: scroll;
}
    #id6 {
     background-attachment: scroll;
}
   }