@charset "euc-jp";
@import url("header_2024.css");
/* CSS Document */

article { max-width: 600px; padding: 86px 15px 0;}

@media screen and (max-width:699px){
    article { padding: 60px 15px 0;}
}



/* パンクズリスト */
#pankuzu {margin:30px auto 20px; padding: 0; line-height: 1.1em;}
#pankuzu div {display: table;}
#pankuzu div .home {display:table-cell;}
#pankuzu div p {display:table-cell;}
#pankuzu div span {display:none;}

#pankuzu a {color: #535353; text-decoration: none; letter-spacing: 0.05em;}
#pankuzu a:hover { color:#0066CC;text-decoration:underline;}

@media screen and (max-width:1024px){
#pankuzu {font-size: 13px;}
#pankuzu div p {display:none;}

#pankuzu {margin:20px 0;padding:5px; overflow-x: scroll; white-space: nowrap; }
#pankuzu div {display: inline-block; padding: 5px 5px 0;}
#pankuzu div .home,
#pankuzu div span {display:inline;}


/* スクロールバーの装飾 */
#pankuzu::-webkit-scrollbar {height: 8px;}
#pankuzu::-webkit-scrollbar-track {background-color: rgba(216, 216, 216, 0.5);}
#pankuzu::-webkit-scrollbar-thumb {background-color: rgba( 150, 150, 150, 0.8);}

}



/* クレジットカード情報変更 */
section {padding: 10px 15px; font-size: 16px;}
h2 {padding: 10px; border: none; background: #e00; color: #fff; font-size: 1.3em; text-align: center;}
h3 {margin: 0 0 15px; padding: 5px; background: #0c1b9e; color: #fff; font-size: 1em; font-weight: 100;}

/* 四角リスト */
#credit ul.m-b30 li {margin: 0 0 5px; padding: 0 0 0 1.3em; text-indent: -1.3em;}

/* 赤太字 */
#credit .check {color: #e00; font-weight: 600;}

/* 注意リスト */
#credit ul.caution li {position: relative; margin: 0 0 20px; padding: 0 0 0 3.5em;}
#credit ul.caution li::before {display: inline-block; position: absolute; top: 0; left: 0;}
#credit ul.caution li:first-child::before {content:' 注1) ';}
#credit ul.caution li:nth-child(2)::before {content:' 注2) ';}

article img {max-width: 100%; width: auto; height: auto;}



/* ページトップへボタン */
#top-button {
    right: 0px; bottom: 10px; z-index: 1; 
    padding: 15px 10px; 
    border-radius: 8px 0 0 8px; background: #2e3071; 
    color: #FFF; font-size: 12px; line-height: 1.3em; text-align: center;}


#top-button:hover {opacity: 0.8;}

#top-button span { display: inline-block; position: relative; padding: 0 0 0 30px;}
#top-button span:before, #top-button span:after {
	content: '';
	position: absolute; top: 50%; left: 0px;
}
#top-button span:before {
    width: 0; height: 0; margin: -5px 0 0 5px;
    border-style: solid; border-width: 0 6px 9px 6px;
    border-color: transparent transparent #fff transparent;
}
#top-button span:after {
    width: 20px; height: 20px; margin: -11px 0 0;
    border: solid #fff 1px; border-radius: 10px;
}

@media screen and (max-width:699px){
    #top-button { bottom: 60px;}
}

/* LastUp2024.09.06_kimata */