@charset "UTF-8";

/* =========================================================================================================================================

スタイルシート横幅：1401px以上

========================================================================================================================================= */
@media screen and (min-width: 1501px){
#a11{
    width: 100%;
    overflow: hidden;
    padding: 1% 0;
}
#a11 #a11_box{
    width: 80%;
    display: block;
    margin: 0 auto;
}
#a11 #a11_box #rogo{
    width: 30%;
    display: block;
    float: left;
}
#a11 #a11_box #rogo #r_box01{
    width: 50%;
    display: block;
    float: left;
}
#a11 #a11_box #rogo #r_box02{
    width: 50%;
    display: block;
    float: left;
    padding: 6% 0;
}
#a11 #a11_box #rogo #r_box02 #shamei {
    font-size: 210%;
    font-weight: bold;
    color: #745660;
}
#a11 #a11_box #rogo #r_box02 #shamei #goudou{
    font-size: 60%;
}
#a11 #a11_box #r_box03 {
    width: 55%;
    display: block;
    float: left;
    padding: 0 0 0 15%
}
#a11 #a11_box #r_box03 #pc_nav {
    width: 100%;
    display: block;
}
#a11 #a11_box #r_box03 #pc_nav #pc_nav_li{
    width: 20%;
    display: block;
    margin: 0 2.5%;
    float: left;
}
#a11 #a11_box #r_box03 #pc_nav #pc_nav_li a:hover {
opacity: 0.8;
}
#a11 #a11_box #a12{
    display: none;
}




#main {
    width: 100%;
    display: inline-block;
}
#main #main_img {
    display: 100%;
}
#main #main_img #pc {
    width: 100%;
}
#main #main_img #sp {
    display: none;
}


#con01 {
    width: 100%;
    display: block;
}
#con01 #box01 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 2% 0;
}
#con01 #box01 h1 {
    font-size: 330%;
    text-align: center;
    font-weight: bold;
    color: #d8646b;
    margin: 0 0 2% 0;
}
#con01 #box01 p {
    font-size: 130%;
    text-align: center;
    margin: 2% 0 0 0;
}
#con01 #box01 p #orenge {
    font-size: 180%;
    color: #f39e69;
    font-weight: bold;
}





#con02 {
    width: 100%;
    display: block;
    background-color: #fbf8f2;
    padding: 2% 0 3%;
}
#con02 #box02 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0;
}
#con02 #box02 h1 {
    font-size: 230%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 0 0 2% 0;  
}
#con02 #box02 #inbox01 {
    width: 100%;
    display: block;
}
#con02 #box02 #inbox01 img {
    width: 27%;
    display: block;
    float: left;
    margin: 0 3%;
}
#con02 #box02 #inbox02 {
    width: 85%;
    display: flex;
    margin: 0 auto;
}
#con02 #box02 #inbox02 #fukidashi01 {
    width: 41%;
    display: block;
    float: left;
    margin: 3% 2% 0%;
    background-color: #ffffff;
    border: 2px solid #7a6559;
    border-radius: 10px;
    padding: 1.5% 2%;
}
#con02 #box02 #inbox02 #fukidashi01 p {
    font-size: 120%;
    color: #482918;
}
#con02 #box02 #inbox02 #fukidashi01 p #kyoutyou {
    color: #d76269;
    font-size: 150%;
    font-weight: bold;
}




#con03 {
    width: 100%;
    display: block;
}
#con03 #box03 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0;
}
#con03 #box03 h1 {
    font-size: 300%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 2% 0 5% 0;  
    line-height: 120%;
}
#con03 #box03 h1 #title01 {
    color: #f39a64;
    font-size: 120%;
    font-weight: bold;
}
#con03 #box03 #inbox03 {
    width: 85%;
    display: flex;
    margin: 0 auto;
}
#con03 #box03 #inbox03 #list {
    width: 26%;
    margin: 0 1.5% 3%;
    display: block;
    float: left;
    padding: 2%;
    background-color: #d39a8c;
}
#con03 #box03 #inbox03 #list img {
    width: 100%;

}
#con03 #box03 #inbox03 #list p {
    color: #ffffff;
}

#con03 #box03 h2 {
    font-size: 220%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 2% 0 2% 0;  
}


