@charset "utf-8"; /*utf-8の場合*/


body{
    color:#666;
    margin:0;
    font-size: 18px;
}


header{
    background: #333/*#41a5ec*/;
    margin-bottom:15px;
    min-width:1100px;
}

.header-in{
    padding:10px 20px 10px;
    color:#fff;
    overflow:hidden;
    background:#333;
        min-width: 1300px;
}

.header-in .logo{
    width:250px;
    margin:0;
    display:inline-block;
}

.header-in .logo img{
    width:100%;
}


.header-in ul{
    float:right;
    margin:0;
}

.header-in ul li{
float:none;
list-style:none;
margin-right:10px;
margin-bottom:5px;
text-align:center;
}

.header-in ul li a{
    color:#fff;
    font-size:15px;
    background:#41a5ec;
    padding:7px;
    text-decoration:none;
    display:inline-block;
    width:150px;
}










#container{
    padding:15px;
    width: 1470px;
    margin:0 auto;
    overflow:hidden;
}

.box{
    overflow:hidden;
/*    margin-left:10px;*/
    padding:0;
    margin-top:0;
    font-size:16px;
}
.box li{
list-style: none;
    width: 363px;
    margin: 10px;
    margin-top:3px;
    box-shadow: 0 0 3px #999;
    float: left;
    height:340px;
    position:relative;
}

.box li .box-in{
    padding: 10px;    
}

.box li h2{
    margin: 0;
    padding: 6px 10px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
    background: #fff;
    box-shadow: 1px 1px 3px #ddd;
}


.box li h2 img{
    height:40px;
    width:auto;
}

.box li table{
    width:100%;
}

.box li table tr{
    box-shadow: 0 0px 1px #bbb;
}

.box li table th{
font-weight:normal;
}


.box li table th.km{
    border-bottom: 3px solid #41a5ec;
}
.box li table td.price {
    text-align: right;
}

.left{
    width:1170px;
    float:left;
}

.right{
    width:300px;
    float:right;
    margin-top:3px;
}

#bbs-list a {
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #ccc;
    color: #999;
    background: #fff;
    padding: 2px 6px 0px;
    transition: 300ms;
}
#bbs-list a:hover {
    background: #ddd;
}
#bbs-list .thread-title {
    display: inline-block;
    font-size: 11pt;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
#bbs-list .thread-count,
#bbs-list .thread-updated {
    display: inline-block;
    font-size: 9pt;
    margin: 0;
    padding: 0;
}
#bbs-list .thread-count {
    margin-right: 10pt;
}

#bbs-list .thread-count:before {
    font-family: 'FontAwesome';
    content: '\f27a';
    margin-right: 3px;
    font-size: 110%;
}

#bbs-list .thread-updated:before {
    font-family: 'FontAwesome';
    content: '\f017';
    margin-right: 3px;
    font-size: 110%;
}

/**    お問い合わせフォーム　　　**/
#formWrap h3{
font-size:30px;
border-bottom:3px solid #41a5ec;
line-height: 140%;
}


.hissu{
    background:red;
    color:#fff;
    padding:5px;
    font-size:90%;
}


/**    /////お問い合わせフォーム　　　**/


.ad-area{
    display:inline-block;
   /* float:right;*/
}



footer{
    background:#bbb;
    box-shadow: 0 0 3px #666;
}

.footer-in{
    padding:40px 30px;
}

.footer-logo{
    width:100%;
}

.footer-in img{
width:300px;
}

.footer-in li{
    list-style:none;
    font-size:15px;
}

.footer-in li a{
    color:#fff;
}



.ad-area{
    width:auto;
    height:auto;
}


.ad-area-supporter{
    display:block;
    width:100%;
    text-align:center;
    height:80px;
}

.ad-area-header{
        display:inline;

}

.ad-area-sp{
    display:none;
}


/* 外部フィーど*/

.out-feed {
    padding:0;
    overflow:hidden;
}

.out-feed li{
    margin:0;
    font-size:8px;
    width:98%;
    height:auto;
    border:none;
    box-shadow:none;
    border-bottom:1px solid #bbb;
    padding:5px 1%;
    padding-bottom:0;
    transition:0.3s;
    line-height:170%;
}

.out-feed li:hover{
background:#ddd;
}   

.out-feed li a{
    color:#999;
    text-decoration:none;
}

.out-feed li span{
    color:#333;
    display:inline;
    width:100%;
    font-size:13px;
    margin-left:10px;
}




