/* 全体背景色　background color  -------------*/
html{
    background-color: #ffffff;
}
#header{
    background-color: #cad8e4;
}

/* Main Img 外枠 */
#mainImg{
    background-color: #ffffff;
}
.mainimage{
    background-color: #ffffff;
}
.box {
    background-color: #ffffff;
}


/* P font-color  ------------------------*/
p:not(.Flow_txt) p:not(.S_txt) p:not(.a_txt) p:not(.C_txt){
    color:#000000;
}
.post p{
    color:#000000;
}
.topics_main li{
    color:#000000;
}
.pdf a{
    color:#000000;
}

/* header  -----------------------*/
#header h1{
    color:#333333;
}
.address{
    color:#333333;
}


/* WIDTH・FLOAT 設定  -------------------*/

@media only screen and (min-width: 768px) and (min-width:1024px){
 
    #wrapper, .inner{
        max-width: 1110px;
    }
    #headerWrap{
        max-width: 1110px;
    }
    nav#mainnav{
        max-width: 1110px;
    }
    #content{
        float:right;
        width: 790px;
    }
    #content_topics{
        float:right;
        max-width: 790px;
    }
    #sidebar{
        float:left;
        max-width: 275px;
    }
    #snsicon_center{
        max-width: 275px;
    }

}



/* a リンク設定      -------------------*/
a{
color:#508fc9;
}
a:hover, a:active{
    color:#03d7f9;   
}

/* 横3列・縦列 背景色  ------------------- */

#thumbWrap{
    background-color: #ffffff;
}
#thumbWrap img{
    background-color: #ffffff;
}
#elem.thumbUnder li {
    background-color: #ffffff;
}
ul.thumbUnder h3 a{
    color: #000000}
ul.thumbUnder h3 a:hover{
    color:#03d7f9;
}
ul.post h3 a:hover{
    color:#508fc9;
}
#v6Wrap h3 a:hover{
    color:#508fc9;
}


@media only screen and (min-width: 768px) and (min-width:1024px){
    ul.thumbUnder h3{
        border:2px solid #508fc9;
    }
}
@media only screen and (max-width:1024px){
    ul.thumbUnder h3{
        border:2px solid #508fc9;
    }
}
@media only screen and (max-width:644px){
    ul.thumbUnder h3{
        border:none;
    }
}

/* mainNavi リンク・背景色 ------------------ */
@media only screen and (min-width: 768px) and (min-width:1024px){
    nav#mainnav ul{
        background-color: #cad8e4;
    }
    nav#mainnav ul li a span{
        color:#508fc9;
    }
    nav#mainnav ul li li {
        background:#508fc9;
    }
    nav#mainnav ul li a{
        color:#000000;
    }
    nav#mainnav ul li a:hover span, nav#mainnav ul li a:hover{
        color:#508fc9;
    }
    nav#mainnav ul li li a:hover{
        color:#03d7f9;
    }
}


/* Tablet ------------------------- */
@media only screen and (max-width:1024px){
    #mainnav ul{
        background:#508fc9;
    }
    nav#mainnav ul li.list {
        background:#508fc9;
    }
    nav#mainnav ul li a:hover span, nav#mainnav ul li a:hover{
        color:#03d7f9;
    }
    nav#mainnav ul li li a:hover{
        color:#03d7f9;
    }
    #headerWrap{
        border-top:1px solid #508fc9;   
    }
   
}

/* Smart ------------------------- */
@media only screen and (max-width:644px){
    #mainnav ul{
        background:#508fc9;
    }
    nav#mainnav ul li.list {
        background:#508fc9;
    }
    nav#mainnav ul li a:hover span, nav#mainnav ul li a:hover{
        color:#03d7f9;
    }
    nav#mainnav ul li li a:hover{
        color:#03d7f9;
    }
    #headerWrap{
    border-top:1px solid #508fc9;   
    }  
}


/* PC side_menu  -------------------*/
section.widget{
    background-color:#ffffff;
}
section.widget li a{
    color:#333333;
    border-bottom: dotted 1px #eeeeee;
}
section.widget li a:hover{
    color:#03d7f9;
}


/* footer border  ------------------------ */
#footer ul{
border-top: solid 2px #508fc9;
}
/* PC footer_menu  -------------------*/
#footer li a{
    color:#333333;   
}
#footer li a:hover{
    color:#03d7f9;
}