#con04 {
    width: 100%;
    display: block;
}
#con04 #box04 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con04 #box04 h1 {
    font-size: 330%;
    text-align: center;
    font-weight: bold;
    color: #d8646b;
    margin: 0 0 2% 0;
}
#con04 #box04 #inbox04 {
    width: 100%;
    display: flex;
    padding: 4% 0;
}
#con04 #box04 #inbox04 #p01 {
    width: 20%;
    display: block;
    padding: 1% 3%;
    font-size: 250%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: #d8646b; 
}
#con04 #box04 #inbox04 #p02 {
    width: 20%;
    display: block;
    padding: 0% 3%;
    font-size: 400%;
    color: #d8646b;
    font-weight: bold;
}
#con04 #box04 #inbox04 #p02 #p_small {
    font-size: 60%;
    font-weight: bold;
}
#con04 #box04 #inbox04 #p03 {
    width: 25%;
    display: block;
    font-size: 100%;
    padding: 2% 0 0 0;
    color: #d8646b;
    font-weight: bold;
}
#con04 #box04_02 {
    width: 80%;
    display: flex;
    padding: 2% 0;
    margin: 0 auto;
}
#con04 #box04_02 #inbox05,#inbox06 {
    width: 45%;
    display: block;
    margin: 0 2.4%;
}
#con04 #box04_02 h1 {
    font-size: 250%;
    font-weight: bold;
    color: #d8646b;
    border-bottom: 4px solid #d8646b;
}
#con04 #box04_02 p {
    font-size: 120%;
    color: #482918;
    text-align: justify;
    padding: 3% 0; 
}
#con04 #box04_02 #inbox06 img {
    padding: 3% 0;
    width: 100%;
}
#con04 #box04 #inbox07{
    display: flex;
    margin: 0 0 5% 0;
}
#con04 #box04 #inbox07 img {
    width: 48%;
    margin: 0 1%;
}




#con05 {
    width: 100%;
    display: block;
}
#con05 #box05 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con05 #box05 h1 {
    font-size: 330%;
    text-align: center;
    font-weight: bold;
    color: #EDAB57;
    margin: 0 0 2% 0;
}
#con05 #box05 p {
    font-size: 120%;
    color: #482918;
    text-align: center;
    padding: 3% 0; 
}
#con05 #box05 #inbox08 {
    width: 100%;
    display: flex;
    margin: 2% 0;
}
#con05 #box05 #inbox08 #list02 {
    width: 29%;
    display: block;
    margin: 0 2%;
}
#con05 #box05 #inbox08 #list02 img {
    width: 100%;
}
#con05 #box05 #inbox08 #list02 h1 {
    font-size: 180%;
    font-weight: bold;
    color: #EDAB57;
    padding: 0 0 0 2%;
    border-left: 7px solid #EDAB57;
    text-align: left;
    margin: 2% 0;
}
#con05 #box05 #inbox08 #list02 p {
    text-align: justify; 
}





#con06 {
    width: 100%;
    display: block;
}
#con06 #box06 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con06 #box06 h1 {
    font-size: 250%;
    font-weight: bold;
    color: #EDAB57;
    border-bottom: 4px solid #EDAB57;
}
#con06 #box06 #inbox09 {
    width: 100%;
    margin: 4% 0;
}
#con06 #box06 #inbox09 img {
    width: 32%;
    margin: 0 0.5%;
}
#con06 #box06 #inbox10 {
    width: 100%;
}
#con06 #box06 #inbox10 #inner01 {
    width: 64%;
    display: flex;
    margin: 0 auto;
}
#con06 #box06 #inbox10 #p01 {
    width: 15%;
    display: block;
    padding: 5% 2.5%;
    font-size: 190%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: #40210F; 
    border-radius: 5px;
}
#con06 #box06 #inbox10 #p02 {
    width: 40%;
    display: block;
    font-size: 600%;
    color: #40210F;
    font-weight: bold;
    margin: 0 1% 0 2%;
    text-align: center;
}
#con06 #box06 #inbox10 #p02 #p_small {
    font-size: 60%;
    font-weight: bold;
}
#con06 #box06 #inbox10 #p02 #p_small02 {
    font-size: 30%;
    font-weight: bold;
}
#con06 #box06 #inbox10 #p03 {
    width: 31%;
    display: block;
    padding: 6% 0;
    font-size: 80%;
    color: #40210F;
    font-weight: bold;
}
#con06 #box06 #inbox11 {
    width: 100%;
    display: flex;
    margin: 4% 0
}
#con06 #box06 #inbox11 #subbox_box01,#subbox_box02 {
    width: 42%;
    margin: 0 2%;
    padding: 2%;
}
#con06 #box06 #inbox11 #subbox_box01 {
    border: 5px solid #40210F;
    box-sizing: border-box;
    background-color: #EBDEC0;
}
#con06 #box06 #inbox11 #subbox_box01 #ss_box01 {
    margin: 2% 0;
}
#con06 #box06 #inbox11 #subbox_box01 h1 {
    font-size: 150%;
    font-weight: bold;
    color: #40210F;
    border-bottom: 3px dotted #40210F;
    margin: 0 0 2% 0
}
#con06 #box06 #inbox11 #subbox_box01 h1 #nyuka_small {
    font-size: 60%;
    text-align: right;
    font-weight: bold;
    margin: 0 0 0 5%;
}
#con06 #box06 #inbox11 #subbox_box01 p {
    font-size: 150%;
    font-weight: bold;
    color: #40210F;
}
#con06 #box06 #inbox11 #subbox_box01 p #kingaku_small {
    font-size: 70%;
}

