@charset "UTF-8";

body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","游ゴシック Medium", "Yu Gothic Medium" , "游ゴシック体", YuGothic,  sans-serif;
    font-size: 13.5px;
    line-height:1.78;
    color: #333;
    letter-spacing:normal;
    text-align: justify;
    text-justify: inter-ideograph;
    background-color: #fff;
}

/*    基本
---------------------------------------- */

.rollopacity:hover{
    opacity:0.6;
    filter: alpha(opacity=60); /* IE lt 8 */
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    -khtml-opacity: .60; /* Safari 1.x */
    -moz-opacity: .60; /* FF lt 1.5, Netscape */
}

.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

table {
    width:100%;
}

.boxSizing {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a:link,a:visited {
    color: #896A29;
    text-decoration: underline;    
}

a:hover {
    text-decoration: none;
}





/*    ページフェードイン
---------------------------------------- */
body {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}




/*    ループスライダー
---------------------------------------- */

.simply-scroll-container {
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    padding: 0;
    margin: 0;
    width: 600px;
    height: 400px;
}
.simply-scroll-list li img {
    display: block;
}


/*    clearfix
---------------------------------------- */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    overflow: hidden;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*    margin-padding
---------------------------------------- */

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb100{ margin-bottom:100px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr50{ margin-right:50px !important; }
.mr60{ margin-right:60px !important; }
.mr115{ margin-right:115px !important; }

.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml40{ margin-left:40px !important; }
.ml110{ margin-left:130px !important; }

.pb05 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }

.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt12 { padding-top: 12px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.p25 { padding: 25px;}



/*    text/box
---------------------------------------- */

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs15 {font-size: 1.07em;}
.fs16 {font-size: 1.1428em;}
.fs17 {font-size: 1.21em;}
.fs18 {font-size: 1.285em;}
.fs20 {font-size: 1.333em;}
.fs24 {font-size: 1.6em;}
.fs28 {font-size: 1.866em;}

.fonfwb{
    font-weight:600;
}

.udline {
    text-decoration:underline;
}

.lh140{line-height:1.4;}
.lh150{line-height:1.5;}
.lh160{line-height:1.6;}
.lh170{line-height:1.7;}
.lh190{line-height:1.9;}
.lh200{line-height:2.0;}

.alignL { text-align: left; }
.alignR { text-align: right; }
.alignC { text-align: center; }
.alignM { margin: 0px auto; }
.floatL { float: left; }
.floatR { float: right; }

.pore {
    position:relative;
}
.teh {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}



/*    ヘッダー
---------------------------------------- */

.header {
    width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.heh1 {
    position: absolute;
    font-size: 11px;
    left: 507px;
    top: 13px;
    color: #896A29;
}

.logo {
    width: 290px;
    float: left;
    border-top: 5px solid #FA8900;
    padding-top: 55px;
}

.heinfo {
    float: right;
    width: 600px;
    padding-top: 44px;
}

.heinfo>p{
    display: inline-block;
    padding-right: 4px;
}

.hecon {
    display: inline-block;
    margin-left: 2px;
}

.hetel {
    color: #775f2a!important;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.3;
    font-family: 'Times New Roman';
}

.hecon>p:first-child {
    padding-bottom: 7px;
}


/*    グローバルナビ
---------------------------------------- */

.gmbox{
    padding-top: 28px;
}

.gmbox ul{
    font-size: 0;
}

.gmbox li{
    display: inline-block;
    font-size: 13px;
    padding: 0;
}



/*    スライドショー
---------------------------------------- */

.slidebox {
    width: 980px;
    position: relative;
    margin: 0 auto;
}

.slidet {
    position: absolute;
    top: 50px;
    left: 612px;
    z-index: 10;
}



/*    メイン
---------------------------------------- */

.w980 {
    width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.main {
    float: left;
    width: 730px;
    margin-right: 40px;
}

.side {
    width: 210px;
    float: left;
}

.tcon1box {
    background: url(../image/tp1.jpg) 100% 0 no-repeat;
    padding-top: 14px;
    margin-bottom: 50px;
}

.tcon1t {
    margin-top: 43px;
    margin-bottom: 37px;
}

.tlink1 {
    margin-left: 30px;
    padding-bottom: 20px;
}

.tcon2ul {
    font-size: 0px;
    padding-bottom: 40px;
}

.tcon2ul li {
    display: inline-block;
    font-size: 13px;
    padding-bottom: 32px;
}

.tcon2t {
    text-align: center;
    margin: 32px 0;
}

.mr32 {
    margin-right: 32px;
}

.taib1 {
    width: 220px;
    float: left;
    margin-right: 46px;
}

.taib2 {
    width: 464px;
    float: left;
    font-size: 13px;
}

.tait {
    font-size: 13.5px;
    line-height: 1.9;
}

.topvoice_box li {
    width: 230px;
    float: left;
    background-color: #FCFAF4;
    margin-left: 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 25px;
    border-radius: 6px;
}

.topvoice_box li:before {
   content: url(../image/voicet.png);
    position: absolute;
    top:-18px;
    left:89px;
}

.topvoice_box li:first-child {
    margin-left: 0;
}

.topvoice_box h3 {
    font-size: 14.5px;
    line-height: 1.5;
    text-align: center;
    color: #F88824;
    padding: 30px 12px 18px;;
}

.topvoice_box p {
    padding: 0 20px 15px;
    color: #896A29;
    line-height: 1.7;
}


/* -------------------------------------
ブログループの装飾
-------------------------------------  */

.newsbox {
    padding-top: 40px;
}

.news {
    padding: 0px;
    padding-bottom: 30px;
    background-color: #FFF;
    border: 0px solid #D7D7D7;
    margin-bottom: 30px;
    border-radius: 0px;
    border-bottom: 1px solid #D7D7D7;
}

.news:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}




.text {
    width: 100%;
}


.categories {
    display: inline-block;
    font-size: 11px;
}

.categories ul li {
    display: inline-block;
    background-color: #FA8900;
    padding: 5px 15px;
    color: #fff ;
    margin-right: 5px; 
    border-radius: 20px;
    line-height: 1;
}

.categories ul li a {
    color: #fff;
    text-decoration: none; 
}
.categories ul li a:hover {
    text-decoration: underline; 
}

.entryInfo time {
      font-size: 12px;
      padding: 7px 5px 3px;
    line-height: 1;
    color: #666;
}

.text h1 {
    font-size: 17px;
    font-weight: bold;
    margin: 15px 0 10px;
}

.text h1 a {
    color: #6E5620;
    text-decoration: underline;
    font-weight: bold;
}

.text h1 a:hover {
    text-decoration: none;
}


.news figure {
    float: left;
    width: 150px;
    padding-right: 30px;
}



/*    右サイド
---------------------------------------- */

.sideinfo {
    border: 1px solid #DDD6C9;
    border-radius: 6px;
    padding: 0 20px 5px;
    color: #896A29;
    margin-bottom: 30px;
}


.sideinfo p {
    color: #333;
}

.sideinfo h2 {
    padding: 20px 0  15px;
}

.sideinfo h3 {
    padding: 20px 0 2px;
    font-weight: bold;
    font-size: 12.5px;
    border-top: 1px solid #DDD6C9;
}

.sideinfo p {
    font-size: 11.3px;
    line-height: 1.5;
    padding-bottom: 20px;
}





/*    フッター
---------------------------------------- */

#page-top {
    position: fixed;
    bottom: 25px;
    right: 50px;
    z-index: 100;
}


.fb1 {
    width: 290px;
    float: left;
    margin-right: 60px;
}

.fb2 {
    width: 630px;
    float: left;
}

.footerb {
    width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.footerbn {
    border-bottom: 1px solid #E2DBCE;
    border-top:  1px solid #E2DBCE;
    padding: 60px 0;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 50px;
}

.fonav {
    font-size: 0px;
    width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

.fonav li {
    display: inline-block;
    font-size: 14px;
}



.copy {
    width: 980px;
    margin: 40px auto 80px;
    text-align: center;
    font-size: 12px;
    color: #FBCDA3;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 0.5px;
}