@charset "UTF-8";


* {
    box-sizing: border-box;
    font-family: メイリオ, Meiryo, 'Hiragino Sans', Osaka, monospace, sans-serif;
}


body {
    margin: 0;
}

a {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.5s;
}
a:visited {
    color: #ffffff;
    text-decoration: none;
}
/* PC対応時に改めて修正
a:hover {
    opacity: 0.75;
} */
a:active {
    opacity: 0.3;
}


.kd-contents {
    padding: 0 20px;
}


.intro-contents {
    border-bottom: 1px solid #D7D7D7;
    padding: 20px 0;
}
.intro-contents h1, .intro-contents h2, .intro-contents h3 {
    font-family: メイリオ;
    font-size: 18px;
    text-align: center;
    color: #E6A100;
    margin: 0 0 5px 0;
}
.intro-contents p {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #1E1E1E;
    padding: 0 14px;
    margin: 0;
}


.intro-logo-wrap {
    border: 3px double #eae5d9;
    border-left: none;
    border-right: none;
    text-align: center;
    padding: 30px 5px;
    margin: 25px 0;
}
.intro-logo {
    display: block;
    width: 80%;
    min-width: 200px;
    max-width: 420px;
    margin: auto;
}


.intro-links-area {
    margin-top: 15px;
}
.intro-links-area .intro-links-box:last-child {
    margin-bottom: 0;
}
.intro-links-box {
    width: 100%;
    max-width: 400px;
    min-height: 45px;
    border: 1px solid #D7D7D7;
    border-radius: 7px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto 15px auto; 
}
.intro-links-inner {
}
.intro-links-inner a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #909090;
    border-radius: 6px;
    text-shadow: 0 0 3px #1C1C1C;
    text-shadow: 0 0 7px #1C1C1C;
    text-decoration: none;
    color: #ffffff;
    padding: 10px;
}

a.intro-links-honten {
    background-color: #b3a88f;
}
a.intro-links-rakuten2 {
    background-color: #FA5A5A;
}
a.intro-links-yahoo {
    background-color: #FE7687;
}
a.intro-links-amazon {
    background-color: #FF9900;
}
a.intro-links-qoo10 {
    background-color: #527FEF;
}
a.intro-links-line {
    background-color: #28B928;
}
a.intro-links-instagram {
    background: linear-gradient(135deg, #724FC0, #F9A635);
}


.ft-area {
    width: 100%;
    height: 60px;
    background-color: #FD7295;
    text-align: center;
    padding: 15px;
}
.ft-area a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 100%;
    color: #ffffff;
    margin: auto;
}
.ft-area a:active {
    text-decoration: underline #ffffff solid;
}
.ft-copyright {
    font-size: 10px;
    color: #ffffff;
    opacity: 0.75;
}