#con06 #box06 #inbox11 #subbox_box02 {
    border: 5px dotted #40210F;
    box-sizing: border-box;
}
#con06 #box06 #inbox11 #subbox_box02 p {
    font-size: 120%;
    color: #482918;
    text-align: justify;
}



footer {
    width: 100%;
    display: flex;
}
footer #f_box01 {
    width: 75%;
    display: flex;
    margin: 10% 5% 0 0;
    padding: 3% 0 0;
    border-top: 3px solid #847867;
}
footer #f_box01 #f_inbox01 {
    width: 20%;
}
footer #f_box01 #f_inbox01 img {
    width: 60%;
    display: block;
    margin: 0 auto;
}
footer #f_box01 #f_inbox02 {
    width: 20%;
    padding: 1% 0 0 0;
}
footer #f_box01 #f_inbox02 h1 {
    font-size: 200%;
    color: #482918;
    font-weight: bold;
    border:none; 
    margin: 0 0 2% 0;
}
footer #f_box01 #f_inbox02 h1 #goudou{
    font-size: 60%;
    padding: 0 2% 0 0;
}
footer #f_box01 #f_inbox02 p {
    font-size: 80%;
    color: #482918;
}
footer #f_box01 #f_inbox03 {
    width: 45%;
    margin: 0 0 0 15%;
}
footer #f_box01 #f_inbox03 p {
    font-size: 120%;
    color: #482918;
    font-weight: bold;
    margin: 0 0 0 12%;
}
footer #f_box02 {
    width: 20%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}



}
/* =========================================================================================================================================

スタイルシート横幅：600〜1500pxまで

========================================================================================================================================= */

@media screen and (min-width: 600px) and (max-width: 1500px){
#soushoku {
	width: 100%;
}
#a11{
    width: 100%;
    overflow: hidden;
    padding: 1% 0;
}
#a11 #a11_box{
    width: 80%;
    display: block;
    margin: 0 auto;
}
#a11 #a11_box #rogo{
    width: 40%;
    display: block;
    float: left;
}
#a11 #a11_box #rogo #r_box01{
    width: 50%;
    display: block;
    float: left;
}
#a11 #a11_box #rogo #r_box02{
    width: 50%;
    display: block;
    float: left;
    padding: 6% 0;
}
#a11 #a11_box #rogo #r_box02 #shamei {
    font-size: 210%;
    font-weight: bold;
    color: #745660;
}
#a11 #a11_box #rogo #r_box02 #shamei #goudou{
    font-size: 60%;
}
#a11 #a11_box #r_box03 {
    width: 45%;
    display: block;
    float: left;
    padding: 0 0 0 15%
}
#a11 #a11_box #r_box03 #pc_nav {
    width: 100%;
    display: block;
}
#a11 #a11_box #r_box03 #pc_nav #pc_nav_li{
    width: 20%;
    display: block;
    margin: 0 2.5%;
    float: left;
}
#a11 #a11_box #r_box03 #pc_nav #pc_nav_li a:hover {
opacity: 0.8;
}
#a11 #a11_box #a12{
    display: none;
}




