/*css document*/

html {
    font-size: 13px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    letter-spacing: 0.05rem;
}

body {
    background:url(../img/common/bg-main.jpg);
}


/* header */
header { background:url(../img/common/bg-header.png); border-top: 10px solid #231815; padding: 10px 0 0; }
header h1 { width: 100% ; display: block; text-align: center; font-size: 13px; font-weight: normal; margin:0; border-bottom: 1px solid #412801; padding:0 0 15px; }

/* main-nav */
nav#main-nav {
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-size:15px;
    padding:0;
    line-height: 100%;
    letter-spacing: 0.2rem;
}
nav#main-nav ul { margin:0; padding:0; }
nav#main-nav ul li { list-style: none; float: left; margin:0; padding:15px 0;  }

nav#main-nav li.cont {
    width: calc((100% / 4) - 15px);
    text-align: center;
}
nav#main-nav li.line { width: 20px; text-align: center; }
nav#main-nav ul li a {
    color:#412801;
    text-decoration: none;
    text-shadow: 1px 1px 1px #d2c597;
}

nav#main-nav ul li.cont.link1 a:hover { color:#1274AE; }
nav#main-nav ul li.cont.link2 a:hover { color:#AF3B90; }
nav#main-nav ul li.cont.link3 a:hover { color:#CDBD4E; }
nav#main-nav ul li.cont.link4 a:hover { color:#1274AE; }
nav#main-nav ul li.cont.link5 a:hover { color:#8BB461; }

/* main */
.main h2, .main h3, .main h4, .main h5, .main h6 { margin:0; padding:0; }

/* footer */
footer { background:url(../img/common/bg-header.png); padding: 10px 0 0; }
footer .inner { font-size: 1.2rem; text-align: center; padding:20px 0; }
footer address { font-style: normal; }
footer .copyright { background-color:#231815; text-align: center; color:#fff; padding: 3px 0; font-size:0.85rem; }


/* common */
.textcenter { text-align: center; }
.textright { text-align: right; }
.mr05 { margin-right:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb40 { margin-bottom:40px !important; }
.mb80 { margin-bottom:80px !important; }
.mb100 { margin-bottom:100px !important; }
.ml30 { margin-left:30px; }
.mt10 { margin-top: 10px; }
.slicknav_menu {
	display:none;
}

/* responsive */
@media  (min-width: 1216px) {
    .main .inner { width:1200px; margin: 0 auto; }
    header .inner { width:1200px; margin:0 auto; }
    footer .inner { width:1200px; margin:0 auto; }
    #page h2 {
        width:1200px; margin:0 auto; text-align: right;
    }
}

@media screen and (max-width: 1215px) {
    .main .inner { width:calc(100% - 40px); margin: 0 auto; overflow: hidden; }
    header .inner { width:calc(100% - 40px); margin:0 auto; overflow: hidden; }
    footer .inner { width:calc(100% - 40px); margin:0 auto; overflow: hidden; }
    #page h2 {
        width:calc(100% - 30px); margin:0 auto; overflow: hidden; text-align: right;
    }
}


@media screen and (max-width: 910px) {
/*
    nav#main-nav li.cont { width:48%; padding:10px 0 10px; }
    nav#main-nav li.line { width: 4%; padding:10px 0 10px; }
*/
    nav#main-nav li.line { width: 2%;}
    nav#main-nav li.cont { width:23.5%; text-align: center; letter-spacing: 0;}
    .novis740 { display: none; width:0 !important; }
}

@media (min-width: 641px) {
    .dis640 { display: none; }
    .nodis640 { display: inline; }
}

nav#smapho-nav { display: none; }
.slicknav_menu {
 display:none;
}

@media screen and (max-width: 640px) {
    header { border-top: none; }
    header h1 { width: 100% ; display: block; text-align: center; font-size: 13px; font-weight: normal; margin:0; border-bottom: none; padding:0 0 15px; }
    nav#main-nav { display: none; }
    .dis640 { display: inline; }
    .nodis640 { display: none; }
    #smenu { display:none; }
    .slicknav_menu { display:block; }
}