/* topics-scroll   ------------------------ */
.topics a{
    color:#508fc9;
}
.topics_side{
    max-height: 300px;
}
.side_scroll{
    overflow-y: scroll;
    max-height: 300px;
}
/* スクロールの幅の設定 */
.side_scroll::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
/* スクロールの背景の設定 */
.side_scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 3px #ffffff inset;
}

/* スクロールのつまみ部分の設定 */
.side_scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #508fc9;
}


/* Top Item -scroll   ------------------------ */

/* スクロールの幅の設定 */
#item_scroll::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
/* スクロールの背景の設定 */
#item_scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 3px #ffffff inset;
}

/* スクロールのつまみ部分の設定 */
#item_scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #508fc9;
}




/* Title font-color  under-bordercolor  -------------------*/
h2.title span{
    border-bottom:3px solid #508fc9;
    color: #000000}
h2.recentpost{
    border-bottom:3px solid #508fc9;
    color: #000000}
h2.title first{
    border-bottom:3px solid #508fc9;
    color: #000000}
h2.titleItem span{
    border-bottom:3px solid #508fc9;
    color: #000000}
.post h1{
    border-bottom:3px solid #508fc9;
}
.post h2{
    border-bottom:2px solid #508fc9;
    color: #000000}
.post h3{
    border-bottom:1px solid #508fc9;
    color: #000000}
section.widget h3{
    border-bottom:3px solid #508fc9;
    color: #000000}

/* header tel(PC)      -------------------*/
.contact .tel{
    color: #508fc9;
}
.contact .tel a{
    color: #508fc9;
}


/* SNS box             -------------------*/
.sns_center{
    max-width: 275px;
}
.sns_box{
    border: solid 1px #508fc9;
    max-width: 275px;
}
.timeline_center{
    float: left;
    width: 100%;
    hight: auto;
}
.t_timeline{
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
}


/* Subpage borderBox    -------------------*/

#border_box{
    border: solid 3px #508fc9;
}
#border_boxF{
    border: solid 3px #508fc9;
}
.background-blue{
    border-bottom: solid 2px #508fc9;
    background-color: aliceblue;
}
.d_btn, .SH_btn{
        background-color: #508fc9;
}
.maru{
        color: #508fc9;
}

/* price ---------------------------------- */
.price_th{
    background-color:aliceblue;
}

/* faq ---------------------------------- */
.link_Q a{
    color:#508fc9;
    font-size: 15px;
    font-weight: bold;
}
.link_Q a:hover{
    color:#03d7f9; 
    font-weight: bold;
}

/* flow -------------------------------- */
.flow_box{
    border: solid 3px #508fc9;
}
.flow_title{
    border-bottom: solid 1px #508fc9;
    background-color: aliceblue;
}
.sankaku{
    color:#508fc9;
}

/* staff ------------------------------ */
.staff_box{
    border: solid 3px #508fc9;
}


/* Contact   mail form    ----------------------- */
    #ContactBox{
        border: solid 1px #508fc9;
    }
    h2.title_form span{
        border-bottom: solid 3px #508fc9;
    }
    input[type="submit"].contact_bt, 
    input[type="reset"].contact_bt, 
    input[type="button"].contact_bt{
    width: 30%;
    background-color: #508fc9;
    border:1px solid #508fc9;
    }
    table.formTable th {
	background-color: aliceblue;
    }
    #calenderTable th{
    background-color: aliceblue;
    }


/* banner size      -------------------*/
p.banner{
    background-color: #ffffff;
    max-width:275px;
}
p.banner img{
    max-width:275px;
    height:auto;
    background-color: #ffffff;
}
p.banner img:hover{
    max-width:275px;
    height:auto;
    background-color: #ffffff;
}

/* G-map      -------------------*/
h2.g_map{
    border-bottom:3px solid #508fc9;
}
.Address{
    color:#000000;
}

/* Table      -------------------*/
.post table{
    background-color: #ffffff;
}

/* Top Item      -------------------*/
.t_item{
        border:1px solid #508fc9;
        background-color: aliceblue;
}
/* Item      -------------------*/
.d_btn{
        background-color:  #508fc9;
}
.back_list_bt{
        background-color:  #508fc9;
        color: #fff;
}
.maru2{
        color: #508fc9;
}