/* デスクトップPCとスマホに適用するCSS */
@charset "utf-8";

/* リセットここから */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
 	font-family:"メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
	vertical-align:baseline;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

/* リセットここまで */


/*/ ページ全体の設定ここから /*/
body{
    /*background-color:antiquewhite;*/
    background-color:#ffffff;
    text-align: center;
    font-family: "Sawarabi Gothic" sans-serif;
}

img{
    max-width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#wrapper{
    background-image:url(../img/forest.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
/*/ ページ全体の設定ここまで /*/

h1{
 text-align: center;
}

#top_img{
 max-width: 100%;
}

#top_img_sp{
    display: none;
}

#fukugen{
    text-align: center;
}
#fukugen img{
    max-width: 100%;
}

#intro_kurikaesi{
    text-align: center;
    font-size:240%;
    font-family: "Sawarabi Mincho", serif;
    color:#000;
    border-top: solid 1px #CC9933;
    border-bottom: solid 1px #CC9933;
    padding: 10px 0;
    max-width:700px;
    margin: 20px auto 40px auto;
    
}

#osusume{
    background-image:url(../img/onayami_bg.png);
    background-repeat: repeat-x;
    background-size: contain;
}

#osusume_sp{
    display:none;
}

.gold_triangle{
    text-align: center;
    margin-bottom: 20px;
}

#about{
    padding:5px;    
}

.red{
    color:#FF4F50;
}

#about h2{
    font-family:"Sawarabi Mincho", serif;
    color:#0E7EB7;
    font-size: 300%;
    margin-top: 20px;
}

#about h3{
    font-family:"Sawarabi Mincho", serif;
    color:#0E7EB7;
    font-size: 150%;
    margin-bottom:30px;
}

#about p{
    color:#0E7EB7;
    margin:0px auto 40px auto;
    line-height:2;
    letter-spacing: 0.1em;
    font-size: 120%;
    text-align: left;
    padding: 0 10px;
    max-width:600px;
    text-decoration:underline;
}


#arrow_square img{
    max-width:100px;
    text-align: center;
    margin-top: -60px;
}


#point{
    background-image:url(../img/back_br_kira.jpg);
    padding: 20px 0;
    margin: 60px 0 0px 0;
    
}

#point_1{
    clear:both;
    background-image:url(../img/3point_back_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    text-align: left; 
    max-width: 700px;
    margin: 0 auto 20px auto;
}


#point_2{
    clear:both;
    background-image:url(../img/3point_back_2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    text-align: left;
    max-width: 700px;
    margin: 0 auto 20px auto;
    
}

#point_3{
    clear:both;
    background-image:url(../img/3point_back_3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    text-align: left;
    max-width: 700px;
    margin: 0 auto 20px auto;
}

.point_setumei{
    float:left;
    width: auto;
    max-width: 400px;
    padding: 0 10px;
}

#point_ttl_1{
    font-size: 220%;
    margin-left: 10px;
    color:#FF0080;
    font-family:"Sawarabi Mincho", serif;
    vertical-align:60%;
}

#point_ttl_2{
    font-size: 200%;
    margin-left: 10px;
    color:#8904B1;
    font-family:"Sawarabi Mincho", serif;
    vertical-align:80%;
}
#point_ttl_3{
    font-size: 200%;
    margin-left: 10px;
    color:#04B4AE;
    font-family:"Sawarabi Mincho", serif;
    vertical-align:80%;
}

.point_ttl{
    margin-bottom:10px;
}

.point_txt{
    text-align: left;
    font-size: 120%;
    padding-left:10px;
}

.point_img{
    text-align: center;
}

/*/ ★TVG品質ここから★ /*/
#flair_wrap{
    background-image:url(../img/flair_bg_ret_ref.jpg);
    background-repeat: no-repeat;
    background-position:center top;
    background-size: contain;
    max-width: 740px;
    margin: 40px auto 40px auto;
    overflow:hidden;
    text-align: center;
    clear:both;
}

#flair_model{
    float:left;
    width:320px;
}

