@charset "utf-8";
/*ページ構造設定*/
body { text-align:center; }
#wrap { width: 900px; text-align:left; margin: 0 auto; }
#inner { margin: 0 10px; }
#mainwrap { width: 690px; float: right; }
#sidewrap { float: left; }
#header { text-align: center; font-size: 30px; font-weight: bold; font-family: sans-serif; }
/*背景画像の設定*/
#back {
/*    height: 1700px;*/
    padding: 10px;
    margin: 5px;
    display: inline-block;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    background-color: #fcfff9;
}
/*文章のデザインの設定*/
.intro {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 190%;
}

/*slider これしないとキャプションが隠れる*/
.slider { padding: 0; margin: 0; }

/*メニューバー*/
ul.menu {
    font-size: 18px;
    font-weight: bolder;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 170px;
    background-color: #d8d8d8;
    position: relative;
    overflow: auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

ul.menu li a {
    display: block;
    color: #000000;
    padding: 8px 16px;
    text-decoration: none;
}

ul.menu li a.active {
    background-color: #da3c41;
    color: white;
}

ul.menu li a:hover:not(.active) {
    background-color: #1b2538;
    color: white;
}

/* 箇条書き(ul, li)の余白設定 */
ul {
    list-style-type: square;
    padding-left: 20px;
}

li {
    margin-bottom: 10px;
}

/*リンク*/
.link { text-align: center; }
.link a { padding: 0px;}
.link img { margin: 5px 0 5px 0; }
/*お問い合わせ*/
.address { text-align: left; font-size: 13px; line-height: 150%; }
.address h2{ text-align: center; }

/*新着情報の設定*/
.news dl { padding: 5px 0; border-bottom: 1px solid #ccc; margin: 10px; font-size: 15px; }
.news dt { padding: 5px 0; padding-bottom: 5px; clear: left; float: left; }
.news dd { padding: 5px 0; padding-botton: 5px; margin-left: 120px;}
.news li { padding: 5px 0; border-bottom: 1px solid #ccc; margin: 10px; font-size: 15px; list-style: none; text-align: left; }

/*見出し*/
.subject {
    padding: 0 5px;
    width: 90%;
    border-bottom: 4px solid black;
    color: black;
}
.subject:first-letter{
    font-size: 1.5em;
}
.subsubject {
    margin: 10px 0 10px 0;
    padding: 0.4em 0.5em;
    width:90%;
    background: linear-gradient(to bottom, transparent, rgba(100,100,100,0.3));
    border-radius: 2px;
    fontweight: lighter;
    color: rgba(0,0,0,1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

/*TABLE*/
/*.table01 { border-collapse: collapse; width: 600px;}*/
.table01 { border-collapse: collapse;}
.table01 th { border: solid 1px black; height: 40px; font-size: 20px; background: #d8d8d8; }
.table01 td { border: solid 1px black; padding: 5px; }

.table02 { border-collapse: collapse; width: 640px; }
.table02 th { border: solid 1px black; height: 30px; font-size: 15px; background: #d8d8d8; }
.table02 td { border: solid 1px black; padding: 5px; }

/*文章の幅指定とか*/
.area01 { width: 90%; font-size: 15px; }

/*FAQ*/
.faq dl {
    width: 90%;
    line-height: 1.5em;
    overflow: hidden;
}
.faq dt,.faq dd {
    text-indent: -2.6em;
    padding: 0 10px 0px 40px;
    margin: 5px 20px 0 0;
}
.faq dd { paddding-bottom: 15px; margin: 20px 0 -1px 0; border-bottom: 1px #000 dotted; }
.faq dt:first-letter,.faq dd:first-letter {
    font-size: 1.6em;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px;
    font-family: 'Nunito', sans-serif;
}
.faq dt:first-letter{ color: #0F78E1; }
.faq dd:first-letter{ color: #ff6767; }

/*ギャラリーで写真が反転するのでそれを補正する*/
.rotation {
    transform: rotate( -180deg );
}

img {
  object-fit: cover;
}