/*外部フィード*/





/* 免責事項　*/
.menseki-box{
    width:90.5%;
    padding:3%;
    border:1px solid #999;
    margin:50px auto 0;
    font-size:13px;
    
}

.menseki-title{
    margin-top:0;
    font-size:130%;
    font-weight:bold;
    margin-bottom:8px;
    text-align:center;
}

/* スポンサーボックス */

.sponsor-box ul{
    overflow:hidden;
    margin:0 auto;
    padding:0;
    margin-left:13px;
}

.sponsor-box li{
    list-style:none;
    width:277px;
/*    height:100px;*/
    margin:3px;
    padding:0;
    float:left;
    overflow:hidden;
    font-size:80%;
}

.sponsor-box li a{
    text-decoration:none;
}

.sponsor-box img{
    width:100%;

}


.sponsor-box h3,
.gaiyou h3{
    text-align:center;
    font-size:150%;
    border-bottom:1px solid #000;
    color:#000;
    margin: 80px 0 5px 6px;
}

.sponsor-box .hurigana{
    text-align:center;
    font-size:12px;
    color:#000;
    margin-bottom:30px;
    margin-left:6px;
}


/* サイドバーのコンテンツ一覧*/
.contents-list,
.af-list{
border:1px solid #bbb;
margin-bottom:20px;
}

 .contents-list h2,
.af-list h2{
    background: #bbb;
    color: #fff;
    margin: 0;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    font-weight: normal;
 }

 .contents-list h3,
.af-list h3{
     font-size:13px;
     font-weight:normal;
     margin:0;
 }

 .contents-list a,
.af-list a{
     color:#666;
     transition:0.3s;
         display: inline-block;
 }

 .contents-list a:hover,
.af-list a:hover{
     background:#f3f3f3;
 }




.contents-list ul,
.af-list ul{
    margin:0;
padding:10px;
}

 .contents-list li,
.af-list li{
     list-style:none;
     padding:2%;
     overflow:hidden;
 }

 .cont-thumbnail{
     width:25%;
     margin-right:3%;
     float:left;
     display:inline-block;
 }

 .cont-title{
     width:100%;
          display:inline-block;
 }

 .cont-title h3::before{
     content:"\f0da";
     font-family:"FontAwesome";
     margin-right:8px;
 }






/**    /////会社概要　　　**/



.gaiyou{
    width:100%;
    margin:0 auto;
}

table.company {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}

/**    /////会社概要　　　**/



/***  モーダルウィンドウ***/





/***  ここまでモーダルウィンドウ***/



/** ウィジェット**/
.credit{
    font-size: 11px;
    color: #666;
    text-decoration: none;
    margin-right:10px;
    margin-top: -10px;
    margin-bottom:10px;
    display:inline;
    vertical-align:top;
}

.credit-box{
text-align:right;
}

 .frame{
     vertical-align:top;
 }

/** ここまでウィジェット **/




/*スマホここホから*/
@media only screen and (max-width: 670px) {


body{
    font-size:14px;
}


header{
    min-width:300px;
}

.header-in{
    padding:10px 0 0 0;
    min-width:100%;
}
.header-in .logo{
    width: 100%;
    text-align:center;
    display:block;
}

.header-in .logo img{
    width:250px;
}

.header-in ul{
    padding:0;
    float:none;
}

.header-in ul li {
    float: left;
    margin-right: 0;
    width: 49%;
    text-align:center;
    padding:10px 0.5%;
    margin-bottom:0;
}



#container {
    padding: 1%;
    width: 98%;
}


.box li {
    width: 100%;
    margin: 0 0 15px;
    background: #fff;
    height:auto;
}

.box li h2 {
    box-shadow: none;
}

.left{
    width:100%;
    float:none;
}

.right{
    width:100%;
    float:none;
}

.ad-area{
    display:block;
text-align:center;
}

.ad-area-header{
    display:none;
}

.ad-area-supporter{
    display:none;
}

.ad-area-sp{
    display:block;
}


.sponsor-box ul{
    text-align:center;
margin:10px 0;
}


.sponsor-box li{
    float:none;
    display:inline-block;

}

.sponsor-box h3{
    margin-top:0;

}

#formWrap {
    width: 96% !important;
    padding:2%;
}

table.formTable td,
table.formTable th{
display:block;
width:96% !important;
    border: none !important;
    padding: 10px 2% !important;    
}


}/*スマホここまで*/