#flair_txt{
    float: left;
    max-width:420px;
    padding: 50px 0;
    width:auto;
}

#flair_txt h2{
    padding-bottom: 10px;
    font-size: 170%;
    font-family: "Sawarabi Mincho", serif;
    color:#CC9900;
    border-bottom: solid 1px #CC9900;
}

#flair_txt p{
    margin-top: 20px;
    font-size: 120%;
    font-family: "Sawarabi Mincho", serif;
    text-align: left;
    line-height:2;
    
}

/*/ ★TVG品質ここまで★ /*/



#sejutu_point{
    border: solid 2px #F5A9A9;
    background-color:#ffffff;
    max-width:780px;
    margin: 60px auto 40px auto;
}

#sejutu_point_ttl{
    margin-top: -60px;
}

#kouka{
    max-width:500px;
    margin: 0 auto 50px auto;
}

#kouka li{
    font-size:150%;
    padding:10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.light{
    background-color:antiquewhite;
}

.dark{
    background-color:bisque;
}


#sejutu_plus{
    font-size:;
    font-family:"Sawarabi Mincho", serif;
    background-image:url(../img/kouka_back.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 40px;
    max-width: 600px;
    margin: 10px auto 20px auto;
}
.sejutu_plus_l{
    font-size:200%;
    font-family:"Sawarabi Mincho", serif;
    letter-spacing: 5px;
}

.before{
    float:left;
}
.ba_arrow{
    float: left;
    padding-top:240px;
    margin-left: 20px;
    width:50px;
    display: block;
}
.after{
    float:left;
}

.kouka_ba{
    max-width:700px;
    margin: 10px auto 60px auto;
    overflow:hidden;
}

.ba_txt{
    max-width:300px;
    text-align:center;
}

.sp_ba_arrow_down{
    display:none;
}


.uresii_exp_sp{
    display: none;
}

.uresii_img{
    float:left;
    width:360px;
}

.uresii_exp{
    float:left;
    width:320px;
    font-size:130%;
    line-height: 2.5;
    font-family:"Sawarabi Mincho", serif;
    padding:10px;
}


.uresii_wrap{
    overflow:hidden;
    margin-bottom:60px;
    max-width:720px;
    margin: 0 auto 60px auto;
}

#uresii_full_wrap{
    margin:0 auto 0px auto;
   overflow:hidden;
    background-image: url(../img/back_wood.jpg);
}

#bihatu_bottom{
    margin:0;
    padding:0;
    width:100%;
}

.uresii_ttl_sp{
    display:none;
}

#movie_wrap{
    background-image:url(../img/movie_back_tate.png);
    background-repeat: repeat-x;
    background-size: contain;
    margin-top: -20px;
    padding-bottom: 30px;
    width: 100%;
}

#odoroki{
    clear:both;
    margin: 0px auto 10px auto;
    padding:5px;
    color:#CC9933;
    font-family: "Sawarabi Mincho", serif;
    font-size: 180%;
    font-weight: 500;
    background-image:url(../img/movie_ttl.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#movie{
    max-width:720px;
    margin: 0 auto;
}

#movie_txt{
    padding: 10px 0;
    font-size: 150%;
    font-family: "Sawarabi Mincho", serif;
}

#ryoukin{
    width:100%;
    background-image:url(../img/ryoukin_back.png);
    background-repeat: repeat-x;
    background-size: contain;
    padding-bottom:20px;
}

#ryoukin h2{
    padding-top:50px;
}

#gentei{
    font-size:150%;
    font-family: "Sawarabi Mincho", serif;
    font-weight:700;
    margin-bottom:40px;
}


.gentei_strong{
    font-size: 200%;
     font-family: "Sawarabi Mincho", serif;
    font-weight:700;
    color:#990033;
    border-bottom: 5px solid #FFD700;    
}

#price{
    clear:both;
    background-image:url(../img/holistic_frame.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 100px 0;
    text-align: enter; 
    max-width: 700px;
    margin: 0 auto 20px auto;
}

