/*
Theme Name:  kutu
Theme URI:
Author:
Author URI:
Description:
Version: 1.0
*/
/*ar wrap*/
.arwrap{
    width: 100%;
    margin: 10px auto 50px auto;
    max-width: 800px;
    text-align: left;
}

/*global navi*/
#menunav ul li a{
    color: #000;
}
#hwrap{
    color: #000;
    background: #fff;
}

/*font*/

#main_title p{
    font-size: 36px;
line-height:20px;
}

header h1 {
    font-family: "Kokoro",serif!important;
    font-size: 12px!important;
    font-size: 1.2rem!important;
  
}


h2, h1 {
    font-family: "Kokoro",serif!important;
    font-size: 18px!important;
    font-size: 1.8rem!important;
    line-height: 1.0!important;
}


.small_lr header h1 ,#index_project h2,#index_contact h2{
    font-size: 1.8rem!important;
    line-height: 1.0!important;
}


.spot_info h2 {
 line-height: 1.5!important;
}

/*class Seting*/

a{

    text-decoration: none;

}


footer {
    background: url("images/footer_bg.png")!important;
}
#ftop {
    background: none;
}


.tbold {
    font-weight: bold;
}
.tnormal {
    font-weight: normal;
}
.sr {
    font-family: serif;
}
.cr {
    font-family: cursive;
}
.fn {
    font-family: fantasy;
}
.mn {
    font-family: monospace;
}
.gc {
    font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
}
.mc {
    font-family: "ＭＳ Ｐ明朝",細明朝体,serif;
}

/* img */

img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }
/* ----------------カラー---------------*/
.color01{
    color: #0000ff;
}

/*color_style*/
.ex01 { color: #00698f !important; }
.ex02 { color: #0F9D38 !important; }
.ex03 { color: #0400eb !important; }
.ex04 { color: #a81d00 !important; }
.ex05 { color: #58300d !important; }
.ex06 { color: #f46962 !important; }
.ex07 { color: #00459d !important; }
.ex08 { color: #583241 !important; }
.ex09 { color: #666666 !important; }
.ex10 { color: #999999 !important; }


/*padding, margin_style*/
.p10 { padding: 10px !important; }
.pt10 { padding-top: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.p20 { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.m10 { margin: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.m20 { margin: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }


/*fontsize_style*/
.text10 { font-size: 77% !important; }
.text11 { font-size: 85% !important; }
.text12 { font-size: 93% !important; }
.text13 { font-size: 100% !important; }
.text14 { font-size: 108% !important;   line-height: 25px !important;}
.text15 { font-size: 116% !important; }
.text16 { font-size: 123.1% !important; }
.text17 { font-size: 131% !important; }
.text18 { font-size: 138.5% !important; }
.text19 { font-size: 146.5% !important;}
.text20 { font-size: 153.9% !important; }
.text21 { font-size: 161.6% !important; }
.text22 { font-size: 167% !important; }
.text23 { font-size: 174% !important; }
.text24 { font-size: 182% !important; }
.text25 { font-size: 189% !important; }
.text26 { font-size: 197% !important; }


/*text_style*/
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.text_bold { font-weight: bold; }
.text_underline { text-decoration: underline; }

/* ----------------clear box---------------*/



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

h1,h2 {

    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.0;
}
#index_project h2 ,#g_map h2,.small_lr header h1 {
  font-size: 15px;
  font-size: 1.5rem;
    margin-bottom: 20px;
}

header h1 {
  font-size: 12px;
 }
.spot_info h2 {
    font-size: 12px!important;
 
}
.image-box{
margin-left: 1%!important;
 
}

}

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


}