#main {
    width: 100%;
    display: inline-block;
}
#main #main_img {
    display: 100%;
}
#main #main_img #pc {
    width: 100%;
}
#main #main_img #sp {
    display: none;
}


#con01 {
    width: 100%;
    display: block;
}
#con01 #box01 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 2% 0;
}
#con01 #box01 h1 {
    font-size: 330%;
    text-align: center;
    font-weight: bold;
    color: #d8646b;
    margin: 0 0 2% 0;
}
#con01 #box01 p {
    font-size: 130%;
    text-align: center;
    margin: 2% 0 0 0;
}
#con01 #box01 p #orenge {
    font-size: 180%;
    color: #f39e69;
    font-weight: bold;
}





#con02 {
    width: 100%;
    display: block;
    background-color: #fbf8f2;
    padding: 2% 0;
}
#con02 #box02 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0;
}
#con02 #box02 h1 {
    font-size: 230%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 0 0 2% 0;  
}
#con02 #box02 #inbox01 {
    width: 100%;
    display: block;
}
#con02 #box02 #inbox01 img {
    width: 27%;
    display: block;
    float: left;
    margin: 0 3%;
}
#con02 #box02 #inbox02 {
    width: 85%;
    display: flex;
    margin: 0 auto;
}
#con02 #box02 #inbox02 #fukidashi01 {
    width: 41%;
    display: block;
    float: left;
    margin: 3% 2% 0%;
    background-color: #ffffff;
    border: 2px solid #7a6559;
    border-radius: 10px;
    padding: 1.5% 2%;
}
#con02 #box02 #inbox02 #fukidashi01 p {
    font-size: 120%;
    color: #482918;
}
#con02 #box02 #inbox02 #fukidashi01 p #kyoutyou {
    color: #d76269;
    font-size: 150%;
    font-weight: bold;
}




#con03 {
    width: 100%;
    display: block;
}
#con03 #box03 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0;
}
#con03 #box03 h1 {
    font-size: 300%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 2% 0 5% 0;  
    line-height: 120%;
}
#con03 #box03 h1 #title01 {
    color: #f39a64;
    font-size: 120%;
    font-weight: bold;
}
#con03 #box03 #inbox03 {
    width: 85%;
    display: flex;
    margin: 0 auto;
}
#con03 #box03 #inbox03 #list {
    width: 26%;
    margin: 0 1.5% 3%;
    display: block;
    float: left;
    padding: 2%;
    background-color: #d39a8c;
}
#con03 #box03 #inbox03 #list img {
    width: 100%;

}
#con03 #box03 #inbox03 #list p {
    color: #ffffff;
}

#con03 #box03 h2 {
    font-size: 180%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 2% 0 2% 0;  
}


#con04 {
    width: 100%;
    display: block;
}
#con04 #box04 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con04 #box04 h1 {
    font-size: 330%;
    text-align: center;
    font-weight: bold;
    color: #d8646b;
    margin: 0 0 2% 0;
}
#con04 #box04 #inbox04 {
    width: 100%;
    display: flex;
    padding: 4% 0;
}
#con04 #box04 #inbox04 #p01 {
	width: 20%;
    display: block;
    padding: 2% 3%;
    font-size: 200%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: #d8646b;
}
#con04 #box04 #inbox04 #p02 {
    width: 30%;
    display: block;
    padding: 0% 3%;
    font-size: 400%;
    color: #d8646b;
    font-weight: bold;
}
#con04 #box04 #inbox04 #p02 #p_small {
    font-size: 60%;
    font-weight: bold;
}
#con04 #box04 #inbox04 #p03 {
    width: 25%;
    display: block;
    font-size: 100%;
    padding: 2% 0 0 0;
    color: #d8646b;
    font-weight: bold;
}
#con04 #box04_02 {
    width: 80%;
    display: flex;
    padding: 2% 0;
    margin: 0 auto;
}
#con04 #box04_02 #inbox05,#inbox06 {
    width: 45%;
    display: block;
    margin: 0 2.4%;
}
#con04 #box04_02 h1 {
    font-size: 200%;
    font-weight: bold;
    color: #d8646b;
    border-bottom: 4px solid #d8646b;
}
#con04 #box04_02 p {
    font-size: 120%;
    color: #482918;
    text-align: justify;
    padding: 3% 0; 
}
#con04 #box04_02 #inbox06 img {
    padding: 3% 0;
    width: 100%;
}
#con04 #box04 #inbox07{
    display: flex;
    margin: 0 0 5% 0;
}
#con04 #box04 #inbox07 img {
    width: 48%;
    margin: 0 1%;
}




