@charset "utf-8";

/* 基本レイアウト ここから↓ */
    @import url(common.css);
    #top{
        background-image: url(../images/fuji_temple2417117_m.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        height: 480px;
    }
    #top h1{
        float: left;
        color: red;
        margin-top: 30px;
        padding-left: 10px;
        margin-left: 20px;
    }
    body{
        background-image: url(../images/555174_m.jpg);
        background-position-x: center;
        background-repeat: repeat-x;
        background-color: #5db9ff;
        line-height: 150%;
    }
    header, nav, #topicpath, #contents, footer{
        width: 840px;
        margin-left: auto;
        margin-right: auto;
    }
    nav{
        margin-bottom: 15px;
    }
    nav ul{
        list-style-type: none;
        margin:  0;
        padding-left: 0;
        overflow: hidden;
    }
    nav ul li{
        width: 210px;
        float: left;
    }

    nav ul li a{
        display: block;
        height: 0;
        padding-top: 64px;
    }
    nav ul li#nav_introduction a{
        background-image: url(../images/btn_navigation1.png);
    }
    nav ul li#nav_tour a{
        background-image: url(../images/btn_navigation2.png);
    }
    nav ul li#nav_tickets a{
        background-image: url(../images/btn_navigation3.png);
    }
    nav ul li#nav_souvenir a{
        background-image: url(../images/btn_navigation4.png);
    }

    #main{
        width: 610px;
        margin-right: 30px;
        float: left;
    }
    #sub{
        width: 200px;
        float: right;
    }
    #main h1{
        margin: 0 0 30px 0;
        padding: 35px 20px 35px 20px;
        background-image: url(../images/h1_top.png),url(../images/h1_bottom.png);
        background-repeat: no-repeat,no-repeat;
        background-position: center top,center bottom;
        font-size: 175%;
        text-align: center;
    }
    #introduction #nav_introduction a, #schedule #nav_schedule a, #gallery #nav_gallery a, #tickets #nav_tickets a, nav ul li a:hover{
        background-position: 0 -64px;
    }
    figcaption{
        font-weight: bold;
    }

    img,video{
        border: 3px solid #FFF;
        box-shadow: 5px 5px 7px #333;
    }
    header img{
        border: none;
        box-shadow: 5 5 7px #333;    
    }

/* 基本レイアウト ここまで↑ */

/* トップページ ここから↓ */
#topics ul{
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}
#topics ul li{
    margin-top: 1.5em;
    padding: 0 0 1.5em 9.3em;
    border-bottom: 1px dotted #666666;
    text-indent: -9.3em;
}
/* トップページ ここまで↑ */

/* 「ＩＴＢについて」ページ ここから↓ */
.sec_field{
    margin-bottom: 30px;
    overflow: hidden;
} 
.sec_field:last-child{
    margin-bottom: 0;
}
/* 「ＩＴＢについて」ページ ここまで↑ */

/* 「ツアー紹介」ページ ここから↓ */
.pic_field figure{
    width: 290px;
    margin: 0 30px 0 0;
    float: left;
}
.pic_field figure:last-child{
    margin-right: 0;
}
/* 「ツアー紹介」ページ ここまで↑ */

/* 「ツアー申し込み」ページ ここから↓ */
input:required{
    width: 250px;
    background-color: #ffcccc;
}
#tour{
    width: 250px;
}
/* 「ツアー申し込み」ページ ここまで↑ */

/* 「おみあげ購入」ページ ここから↓ */
table thead tr{
    background-color: #333333;
    color: #ffffff;
}
table tbody tr:nth-child(even){
    background-color: #f2f2f2;
}

.center img{
    max-width: 100%;
}
.center{
    margin:0 auto 0 auto;
    max-width: 90%;
    width: 500px;
}
.center ul{
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
}
.center li{
    flex: 1 1 auto;
    margin-right: 8px;
}
.center li:last-of-type{
    margin-right: 0;
}

#figcap{
    text-align: right;
}
#price{
    text-align: right;
}

#buttonBuy{
    display: flex;
    float: right;
}
/* 「おみあげ購入」ページ ここまで↑ */