#price p{
    margin-bottom:10px;
}
.kirasui_menu{
    font-size: 240%;
    font-weight:700;
    color:#990033;
    font-family:"Sawarabi Mincho", serif;
}

.kirasui_price{
    font-size: 310%;
    font-weight:700;
    color:#990033;
    font-family:"Sawarabi Mincho", serif;
}

#zeibetu{
    font-size:30%;
    color: #000000;
    font-weight:500;
}


.tenpo li{
    border: 2px solid #DEB887;
    width: 270px;
    margin: 5px;
    text-align: left;
    font-size: 140%;
    border-radius: 10px;
    padding: 15px 10px 5px 10px;
    float: left;
}

.tenpo img{
    width: 30px;
    margin-right: 10px;
    vertical-align:text-top;
}

.tenpo{
    max-width:608px;
    margin:0 auto 30px auto;
    overflow:hidden;
}


/*/ 店舗リンク色変えここから /*/

.tenpo a{
    text-decoration: none;
    color: #B8860B;
}


.tenpo a:link{
    text-decoration: none;
    color: #B8860B;
}

.tenpo li:hover {
    text-decoration: none;
    color: #ffffff;
    background-color:#DEB887;
}

.tenpo li a:hover {
    text-decoration: none;
    color: #ffffff;
}

/*/ 店舗リンク色変えここまで /*/


#btn_kirasui{
    background-color: #00CED1;
    width: 250px;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px;
    margin: 5px;
    float: left;
}

#btn_tvg{
    background-color: #DAA520;
    width: 250px;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px;
    margin: 5px;
    float: left;
}

#wrap-btn{
    clear: both;
    margin: 0 auto 40px auto;
    width:280px;
    max-width: 560px;
    overflow:hidden;
}


/*/ ボタンのリンク色変えここから /*/

#wrap-btn a{
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}


#wrap-btn a:link{
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}

#btn_kirasui:hover {
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
    background-color:#20B2AA;
}

#btn_tvg:hover {
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
    background-color:#B8860B;
}


#wrap-btn a:visited {

    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}

#wrap-btn a:hover {
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}

/*/ ボタンのリンク色変えここまで /*/


#logo{
    max-width:30%;
}

.sp_nomi{
    display:none;
}


/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/

/* スマホで見た時用 */

/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/

@media screen and (max-width:780px){

    #wrapper{
        /*width:0 5%;*/
    }
    
    #top_img{
    display: none;
}
    
    #top_img_sp{
    display: block;
}

