@charset "utf-8";
/* CSS Document */


body{
background: #000000;
color: #FFFFFF;
margin: 20px 20px 20px 20px;
padding: 20px 20px 20px 20px;
line-height: 1.75;
font-size:1.75rem;
-webkit-text-size-adjust: 100%;
}

img{
max-width: 100%;
}

a{
color:#F1E53A;
}

a:hover {
color:#FFAA00;
}

a:visited {
color:#24FF58;
}

.yomupochi{
max-width: 980px;
margin: 0 auto;
}


h1{
text-align:center;
font-size:3rem;
color:#FFFFFF;
}

h2{
text-align:center;
font-size:2rem;
color:#FFFFFF;
}

h3{
text-align:center;
font-size:1.75rem;
color:#FFFFFF;
}

strong{
color:#F5F5F5;
}

big{
font-size:2.2rem;
}

table{
background:black;
/* border-align:center; */
color:white;
}

li {
line-height:1.75;
}

.search_window{
text-align: center;
}

.search_contents{
margin-top: 80px;
}

.search_contents h2{
font-size:2rem;
line-height:1.75;
text-align: left;
color:#F1E53A;
margin: 0;
}

.search_contents h2 a{
color:#F1E53A;
}

.search_contents h2 a:hover {
color:#FFAA00;
}


.search_contents p{
line-height:1.75;
margin:0 0 50px;
}

footer{
margin:100px 20px 20px;
border-top: 2px solid #FFFFFF;
}

footer p{
font-size:1.75rem;
text-align:center;
color:#FFFFFF;
}

.return p{
text-align: right;
font-size: 1.75rem;
}

footer .copyright{
border-top: 2px solid #FFFFFF;
margin-top: 20px;
padding-top: 20px;
}

/*rakuten*/
.rakuten{
background: #000000;
color: #FFFFFF;
max-width: 90%;
margin: 20px auto;
padding: 20px 20px 20px 20px;
line-height: 1.75;
font-size:1.75rem;
-webkit-text-size-adjust: 100%;
}

.rakuten h2{
background-color:transparent;
}

.rakuten ul li h3{
background-color:transparent;
text-align:left;
font-size:1.75rem;
color:#FFFFFF;
padding: 0;
margin-bottom: 20px;
font-weight:normal;
}

.rakuten ul li h3 a{
color:#fffc00;
}

.rakuten ul li h3 a:hover{
color: #FFAA00;
}

.rakuten h4{
font-weight: bold;
font-size: 2rem;
}

.rakuten ul li h5{
font-size:2rem;
margin:0;
padding: 0;
}

.rakuten .note{
font-size: 1.75rem; 
white-space: pre-wrap;
}

.rakuten .no_note{
font-size: 1.5rem;
}

.results{
margin-bottom: 20px; 
font-size: 1.75rem;
}

.results p {
font-size:1.75rem;
}

.results p span{
font-weight: bold;
font-size: 2rem;
}

.error{
font-weight: bold;
font-size:1.75rem;
}

.request .contact_dl dt{
margin-bottom: 10px;
}

.request .contact_dl dt .req{
background: #F1E53A;
padding:3px 10px;
color: #000000;
font-size:1.25rem;
}

.request .contact_dl dd{
margin: 0 0 30px;
}

.request .contact_dl dd input{
padding: 10px;
max-width: 100%;
width:360px;
font-size:1.25rem;
}

.request .contact_dl dd textarea{
padding: 10px;
max-width: calc(100% - 20px);
width:100%;
min-height: 200px;
font-size:1.25rem;
}

.request .submit_btn{
max-width: 100%;
margin-bottom:50px;
}

.request .submit_btn button, .request .submit_btn input{
width: 360px;
max-width: 48%;
padding: 10px;
background: #FFFFFF;
color: #000000;
font-size:1.75rem;
text-align: center;
font-weight:bold;
border-radius: 5px;
}

.table_style01 th{
text-align: left;
padding-right: 20px;
}

.table_style01 td{
text-align: left;
}

.about{
max-width: 90%;
margin: 0 auto;
}

.privacy{
max-width: 90%;
margin: 0 auto;
}

.privacy h2{
margin-top: 60px;
text-align: left;
}

.footer_menu{
margin-top: 40px;
}

