@charset "UTF-8";
/* home */

/* ニュースサムネイルの非表示 */
html {
    scroll-behavior: smooth;
}
.news-content .thumbnail {
    display: none;
}

.instagram-img img {
    width: 70px;
    height: 70px;
}

.instagram-img {
    width: 230px;
    padding: 0;
}

.instagram-img ul {
    list-style: none;
}

.instagram-img li {
    display: inline-block;
    padding: 2px;
}

#content-wrap {
    width: 100%;
}

#home-information .more {
    text-align: right;
}

.box-1 {
    float: left;
    width: 320px;
}

.box-2 {
    float: left;
    width: 320px;
}

.box-3 {
    text-align: center;
    float: left;
    width: 320px;
}

.more li a {
    background: url(http://kahiko-official.tmjcms.jp/kahiko-official/images/common/more_arrow.png) right center no-repeat;
    /* padding-right: 15px; */
}

.more1 li a {
    background: url(http://kahiko-official.tmjcms.jp/kahiko-official/images/common/more_arrow.png) right center no-repeat;
    padding-right: 15px;
    float: right;
}

.more1 {
    padding-top: 20px;
}

#header-wrap {
    /* height: 223px; */
    margin-bottom:20px;
}

.photo_1 {
    height: 460px;
}

#content {
    width: 980px;
    margin: 0 auto;
}

#content-naka {
    width: 980px;
    margin: 0 auto;
}

#content01 {
    margin: 0 auto;
    background: url(../images/common/bg_slideback.jpg) center top no-repeat;
}

.top_block {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.top_block img {
    display: block;
    z-index: 1;
}

.top_block a {
    display: block;
    /*width:91px;*/
    height: 25px;
    position: absolute;
    right: 22px;
    bottom: 19px;
    z-index: 100;
}

.top_block a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#home-information .more {
    text-align: right;
}

#b2 {
    width: auto;
    height: 424px;
    overflow: hidden;
    position: relative;
}

.b2-01 {
    float: left;
    margin-right: 26px;
    width: 352px;
}

.b2-02 {
    float: left;
    width: 345px;
}

.b2-03 {
    float: right;
    margin-right: 60px;
    width: 166px;
    color: #C79F6B;
    line-height: 1.5;
}

.b2-03 img {
    margin-bottom: 6px;
}

.b2-thumb {
    margin: 10px 0 0 12px;
}

.b2-thumb a img {
    max-width: 128px;
    width: auto;
    max-height: 181px;
    height: auto;
}

#b2-box {
    padding-top: 40px;
    width: 980px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.b2-03 p {
    text-align: center;
}

#b2-box img {
    padding-left: 10px;
}


#b2-box dl {
    margin: 16px 0 10px 14px;
}

#b2-box dt {
    color: #366e94;
    margin-bottom: 2px;
}

#b2-box dd {
    margin-bottom: 18px;
}

#d2-box-ul {
    position: relative;
    overflow: hidden;
    width: 500px;
}

#d2-box-ul li {
    float: right;
    margin-left: 14px;
}

#b2 a {
    color: #44332C;
}

#b2 a:hover {
    color: #a1613e;
}

#b2 a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.storebtn01 {
    float: right;
    margin-top: 280px;
    margin-right: 100px;
}

.storebtn01 a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#b3 {
    width: 980px;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto 0 auto;
}

#b3_text {
    width: 520px;
    color: #EFE3CB;
    margin: 140px 0 20px 570px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    line-height: 1.8;
}

#b3_text h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

#b3_btn {
    margin: 80px 0 100px 780px;
}

#b3_btn a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* -----------------front-information ----------------- */

#front-information {
    background-color: #fff;
}

#front-information li a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* -----------------shop----------------- */

#shop {
    height: 400px;
    background-position: center top;
}

/* -----------------history----------------- */

#history {
    background: #423229 url(../images/common/history_bg.jpg) left bottom no-repeat;
}

/* -----------------footer----------------- */

footer {
    background: none;
    padding-top: 0;
}

/* -----------------wideslider----------------- */

.wideslider {
    width: 100%;
    height: 400px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider_base {
    top: 0;
    position: absolute;
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.slider_prev {
    background: #fff url(../images/common/kahiko_slide_btnleft.png) no-repeat right center;
}

.slider_next {
    background: #fff url(../images/common/kahiko_slide_btn_right.png) no-repeat left center;
}

.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}

.pagination a {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    background: #efe4cc;
    border: 2px #c39157 solid;
}

.pagination a.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    background: #42332b;
    border: 2px #efe4cc solid;
}

/* -----------------sns----------------- */

#sns {
    width: 980px;
    margin: 0 auto;
    height: 300px;
}

#footer-tw,
#footer-fb {
    float: left;
    padding: 10px;
    text-align: left;
    background-color: #e7dbc5;
    margin-top: 30px;
}

#footer-tw {
    width: 320px;
    float: right;
}

#sns h3 a {
    color: #403028;
    text-decoration: none;
    display: block;
    padding: 2px 0 2px 20px;
}

#footer-fb h3 a {
    background: url(../images/common/sns_icon_facebook.png) left center no-repeat;
}

#footer-tw h3 a {
    background: url(../images/common/sns_icon_twitter.png) left center no-repeat;
}
#footer-is h3 a{
    background: url(../images/common/instagram.png) left center no-repeat;
}

/* clearfix */

.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
}