/* fontsize
-----------------------------------------*/
.fontS { font-size: 81.3% }
.fontM { font-size: 87.5% }
.fontL { font-size: 100% }

.h1 {font-size: 0.8em; display: inline; font-weight: normal; float: left; margin: 5px 0px 15px 5px; color: #000;}
#main h2 {clear: both; background: #da2e26; padding: 2px 0px 2px 15px; margin-bottom: 5px; color: #fff; font-size: 14px; text-align: left;}
#main h3 {clear:both; padding:5px 5px 5px 15px; margin-bottom:15px; color:#da2e26; font-size:100%; border-bottom: solid 2px #da2e26; border-left: solid 7px #da2e26;}
#main h4 {clear:both; background:#fff; padding:3px 5px 0px 30px; margin-bottom:15px; color:#da2e26; font-size:100%; border-bottom: solid 2px #da2e26; text-align: left;}

/*追加*/
#main h2 {font-size: 24px; padding: 2%;}
#main h3 {font-size: 18px; border: 1px solid #da2e26;border-width: 1px 0; margin: 2% 0; padding: 2%;}
#main h4 {border: 0 solid #da2e26; border-left-width: 3px; margin: 2%; font-size: 16px; padding: 0 2%;}

@media screen and (max-width:640px) {
#main h2{font-size:21px;}
#main h3{font-size:15px;}
}

/* mod_headerbox_size
-----------------------------------------*/
.mod_headerbox_size {
    width: 190px;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
}
.mod_headerbox_size ul, .mod_headerbox_size p {
    float: left;
}
.mod_headerbox_size ul li {
  float: left;
  width:30px;
  height: 30px;
  overflow: hidden;
  margin-left:3px;
  margin-right:2px;
}
.mod_headerbox_size ul li span {
  display: block;
  cursor: pointer;
}
.mod_headerbox_size ul li.active span {
  margin-top: -30px;
}
.mod_headerbox_size ul li span:hover{
	margin-top:-30px;
}

/* mod_headerbox_size
-----------------------------------------*/
/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}
 
#nav,
#nav li {
    margin: 0;
    padding: 10px 0px;
}
#nav li {
    text-align:left;
    list-style: none;
    float: left;
    margin-right: 0px;
	width:90%;
}
 
/* nav link */
#nav a {
vertical-align: middle;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 15pt;
    font-weight: bold;
    text-decoration:none;
    /*text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);*/

}
#nav a:hover {
    color: #000;
}
 
/* nav dropdown */
#nav ul {
    background: #fff;
    padding: 2px;
    position: absolute;
    border: solid 1px #ccc;
    display: none; /* hide dropdown */
    width: 200px;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav li:hover > ul {
    display: block; /* show dropdown on hover */
}

@media screen and (max-width: 1024px) {
 
    /* nav-wrap */
    #nav-wrap {
        position: relative;
    }
 
    /* menu icon */
    #menu-icon {
        color: #000;
        cursor: pointer;
        display: block; /* show menu icon */
    }
     
    /* main nav */
    #nav {
        clear: both;
        position: absolute;
        top: 60px;
        width: 270px;
        z-index: 10000;
        padding: 5px;
        background: #f8f8f8;
        border: solid 1px #999;
        right:0;
        display: none; /* visibility will be toggled with jquery */
    }
    #nav li {
        clear: both;
        float: none;
        margin: 5px 0 5px 10px;
    }
    #nav a,
    #nav ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
    }
    #nav a:hover,
    #nav ul a:hover {
        background: none;
        color: #000;
    }
     
    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #nav ul li {
        margin: 3px 0 3px 15px;
    }
 
    .h1 {display: none;}
    
}

hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
    margin: 5px;
}


/* cssリセット */
* {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
* {padding:0; margin:0;}
div,ul,li,body {display: block; margin: 0; padding: 0;}
.box {float: left;}
img { border-style:none; max-width:100%; width:auto; height:auto; vertical-align: middle;}
a:link {color:#2355A5; text-decoration:none;}
a:visited{color:#660099; text-decoration:none;} 
a:hover{color:#2355A5; text-decoration: underline; } 

/* Google コンバージョンタグ レスポンシブ */
iframe[name='google_conversion_frame'] { 
height: 0 !important;
width: 0 !important; 
line-height: 0 !important; 
font-size: 0 !important;
margin-top: -13px;
float: left;
}

/* GoogleMAP レスポンシブ */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
right:0;
margin:0 auto;
width: 96%;
height: 90%;
}

/* clearfix*/
.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}

/* テキストとばし */
.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* アンカーリンク */
.anchor {padding-top: 55px; margin-top: -55px;}

@media screen and (max-width:1024px) {  
.anchor {padding-top: 70px; margin-top: -70px;}
}


/* マウスオーバー */
a:hover img {opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}


/* 表示非表示 */
.d-1024 {display:block;}
.d-640 {display:block;}
.d-480 {display:block;}
.d-360 {display:block;}
.d1024-768 {display:none;}
.d1024-640 {display:none;}
.d1024-480 {display:none;}
.d1024-360 {display:none;}
.d1024-320 {display:none;}
.d640-480 {display:none;}
.d640-360 {display:none;}
.d640-320 {display:none;}
.d480-320 {display:none;}
.d360-320 {display:none;}

@media screen and (max-width:1024px) {
.d-1024 {display:none;}
.d1024-768 {display:block;}
.d1024-640 {display:block;}
.d1024-480 {display:block;}
.d1024-360 {display:block;}
.d1024-320 {display:block;}
}

@media screen and (max-width:1024px) {  
.d1024-768 {display:none;}
}

@media screen and (max-width:640px) {
.d-640 {display:none;}
.d1024-768 {display:none;}
.d1024-640 {display:none;}
.d640-480 {display:block;}
.d640-360 {display:block;}
.d640-320 {display:block;}
}
  
@media screen and (max-width:480px) {
.d-480 {display:none;}
.d1024-480 {display:none;}
.d640-480 {display:none;}
.d480-320 {display:block;}
}

@media only screen and (max-width: 360px) {
.d-360 {display:none;}
.d1024-360 {display:none;}
.d640-360 {display:none;}
.d360-320 {display:block;}
}