#con05 {
    width: 100%;
    display: block;
}
#con05 #box05 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con05 #box05 h1 {
    font-size: 330%;
    text-align: center;
    font-weight: bold;
    color: #EDAB57;
    margin: 0 0 2% 0;
}
#con05 #box05 p {
    font-size: 120%;
    color: #482918;
    text-align: center;
    padding: 3% 0; 
}
#con05 #box05 #inbox08 {
    width: 100%;
    display: flex;
    margin: 2% 0;
}
#con05 #box05 #inbox08 #list02 {
    width: 29%;
    display: block;
    margin: 0 2%;
}
#con05 #box05 #inbox08 #list02 img {
    width: 100%;
}
#con05 #box05 #inbox08 #list02 h1 {
    font-size: 180%;
    font-weight: bold;
    color: #EDAB57;
    padding: 0 0 0 2%;
    border-left: 7px solid #EDAB57;
    text-align: left;
    margin: 2% 0;
}
#con05 #box05 #inbox08 #list02 p {
    text-align: justify; 
}





#con06 {
    width: 100%;
    display: block;
}
#con06 #box06 {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con06 #box06 h1 {
    font-size: 250%;
    font-weight: bold;
    color: #EDAB57;
    border-bottom: 4px solid #EDAB57;
}
#con06 #box06 #inbox09 {
    width: 100%;
    margin: 4% 0;
}
#con06 #box06 #inbox09 img {
    width: 32%;
    margin: 0 0.5%;
}
#con06 #box06 #inbox10 {
    width: 100%;
}
#con06 #box06 #inbox10 #inner01 {
    width: 64%;
    display: flex;
    margin: 0 auto;
}
#con06 #box06 #inbox10 #p01 {
	width: 20%;
    display: block;
    padding: 5% 2.5%;
    font-size: 160%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: #40210F;
    border-radius: 5px;
}
#con06 #box06 #inbox10 #p02 {
    width: 65%;
    display: block;
    font-size: 470%;
    color: #40210F;
    font-weight: bold;
    margin: 0 1% 0 2%;
    text-align: center;
}
#con06 #box06 #inbox10 #p02 #p_small {
    font-size: 60%;
    font-weight: bold;
}
#con06 #box06 #inbox10 #p02 #p_small02 {
    font-size: 30%;
    font-weight: bold;
}
#con06 #box06 #inbox10 #p03 {
    width: 31%;
    display: block;
    padding: 6% 0;
    font-size: 80%;
    color: #40210F;
    font-weight: bold;
}
#con06 #box06 #inbox11 {
    width: 100%;
    display: flex;
    margin: 4% 0
}
#con06 #box06 #inbox11 #subbox_box01,#subbox_box02 {
    width: 42%;
    margin: 0 2%;
    padding: 2%;
}
#con06 #box06 #inbox11 #subbox_box01 {
    border: 5px solid #40210F;
    box-sizing: border-box;
    background-color: #EBDEC0;
}
#con06 #box06 #inbox11 #subbox_box01 #ss_box01 {
    margin: 4% 0;
}
#con06 #box06 #inbox11 #subbox_box01 h1 {
    font-size: 150%;
    font-weight: bold;
    color: #40210F;
    border-bottom: 3px dotted #40210F;
    margin: 0 0 2% 0
}
#con06 #box06 #inbox11 #subbox_box01 h1 #nyuka_small {
    font-size: 60%;
    text-align: right;
    font-weight: bold;
    margin: 0 0 0 5%;
}
#con06 #box06 #inbox11 #subbox_box01 p {
    font-size: 150%;
    font-weight: bold;
    color: #40210F;
}
#con06 #box06 #inbox11 #subbox_box01 p #kingaku_small {
    font-size: 70%;
}

