/* 追加CSS */

body {
    margin: 0;
    padding: 0;
    background-color: #ededdf;
    font-size: 18px;
}
.wrap {
    overflow: hidden;
}

/* imgの下の隙間を消す */
img {
    vertical-align:bottom;
}

a {
    color: #000;
}

/* 画像を半透明 */
a img:hover {
    opacity: 0.8;
}
ul li {
    list-style: none;
}
h1 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; 
    padding: 0.5rem 0;
    margin: 0 0 5rem 0;
    font-size: 28px;
}

/* グリッド 40rem以下のモバイル表示 幅を100%
-------------------------------------------------*/
@media (max-width: 40rem) {
.row .column.column-10, .row .column.column-20, .row .column.column-25, .row .column.column-33, .row .column.column-34, .row .column.column-40, .row .column.column-50, .row .column.column-60, .row .column.column-66, .row .column.column-67, .row .column.column-75, .row .column.column-80, .row .column.column-90 {
  flex: 0 0 100%;
  max-width: 100%;
}
}

/* ヘッダー
-------------------------------------------------*/
header {
    margin: 5rem 0 0 0;
}
.logo {
    text-align: center;
    margin-bottom: 5rem;
}

/* メニュー
-------------------------------------------------*/
nav ul {
	display: flex;
    flex-direction: row;
    justify-content: center; /* メニューの項目を中央揃え */
    list-style-type: none;
}
nav li {
    padding: 0.3em 3rem;
}
nav li a {
    display: block;
}

/* ハンバーガーメニュー
-------------------------------------------------*/
.slicknav_menu {
    display:none; /*PC時は非表示*/
}
@media screen and (max-width: 40rem) {
#menu {
    display:none; /*モバイル時は非表示*/
}
.slicknav_menu {
    display:block; /*モバイル時は表示*/
    background-color: #fff;
}
.slicknav_btn {
    background-color: #fff;
    }

.slicknav_menutxt {
    color: #000 !important;
    text-shadow: initial !important;
    padding-top: 0.2em;
}
.slicknav_icon-bar {
    width: 1.5em !important;
    height: 0.2em !important;
    border-bottom: 1px solid #000;
} 
.slicknav_nav ul {
    margin: 0px;
}
.slicknav_menu li {
    color: #000;
    text-align: center;
}
.slicknav_menu li a {
    color: #000;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
nav li ul li {
    padding: 0.3em 0rem;
}
}

/* ドロップダウンメニュー
-------------------------------------------------*/
@media screen and (min-width: 40rem) {
nav ul li ul {
    margin-left: 0; 
    display: none;
    position: relative;
}
nav ul li:hover ul {
    display: block;
    position: absolute;
    top: 70%;
    left: auto;
    background-color: #fff;
    padding: 0.3em 1em;
    z-index: 100;
}
nav ul li ul li{
    padding-left: 0;
    text-align: left;
    margin-top: 0;
}
}
    
    /* メイン
-------------------------------------------------*/
main {
    margin: 0.5rem 0 0 0;
}
.news {
    margin: 6rem 0 0 0;
}
.news h3 {
    border-bottom: 1px solid #ccc;
    font-size: 22px;
}
.widget h2 {
    border-bottom: 1px solid #ccc;
    font-size: 22px;
}

/* bxslider
-------------------------------------------------*/
.bx-wrapper{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:none; /* 枠線を削除 */
	background-color:transparent;
} 
.slidebox div {
    margin: 0; /* 右側の余白を削除 */
}

.bxslider .column {
    display: none; /* 画像が一度に出るのを非表示 */
}
.bx-viewport .bxslider .column {
    display: block !important;
    margin: 0; 
    padding: 0;
}

@media screen and (min-width: 65rem) {
.slidebox {
    width: auto;
    height: 600px; /* スライドショー読み込み画像の余白スペース */
    margin-bottom: 8rem;
}
}

/* ブログのリスト 調整
-------------------------------------------------*/
.post-list li {
    list-style-type: none;
    border-bottom: 1px solid #CCC;
}

/* フッター
-------------------------------------------------*/
.footer {
    text-align: center;
    margin-top: 5rem;
    padding: 0.5rem 0;
    background-color: #ededdf;
}

/* ボタン
-------------------------------------------------*/
.button {
    background-color: #fff !important;
    color: #666 !important;
    border-color: #666 !important;
}

/* ギャラリーページ
-------------------------------------------------*/
.gallery {
    box-sizing: border-box;
}
.gallery-contents {
    max-width: 800px;
}
.gallery-contents .box {
    width: 50%; 
    float: left;
    display: block;
    padding-right: 1.5rem;
}

/* 40rem以下のモバイル表示
-------------------------------------------------*/
@media (max-width: 40rem) {
    
/* ヘッダー
-------------------------------------------------*/
header {
    margin: 2rem 0 0 0;
}
.logo {
    text-align: center;
    margin-bottom: 2rem;
}    
    
/* メニュー
-------------------------------------------------*/
nav ul {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    list-style-type: none;
} 
    
/* bxslider
-------------------------------------------------*/
.slidebox {
    width: initial;
    height: initial;
}
    
/* ギャラリーページ
-------------------------------------------------*/
.gallery-contents .box {
    width: 100%; 
    margin-top: 1.5rem;
}    
    
}