.footer_menu p{
font-size:1.5rem;
line-height: 2;
}

.footer_menu p a{
color: #FFFFFF
}


/********************************
レスポンシブ
********************************/

@media screen and (max-width: 980px) {
body{
margin: 20px 20px 20px 20px;
padding:0;
}

.yomupochi{
max-width: 100%;
margin: 0 auto;
}

h1{
font-size:2.5rem;

}

h2{
font-size:1.75rem;
}

h3{
font-size:1.5rem;
}

big{
font-size:2rem;
}

.search_contents h2{
font-size:1.75rem;
}

.search_contents p{
font-size:1.5rem;
}

footer p{
font-size:1.5rem;
}

.return p{
font-size: 1.5rem;
}

.about p{
font-size:1.5rem;
}

.privacy p{
font-size:1.5rem;
}

.privacy ul li{
font-size:1.5rem;
}


/*rakuten*/

.rakuten ul li h3{
font-size:1.75rem;
}

.rakuten ul li h5{
font-size:2rem;
}



/*rakuten*/
.rakuten{
max-width: 94%;
margin: 20px auto;
padding: 0;
}

.rakuten ul li h3{
font-size:1.5rem;
}

.rakuten h4{
font-size: 1.75rem;
}

.rakuten ul li h5{
font-size:1.75rem;
}

.rakuten .note{
font-size: 1.5rem; 
}

.rakuten .no_note{
font-size: 1.25rem;
}

.results{
font-size: 1.5rem;
}

.results p {
font-size:1.5rem;
}

.results p span{
font-size: 1.75rem;
}

.error{
font-size:1.5rem;
}

.rakuten_flow p{
font-size:1.25rem;
}

.footer_menu p{
font-size:1.25rem;
}

}


@media screen and (max-width: 780px) {
.pc{
display: none;
}

#pagetitle{
max-width: 100%;
margin: 0 auto;
}

h1{
text-align:left;
}

h2{
text-align:left;
}

h3{
text-align:left;
}
}

@media screen and (max-width: 540px) {

h1{
font-size:2rem;

}

h2{
font-size:1.5rem;
}

h3{
font-size:1.25rem;
}

big{
font-size:1.5rem;
}

.search_window label{
display: block;
}


.search_contents h2{
font-size:1.5rem;
}

footer p{
font-size:1.25rem;
}

.about{
max-width: 96%;
}

.privacy{
max-width: 96%;
}

.about p{
font-size:1.25rem;
}

.privacy p{
font-size:1.25rem;
}

.privacy ul li{
font-size:1.25rem;
}

.return p{
font-size: 1.25rem;
}

.search_contents p{
font-size:1.25rem;
}

.rakuten ul li h5{
font-size:1.5rem;
}


.rakuten .note{
font-size: 1.1rem; 
}

.rakuten .no_note{
font-size: 1rem;
}

.footer_menu p{
font-size:1rem;
}
}


/* ==========================================================
   下層ページ専用：共通ヘッダー（ロゴ＆トップリンク）
   ※<body>に「sub-page」クラスがあるページのみ適用され、
   トップページ（index.html）には一切干渉しません。
   ========================================================== */

/* ロゴとリンクを横並びにするコンテナ */
.sub-page .logo-container {
  display: flex;
  justify-content: space-between; /* 左右の両端に振り分ける */
  align-items: center;           /* 上下中央揃え */
  padding: 10px 20px;            /* 周囲の余白 */
  max-width: 1000px;             /* 横幅制限 */
  margin: 0 auto;                /* 中央寄せ */
}

/* ロゴ画像を現在の半分のサイズにする */
.sub-page #pagetitle {
  margin: 0;
  text-align: left;              /* 既存のcenter設定を左寄せに打ち消し */
}
.sub-page #pagetitle img {
  width: 150px;                  /* お好みのサイズ（150px） */
  height: auto;
  display: block;
}

/* 右側のトップページリンクの装飾 */
.sub-page .top-link a {
  color: #fff;                   /* 白文字 */
  text-decoration: underline;    /* 下線あり */
  font-size: 18px;               /* 文字サイズ */
  font-weight: bold;
}
.sub-page .top-link a:hover {
  color: #ffcc00;                /* ホバー時にゴールドに変更 */
}