#con06 #box06 #inbox11 #subbox_box02 {
    border: 5px dotted #40210F;
    box-sizing: border-box;
}
#con06 #box06 #inbox11 #subbox_box02 p {
    font-size: 120%;
    color: #482918;
    text-align: justify;
}



footer {
    width: 100%;
    display: flex;
}
footer #f_box01 {
    width: 75%;
    display: flex;
    margin: 10% 5% 0 0;
    padding: 3% 0 0;
    border-top: 3px solid #847867;
}
footer #f_box01 #f_inbox01 {
    width: 40%;
}
footer #f_box01 #f_inbox01 img {
    width: 50%;
    display: block;
    margin: 0 auto;
}
footer #f_box01 #f_inbox02 {
    width: 40%;
    padding: 1% 0 0 0;
}
footer #f_box01 #f_inbox02 h1 {
    font-size: 200%;
    color: #482918;
    font-weight: bold;
    border:none; 
    margin: 0 0 2% 0;
}
footer #f_box01 #f_inbox02 h1 #goudou{
    font-size: 60%;
    padding: 0 2% 0 0;
}
footer #f_box01 #f_inbox02 p {
    font-size: 80%;
    color: #482918;
}
footer #f_box01 #f_inbox03 {
    width: 45%;
}
footer #f_box01 #f_inbox03 img {
    width: 100%;
}

footer #f_box01 #f_inbox03 p {
    font-size: 120%;
    color: #482918;
    font-weight: bold;
    margin: 0 0 0 12%;
}
footer #f_box02 {
    width: 20%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}



}

/* =========================================================================================================================================

スタイルシート横幅：599pxまで

========================================================================================================================================= */
@media only screen and (max-width:599px){
#soushoku {
	width: 100%;
}
#a11{
	width: 75%;
    overflow: hidden;
    padding: 1% 0 0 25%;
}
#a11 #a11_box{
    width: 100%;
    display: block;
    margin: 0 auto;
}
#a11 #a11_box #rogo{
    width: 100%;
    display: block;
    text-decoration: none;
}
#a11 #a11_box #rogo #r_box01{
    display: none;
}
#a11 #a11_box #rogo #r_box02{
    width: 100%;
    display: block;
    padding: 0;
}
#a11 #a11_box #rogo #r_box02 #shamei {
    font-size: 200%;
    font-weight: bold;
    color: #745660;
    padding: 3% 0 0 0;
}
#a11 #a11_box #rogo #r_box02 #shamei #goudou{
    font-size: 60%;
    margin: 0 3% 0 0;
}
#a11 #a11_box #r_box03 {
    display: none;

}





#main {
    width: 100%;
    display: inline-block;
}
#main #main_img {
    display: 100%;
}
#main #main_img #pc {
	display: none;
}
#main #main_img #sp {
    width: 100%;
}


#con01 {
    width: 100%;
    display: block;
}
#con01 #box01 {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 10% 0;
}
#con01 #box01 h1 {
    font-size: 220%;
    text-align: center;
    font-weight: bold;
    color: #d8646b;
    margin: 0 0 2% 0;
}
#con01 #box01 p {
    font-size: 110%;
    text-align: left;
    margin: 2% 0 0 0;
}
#con01 #box01 p #orenge {
    font-size: 180%;
    color: #f39e69;
    font-weight: bold;
}





#con02 {
    width: 100%;
    display: block;
    background-color: #fbf8f2;
    padding: 2% 0;
}
#con02 #box02 {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 12% 0;
}
#con02 #box02 h1 {
    font-size: 200%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 0 0 10% 0;
    line-height: 1.2;
}
#con02 #box02 #inbox01 {
    width: 100%;
    display: block;
    margin: 3% 0;
}
#con02 #box02 #inbox01 img {
    width: 95%;
    display: block;
    margin: 5% auto;
}
#con02 #box02 #inbox02 {
    width: 100%;
    display: block;
    margin: 10% auto;
}
#con02 #box02 #inbox02 #fukidashi01 {
    width: 94%;
    display: block;
    margin: 10% 0% 0%;
    background-color: #ffffff;
    border: 2px solid #7a6559;
    border-radius: 10px;
    padding: 3%;
}
#con02 #box02 #inbox02 #fukidashi01 p {
    font-size: 110%;
    color: #482918;
}
#con02 #box02 #inbox02 #fukidashi01 p #kyoutyou {
    color: #d76269;
    font-size: 150%;
    font-weight: bold;
}




