@charset "UTF-8";

/* 共通設定 */
a {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: red;}
a:active {color: #000;}

/* HEADER */
@media screen and (min-width: 751px) {
div.header-pc {display: block;}
div.header-sp {display: none;}
}

@media screen and (max-width: 750px) {
div.header-pc {display:none;}
div.header-sp {display: block;}
}

/* HEADER-PC */
div.header-pc {margin: 1em auto 0;}
div.header-pc ul {width: 100%; max-width: 920px; margin: 0 auto; padding: 0 !important;}
div.header-pc ul {list-style: none; text-align: center;}
div.header-pc ul li {display: inline-block;}
div.header-pc ul li.title-01 {width: 10%;}
div.header-pc ul li.title-01 img {width: 130%;}
div.header-pc ul li.title-02 {width: 60%; text-align: center; vertical-align: middle; padding-bottom: 2em; font-weight: bold; color: #dc143c;}
div.header-pc ul li.title-03 {width: 10%; }
div.header-pc ul li.title-03 img {width: 130%;}

/* ヘッダータイトル（文字） */
@media screen and (min-width:910px) { 
    div.header-pc ul li.title-02 {font-size: 22px;}
}

@media screen and (min-width:862px) and ( max-width:909px) {
    div.header-pc ul li.title-02 {font-size: 21px;}
}

@media screen and (min-width:824px) and ( max-width:861px) {
    div.header-pc ul li.title-02 {font-size: 20px;}
}

@media screen and (min-width:811px) and ( max-width:823px) {
    div.header-pc ul li.title-02 {font-size: 19px;}
}

@media screen and (min-width:811px) and ( max-width:823px) {
    div.header-pc ul li.title-02 {font-size: 19px;}
}

@media screen and (min-width:751px) and ( max-width:810px) {
    div.header-pc ul li.title-02 {font-size: 18px;}
}

/* 
@media screen and (min-width:707px) and ( max-width:745px) {
    div.header ul li.title-02 {font-size: 17px;}
}

@media screen and (min-width:671px) and ( max-width:706px) {
    div.header ul li.title-02 {font-size: 16px;}
}

@media screen and (min-width:634px) and ( max-width:670px) {
    div.header ul li.title-02 {font-size: 15px;}
}

@media screen and (min-width:597px) and ( max-width:633px) {
    div.header ul li.title-02 {font-size: 14px;}
}

@media screen and (min-width:558px) and ( max-width:596px) {
    div.header ul li.title-02 {font-size: 13px;}
}

@media screen and (min-width:517px) and ( max-width:557px) {
    div.header ul li.title-02 {font-size: 12px;}
}

@media screen and (min-width:478px) and ( max-width:516px) {
    div.header ul li.title-02 {font-size: 11px;}
}

@media screen and (min-width:440px) and ( max-width:477px) {
    div.header ul li.title-02 {font-size: 10px;}
}

@media screen and (min-width:401px) and ( max-width:439px) {
    div.header ul li.title-02 {font-size: 9px;}
}

@media screen and (max-width:400px) { 
    div.header ul li.title-02 {font-size: 8px;}
}
 */


/* HEADER-SP */
div.header-sp {margin: 1em auto 0;}
div.header-sp ul {width: 100%; max-width: 750px; margin: 0 auto; padding: 0 !important;}
div.header-sp ul {list-style: none; text-align: center;}
div.header-sp ul li {display: block;}
div.header-sp ul li.title-01 {width: 250px; margin: 0 auto;}
div.header-sp ul li.title-01 img {width: 100%;}
div.header-sp ul li.title-02 {text-align: center; vertical-align: middle; padding-bottom: 2em; font-weight: bold; color: #ff1493;}

/* FOOTER */
    footer.foot-01 {
        background: #A98388;
        box-shadow: 0px 0px 0px 5px #A98388;
        border: dashed 2px white;
        padding: 0.2em 0.5em;
        margin: 30px 0px 10px 0px;
        color: white;
    }

    div.foot-02 {
        padding: 1em 2em;
    }

    table.foot-04 {width: 100%;}
    table.foot-04 tr td { 
        font-size: 12px;
        width: 23%;
        vertical-align: top;
    }

div.foot-06 {text-align: left !important;}

@media screen and (min-width:931px) { 
    div.foot-03 {display: block; text-align: center;}
    table.foot-04 tr td{font-size: 16px; text-align: left;}
    div.foot-05 {display: none;}
}

@media screen and (min-width:811px) and ( max-width:930px) {
    div.foot-03 {display: block;}    
    div.foot-03 tr td{font-size: 14px;}
    div.foot-05 {display: none;}
}

@media screen and (max-width:810px) { 
    div.foot-03 {display: none;}
    table.foot-04 tr td{font-size: 12px;}
    div.foot-05 {display: block;}
}

/* 著作権表記 */
div#copy {
    text-align: center;
    }