@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  news_en.css
 style info :  お知らせ＆キャンペーン英語設定
=================================================================== */

/* お知らせ ＆ キャンペーン */
section       { margin: 0 auto; width: 100%; }
#news_list h2 { margin-bottom: 60px; padding: 1em; color: #fff; background: #7b591b; }
#news_list .news_lists    { margin: 100px auto; width: 900px; }
#news_list .news_lists dl { font-size: 1.25rem; }
#news_list .news_lists dt { position: relative; width: 284px; padding: 1em 0; font-weight: normal; float: left; clear: left; }
#news_list .news_lists dt::before         { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 700; color: #7b591b; padding-right: .5em; }
#news_list .news_lists dt.campaign::after { display: inline-block; text-align: center; content: 'Campaign'; white-space: pre; font-size: 75%; color: #ff9000; border: 1px solid #ff9000; margin-left: 1em; padding: .3em 0; vertical-align: .3em; width: 104px; }
#news_list .news_lists dt.notice::after   { display: inline-block; text-align: center; content: 'NEWS'; white-space: pre; font-size: 75%; color: #0c92f3; border: 1px solid #0c92f3; margin-left: 1em; padding: .3em; vertical-align: .3em; width: 104px; }
#news_list .news_lists dd { padding: 1em 0; line-height: 1.5; border-bottom: 1px dotted #b07c1f; }
/* お知らせ ＆ キャンペーン 詳細 */
#news_page            { padding: 0 0 60px 0; background: #f9f4ea; }
#news_page h2         { margin-bottom: 60px; padding: 1em; color: #fff; background: #7b591b; }
#news_page .inner     { margin: 0 auto; padding: 40px; width: 1000px; background: #fff; }
#news_page .round_btn { margin-top: 60px; background: #7b591b; width: 420px; }
/* cms free area */
.news_content       { font-size: 1rem; line-height: 1.8; }
.news_content p.time_stamp { margin: 0; }
.news_content h3    { padding-bottom: .25em; border-bottom: dotted 1px #7b591b; line-height: 1.5; }
.news_content a     { color: #0014ff; text-decoration: underline; }
.news_content .free { white-space: pre-wrap; }
/* ==ここまで PC設定============================================= */

@media only screen and (max-width: 768px) {
/* お知らせ ＆ キャンペーン */
#news_list h2 { margin: 0 auto; font-size: 5vw; text-align: center; }
#news_list .news_lists    { margin: 5vw auto; width: 100%; }
#news_list .news_lists dl { font-size: 3.5vw; margin-bottom: 0; }
#news_list .news_lists dt { width: 100%; padding: 2vw 3vw; float: none; }
#news_list .news_lists dt.campaign::after { content: 'Campaign'; font-size: 85%; margin-left: 1em; padding: .3em .5em; vertical-align: .1em; width: 30%; }
#news_list .news_lists dt.notice::after   { content: 'NEWS'; font-size: 85%; margin-left: 1em; padding: .3em; vertical-align: .1em; width: 30%; }
#news_list .news_lists dd { padding: .5em 3vw; }
/* お知らせ ＆ キャンペーン 詳細 */
#news_page            { padding: 0 0 10vw 0; background: transparent; }
#news_page h2         { margin-bottom: 5vw; padding: 1em 0; color: #fff; background: #7b591b; }
#news_page .inner     { margin: 0 auto; padding: 5vw 0; width: 100%; background: #fff; }
#news_page .round_btn { margin-top: 10vw; background: #7b591b; width: 90vw; }
/* cms free area */
.news_content       { font-size: 3.5vw; line-height: 1.8; }
.news_content p.time_stamp { margin: 0; padding: 0 3vw; }
.news_content h3    { padding: 0 3vw; font-size: 4vw; padding-bottom: .25em; border-bottom: dotted 1px #7b591b; }
.news_content a     { color: #0014ff; text-decoration: underline; }
.news_content .free { padding: 0 3vw; white-space: pre-wrap; }
}/* ==ここまで SP設定============================================= */