#con03 {
    width: 100%;
    display: block;
}
#con03 #box03 {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 15% 0;
}
#con03 #box03 h1 {
    font-size: 200%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 2% 0 15%;
    line-height: 1.3;
}
#con03 #box03 h1 #title01 {
    color: #f39a64;
    font-size: 120%;
    font-weight: bold;
}
#con03 #box03 #inbox03 {
    width: 100%;
    display: block;
    margin: 0 auto;
}
#con03 #box03 #inbox03 #list {
    width: 90%;
    margin: 0 0 10%;
    display: block;
    padding: 5%;
    background-color: #d39a8c;
}
#con03 #box03 #inbox03 #list img {
    width: 100%;

}
#con03 #box03 #inbox03 #list p {
    color: #ffffff;
    font-size: 110%;
}

#con03 #box03 h2 {
    font-size: 140%;
    text-align: center;
    font-weight: bold;
    color: #40210f;
    margin: 2% 0 2% 0;  
}


#con04 {
    width: 100%;
    display: block;
}
#con04 #box04 {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con04 #box04 h1 {
    font-size: 220%;
    text-align: center;
    font-weight: bold;
    color: #d8646b;
    margin: 0 0 2% 0;
}
#con04 #box04 #inbox04 {
    width: 100%;
    display: block;
    padding: 8% 0;
}
#con04 #box04 #inbox04 #p01 {
    width: 50%;
    display: block;
    padding: 2% 3%;
    font-size: 160%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: #d8646b;
    margin: 0 auto;
}
#con04 #box04 #inbox04 #p02 {
	width: 100%;
    display: block;
    padding: 5% 3%;
    font-size: 340%;
    color: #d8646b;
    font-weight: bold;
    text-align: center;
}
#con04 #box04 #inbox04 #p02 #p_small {
    font-size: 60%;
    font-weight: bold;
}
#con04 #box04 #inbox04 #p03 {
	width: 82%;
    display: block;
    font-size: 100%;
    padding: 2% 0 0 0;
    color: #d8646b;
    font-weight: bold;
    margin: 0 auto;
}
#con04 #box04_02 {
    width: 90%;
    display: block;
    padding: 10% 0;
    margin: 0 auto;
}
#con04 #box04_02 #inbox05,#inbox06 {
    width: 100%;
    display: block;
    margin: 5% 0;
}
#con04 #box04_02 h1 {
    font-size: 200%;
    font-weight: bold;
    color: #d8646b;
    border-bottom: 4px solid #d8646b;
}
#con04 #box04_02 p {
    font-size: 120%;
    color: #482918;
    text-align: justify;
    padding: 3% 0; 
}
#con04 #box04_02 #inbox06 img {
    padding: 3% 0;
    width: 100%;
}
#con04 #box04 #inbox07{
    display: block;
    margin: 0 0 5% 0;
}
#con04 #box04 #inbox07 img {
    width: 100%;
    margin: 0 1%;
}




#con05 {
    width: 100%;
    display: block;
}
#con05 #box05 {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con05 #box05 h1 {
    font-size: 220%;
    text-align: center;
    font-weight: bold;
    color: #EDAB57;
    margin: 0 0 2% 0;
}
#con05 #box05 p {
    font-size: 120%;
    color: #482918;
    text-align: center;
    padding: 3% 0 15%; 
}
#con05 #box05 #inbox08 {
    width: 100%;
    display: block;
    margin: 2% 0;
}
#con05 #box05 #inbox08 #list02 {
    width: 100%;
    display: block;
    margin: 0 0;
}
#con05 #box05 #inbox08 #list02 img {
    width: 100%;
}
#con05 #box05 #inbox08 #list02 h1 {
    font-size: 180%;
    font-weight: bold;
    color: #EDAB57;
    padding: 0 0 0 2%;
    border-left: 7px solid #EDAB57;
    text-align: left;
    margin: 2% 0;
}
#con05 #box05 #inbox08 #list02 p {
    text-align: justify; 
}