#intro_kurikaesi{
    text-align: center;
    font-size: 120%;
    padding: 5px;
    margin:0 20px;
    }
    
    .gold_triangle{
        max-width:30%;
        margin: 0 auto;
    }
    #osusume_sp{
        display:block;
        width:90%;
        margin:0 auto;
    }
    
    #osusume{
    
        display:none;
    }
    
    #about h2{
        font-size:200%;
    }
    #about h3{
        font-size:120%;
    }
     #about p{
        font-size:90%;
         padding:20px;
         margin-bottom:0;
    }
    
    #about{
        margin-bottom: 10px;
    }
    
    #arrow_square img{
        width: 50px;
    }
    
    .point_ttl{
        text-align: center;
        width:100%;
    }
    .point_ttl_img{
        display:none;
    }
    
    #point_1{
    background-image:url(../img/3point_back_1_r.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    text-align: left;
    max-width: 80%;
    margin: 0 auto 20px auto;
    }
    
   .point_setumei{
    padding: 10px;
    text-align: left; 
    max-width: 660px;
    margin: 0 auto 20px auto;
    }
    
    #point_2{
    background-image:url(../img/3point_back_2_r.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    text-align: left;
    max-width: 80%;
    margin: 0 auto 20px auto;
    }
    
    #point_3{
    background-image:url(../img/3point_back_3_r.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    text-align: left;
    max-width: 80%;
    margin: 0 auto 20px auto;
    }
    
    #point_ttl_1{
    font-size: 200%;
    color:#FF0080;
    font-family:"Sawarabi Mincho", serif;
    }
    
    #point_ttl_2{
    font-size: 160%;
    color:#8904B1;
    font-family:"Sawarabi Mincho", serif;
    }
    
    #point_ttl_3{
    font-size: 160%;
    color:#04B4AE;
    font-family:"Sawarabi Mincho", serif;
}

    
    /*/ ★スマホTVG品質ここから /*/
    #flair_wrap{
    background-image:url(../img/flair_bg.jpg);
    background-repeat: no-repeat;
    background-position:left top;
    background-size: contain;
    max-width: 780px;
    margin: 0 auto 0px auto;
    overflow:hidden;
    font-size: 120%;
    clear:both;
    }
    
    #flair_model{
        display:none;
        float:none;
    }

    #flair_txt{
    overflow:hidden;
    float:none;
    clear:both;
    max-width:540px;
    padding:20px;
    margin:0 auto;
    }
    
    #flair_txt p{
    font-size: 90%;
    }
    
    #flair_txt h2{
        font-size: 140%;
    }
    
    /*/ ★スマホTVG品質ここまで /*/


    #sejutu_point_ttl{
    margin-top: 0px;
    }
    
    #sejutu_point{
    border: 0;
    }
    
    #sejutu_plus{
    font-size:120%;
    font-family:"Sawarabi Mincho", serif;
    padding: 40px 10px;
    max-width: 600px;
    margin: 10px auto 20px auto;
    }
    

    
    .brush_arrow{
        display:none;
    }
    
    #kouka li{
    font-size:120%;
    padding:10px;
    border-radius: 10px;
    width:280px;
    margin: 0 auto 10px auto;
    }
    
    .kazari{
        display:none;
    }
    
    
    #sejutu_plus{
        margin:0 20px;
        font-size: 130%;
        letter-spacing: 0px;
    }
    
    .sejutu_plus_l{
    font-size:100%;
    font-family:"Sawarabi Mincho", serif;
        letter-spacing: 0px;
    }
    
    .ba_arrow{
        display:none;
    }
    
    .kouka_ba{
        max-width: 300px;
        margin: 0 auto 20px auto;
    }
    
    .before{
        margin-bottom: 20px;
    }
    
    .before img{
        max-width:250px;
        margin: 20px 0 0 0;
    }
    .after img{
        max-width:250px;
        margin: 20px 0 0 0;
    }
    
    .sp_ba_arrow_down{
        display:block;
        margin:0 auto;
        width:80px;
        margin-top:40px;
    }
    
    .uresii_ttl_sp{
        font-size:120%;
        background-color:#D2B48C;
        width:60%;
        color:#ffffff;font-family: serif;
        font-weight:500;
        padding:5px;
        margin: 0 auto 10px auto;
        display: block;

    }
    
    .uresii_exp_sp{
        display: block;
        margin:0 auto 40px auto;
        font-size: 110%;
        width:80%;
    }
    
    .uresii_exp{
        display:none;
    }
    
    .uresii_wrap{
        width:60%;
        margin: 0 auto;
    }
    
    .uresii_img{
        display:block;
        margin:0 auto 10px auto;
        
    }
    
    
    #movie_txt{
        font-size:110%;
    }
    
    #odoroki{
        padding:10px;
        font-size: auto;
        background-image: none;
    }
    
    .point_img{
    width: 50%;
    margin: 0 auto;
    
    }
    
    #ryoukin h2 img{
        width: 80%;
        margin:10px;
        /*display:none;*/
    }
    
    #price{
        width:90%;
    }
    
    #gentei{
        font-size: 100%;
    }
     .gentei_strong{
        font-size: 200%;
    }
    
    .sp_nomi{
        display:inline;
    }

    .tenpo{
        width:304px;
        margin:10px auto;
    }
    
    .tenpo li{
    border: 2px solid #DEB887;
    width: 270px;
    margin: 5px;
    text-align: center;
    font-size: 110%;
    border-radius: 10px;
    padding: 5px 10px;
    float: left;
    }
    
    .tenpo img{
        display:none;
    }
}

@media screen and (max-width:700px){




}