#con06 {
    width: 100%;
    display: block;
}
#con06 #box06 {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 3% 0 0;
}
#con06 #box06 h1 {
    font-size: 220%;
    font-weight: bold;
    color: #EDAB57;
    border-bottom: 4px solid #EDAB57;
}
#con06 #box06 #inbox09 {
    width: 100%;
    margin: 8% 0;
}
#con06 #box06 #inbox09 img {
    width: 100%;
    margin: 1.5% 0;
}
#con06 #box06 #inbox10 {
    width: 100%;
}
#con06 #box06 #inbox10 #inner01 {
    width: 100%;
    display: block;
    margin: 0 auto 15%;
}
#con06 #box06 #inbox10 #p01 {
	width: 70%;
    display: block;
    padding: 3% 2.5%;
    font-size: 145%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: #40210F;
    border-radius: 5px;
    margin: 0 auto;
}
#con06 #box06 #inbox10 #p02 {
    width: 100%;
    display: block;
    font-size: 470%;
    color: #40210F;
    font-weight: bold;
    margin: 3% 0;
    text-align: center;
}
#con06 #box06 #inbox10 #p02 #p_small {
    font-size: 60%;
    font-weight: bold;
}
#con06 #box06 #inbox10 #p02 #p_small02 {
    font-size: 30%;
    font-weight: bold;
}
#con06 #box06 #inbox10 #p03 {
	width: 100%;
    display: block;
    padding: 0;
    font-size: 80%;
    color: #40210F;
    font-weight: bold;
    text-align: center;
}
#con06 #box06 #inbox11 {
    width: 100%;
    display: block;
    margin: 4% 0;
}
#con06 #box06 #inbox11 #subbox_box01,#subbox_box02 {
    width: 90%;
    margin: 10% 0;
    padding: 5%;
}
#con06 #box06 #inbox11 #subbox_box01 {
    width: 100%;
    margin: 10% 0;
    padding: 5%;
    border: 5px solid #40210F;
    box-sizing: border-box;
    background-color: #EBDEC0;
}
#con06 #box06 #inbox11 #subbox_box01 #ss_box01 {
    margin: 4% 0;
}
#con06 #box06 #inbox11 #subbox_box01 h1 {
    font-size: 150%;
    font-weight: bold;
    color: #40210F;
    border-bottom: 3px dotted #40210F;
    margin: 0 0 2% 0
}
#con06 #box06 #inbox11 #subbox_box01 h1 #nyuka_small {
    font-size: 50%;
    text-align: right;
    font-weight: bold;
    margin: 0 0 0 5%;
}
#con06 #box06 #inbox11 #subbox_box01 p {
    font-size: 150%;
    font-weight: bold;
    color: #40210F;
}
#con06 #box06 #inbox11 #subbox_box01 p #kingaku_small {
    font-size: 70%;
}

#con06 #box06 #inbox11 #subbox_box02 {
    width: 100%;
    margin: 10% 0;
    padding: 5%;
    border: 5px dotted #40210F;
    box-sizing: border-box;
}
#con06 #box06 #inbox11 #subbox_box02 p {
    font-size: 120%;
    color: #482918;
    text-align: justify;
}



footer {
    width: 100%;
    display: block;
}
footer #f_box01 {
    width: 100%;
    display: block;
    margin: 10% 0 0;
    padding: 3% 0 0;
}
footer #f_box01 #f_inbox01 {
    width: 100%;
}
footer #f_box01 #f_inbox01 img {
    width: 50%;
    display: block;
    margin: 0 auto;
}
footer #f_box01 #f_inbox02 {
    width: 100%;
    padding: 1% 0 0 0;
}
footer #f_box01 #f_inbox02 h1 {
    font-size: 200%;
    color: #482918;
    font-weight: bold;
    border:none; 
    margin: 0 0 2% 0;
    text-align: center;
}
footer #f_box01 #f_inbox02 h1 #goudou{
    font-size: 60%;
    padding: 0 2% 0 0;
}
footer #f_box01 #f_inbox02 p {
    font-size: 80%;
    color: #482918;
    text-align: center;
}
footer #f_box01 #f_inbox03 {
    width: 100%;
    margin: 10% 0;
}
footer #f_box01 #f_inbox03 img {
    width: 100%;
}

footer #f_box01 #f_inbox03 p {
    font-size: 120%;
    color: #482918;
    font-weight: bold;
    text-align: center;
}
footer #f_box02 {
    width: 90%;
    display: block;
    margin: 0 0 0 10%;
}

}