/* Scss Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
.coin_btn { margin: 2rem 0; }
.coin_btn a { display: block; width: 300px; height: auto; padding: 1rem; margin: auto; text-align: center; color: white; border-radius: 50px; background: #333; }

#cat_2019 main #list { max-width: 1300px; margin: auto; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
@media screen and (min-width: 641px) { #cat_2019 main #list { padding: 4rem 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media screen and (max-width: 640px) { #cat_2019 main #list { padding: 2rem 1rem; } }
@media screen and (min-width: 1201px) { #cat_2019 main #list .ad_bnr, #cat_2019 main #list article { width: 23.5%; max-width: 300px; margin-left: 2%; }
  #cat_2019 main #list .ad_bnr:nth-child(4n+1), #cat_2019 main #list article:nth-child(4n+1) { margin-left: 0; }
  #cat_2019 main #list .ad_bnr:nth-child(n+5), #cat_2019 main #list article:nth-child(n+5) { margin-top: 3%; } }
@media screen and (min-width: 841px) and (max-width: 1200px) { #cat_2019 main #list .ad_bnr, #cat_2019 main #list article { width: 32%; max-width: 300px; margin-left: 2%; }
  #cat_2019 main #list .ad_bnr:nth-child(3n+1), #cat_2019 main #list article:nth-child(3n+1) { margin-left: 0; }
  #cat_2019 main #list .ad_bnr:nth-child(n+4), #cat_2019 main #list article:nth-child(n+4) { margin-top: 3%; } }
@media screen and (min-width: 641px) and (max-width: 840px) { #cat_2019 main #list .ad_bnr, #cat_2019 main #list article { width: 49%; max-width: 300px; margin-left: 2%; }
  #cat_2019 main #list .ad_bnr:nth-child(2n+1), #cat_2019 main #list article:nth-child(2n+1) { margin-left: 0; }
  #cat_2019 main #list .ad_bnr:nth-child(n+3), #cat_2019 main #list article:nth-child(n+3) { margin-top: 3%; } }
@media screen and (max-width: 640px) { #cat_2019 main #list .ad_bnr, #cat_2019 main #list article { width: 100%; }
  #cat_2019 main #list .ad_bnr:nth-child(n+2), #cat_2019 main #list article:nth-child(n+2) { margin-top: 4%; } }
#cat_2019 main #list .ad_bnr a { display: block; }
#cat_2019 main #list .ad_bnr a img { display: block; }
@media screen and (min-width: 641px) { #cat_2019 main #list .ad_bnr a img { width: 100%; height: auto; } }
@media screen and (max-width: 640px) { #cat_2019 main #list .ad_bnr a img { max-width: 250px; height: auto; margin: auto; } }
@media screen and (min-width: 641px) { #cat_2019 main #list article { box-shadow: 0 0 1.5rem #888; } }
@media screen and (max-width: 640px) { #cat_2019 main #list article { box-shadow: 0 0 .25rem #888; } }
#cat_2019 main #list article a { position: relative; }
@media screen and (min-width: 641px) { #cat_2019 main #list article a { display: block; }
  #cat_2019 main #list article a:before { content: ""; display: block; padding-top: 83.33%; } }
@media screen and (max-width: 640px) { #cat_2019 main #list article a { padding: 3%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } }
@media screen and (min-width: 641px) { #cat_2019 main #list article a .imgbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
  #cat_2019 main #list article a .imgbox .wrap { position: relative; width: 100%; height: auto; overflow: hidden; }
  #cat_2019 main #list article a .imgbox .wrap:before { content: ""; display: block; padding-top: 62.5%; }
  #cat_2019 main #list article a .imgbox .wrap img { position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; width: auto; height: 100%; margin: auto; } }
@media screen and (max-width: 640px) { #cat_2019 main #list article a .imgbox { width: 35%; }
  #cat_2019 main #list article a .imgbox img { display: block; width: 100%; height: auto; } }
@media screen and (min-width: 641px) { #cat_2019 main #list article a .textbox { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; min-height: 30%; padding: 2% 4%; background: white; } }
@media screen and (max-width: 640px) { #cat_2019 main #list article a .textbox { margin-left: 2%; -webkit-box-flex: 1.0; -ms-flex: 1; flex: 1; } }
#cat_2019 main #list article a .textbox p { font-size: .875rem; color: #333; font-weight: bold; margin-bottom: .25rem; }
#cat_2019 main #list article a .textbox time { display: block; color: #e69941; font-size: .75rem; }

#form_step { width: 100%; max-width: 1200px; margin: 0 auto 2.5rem; }
#form_step ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
#form_step ul li { width: 32%; height: auto; padding: 1rem; background: white; border-radius: 10px; }
#form_step ul li:nth-child(2) { margin: 0 2%; }
#form_step ul li dl { width: 100%; height: auto; }
#form_step ul li dl dt, #form_step ul li dl dd { line-height: 140%; font-size: 1.25rem; text-align: center; color: #333; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
@media screen and (max-width: 640px) { #form_step ul li dl dt, #form_step ul li dl dd { font-size: .875rem; } }
#form_step ul li dl dt { font-weight: bold; }
#form_step ul li.select { background: #333; box-shadow: 0 0 1rem #888; }
#form_step ul li.select dl dt, #form_step ul li.select dl dd { color: white; }

#form_container { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
@media screen and (min-width: 1061px) { #form_container { margin-top: 145px; } }
@media screen and (max-width: 1060px) { #form_container { margin-top: 60px; } }
@media screen and (min-width: 841px) { #form_container .centerbox { max-width: 1280px; padding: 40px; margin: auto; } }
@media screen and (max-width: 840px) { #form_container .centerbox { width: 100%; padding: 20px; margin: auto; } }
@media screen and (min-width: 841px) { #form_container .centerbox #contents_headline { margin-bottom: 3rem; } }
@media screen and (max-width: 840px) { #form_container .centerbox #contents_headline { margin-bottom: 1.25rem; } }
#form_container .centerbox #contents_headline h1 { text-align: center; }
@media screen and (min-width: 841px) { #form_container .centerbox #contents_headline h1 { font-size: 1.5rem; margin-bottom: 1.5rem; } }
@media screen and (max-width: 840px) { #form_container .centerbox #contents_headline h1 { font-size: 1.25rem; margin-bottom: 0.875rem; } }
#form_container .centerbox #contents_headline p { text-align: center; color: #0d317d; }
#form_container .centerbox #language_setting { max-width: 800px; margin: 0 auto 3rem; }
#form_container .centerbox #language_setting ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#form_container .centerbox #language_setting ul li { margin: 0 5px; }
#form_container .centerbox #language_setting ul li form button { display: block; padding: 5px 10px; font-size: .75rem; color: #5f5f5f; background: #fff; border: 1px solid #efefef; border-radius: 5px; box-shadow: 0 0 1px #fff; }
#form_container .centerbox #language_setting ul li form button.select { color: #efefef; background: #5CBEC8; box-shadow: 0 0 5px #efefef; }
#form_container .centerbox .contact ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (min-width: 841px) { #form_container .centerbox .contact ul li { width: 32%; margin-top: 30px; margin-left: 2%; }
  #form_container .centerbox .contact ul li:nth-child(3n+1) { margin-left: 0; }
  #form_container .centerbox .contact ul li:nth-child(-n+3) { margin-top: 0; } }
@media screen and (min-width: 641px) and (max-width: 840px) { #form_container .centerbox .contact ul li { width: 48%; margin-top: 30px; margin-left: 4%; }
  #form_container .centerbox .contact ul li:nth-child(2n+1) { margin-left: 0; }
  #form_container .centerbox .contact ul li:nth-child(-n+2) { margin-top: 0; } }
@media screen and (max-width: 640px) { #form_container .centerbox .contact ul li { width: 100%; margin-top: 20px; }
  #form_container .centerbox .contact ul li:nth-child(1) { margin-top: 0; } }
#form_container .centerbox .contact ul li form { display: block; }
#form_container .centerbox .contact ul li form button { display: block; width: 100%; height: auto; padding: 1rem 10px; font-size: 1rem; border-radius: 3px; background: #333; color: white; border: 2px solid #333; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
#form_container .centerbox .contact ul li form button:hover { background: white; color: #333; }
#form_container .centerbox .entry_form dl { max-width: 800px; margin: auto; border-bottom: 1px solid gainsboro; }
@media screen and (min-width: 641px) { #form_container .centerbox .entry_form dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } }
@media screen and (max-width: 640px) { #form_container .centerbox .entry_form dl { padding: 10px 0; } }
#form_container .centerbox .entry_form dl:nth-child(1) { border-top: 1px solid gainsboro; }
@media screen and (min-width: 641px) { #form_container .centerbox .entry_form dl dt, #form_container .centerbox .entry_form dl dd { padding: 1rem 0; } }
@media screen and (max-width: 640px) { #form_container .centerbox .entry_form dl dt, #form_container .centerbox .entry_form dl dd { padding: 0; } }
@media screen and (min-width: 641px) { #form_container .centerbox .entry_form dl dt { min-width: 12rem; } }
@media screen and (max-width: 640px) { #form_container .centerbox .entry_form dl dt { width: 100%; margin-bottom: 8px; } }
#form_container .centerbox .entry_form dl dt p { line-height: 20px; }
@media screen and (min-width: 641px) { #form_container .centerbox .entry_form dl dt p { padding: 10px; text-align: right; } }
@media screen and (max-width: 640px) { #form_container .centerbox .entry_form dl dt p { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } }
#form_container .centerbox .entry_form dl dt p strong { font-weight: bold; margin-right: 5px; }
#form_container .centerbox .entry_form dl dt p span.required, #form_container .centerbox .entry_form dl dt p span.arbitrary { padding: 2px 10px; background: #FF4D50; font-size: 11px; color: #fefefe; border-radius: 3px; }
#form_container .centerbox .entry_form dl dt p span.arbitrary { background: #0d317d; }
@media screen and (max-width: 640px) { #form_container .centerbox .entry_form dl dt p strong { margin-right: 0; margin-left: 5px; -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } }
#form_container .centerbox .entry_form dl dd { -webkit-box-flex: 1.0; -ms-flex: 1 0 auto; flex: 1 0 auto; }
#form_container .centerbox .entry_form dl dd input, #form_container .centerbox .entry_form dl dd textarea, #form_container .centerbox .entry_form dl dd select { font-size: 14px; }
#form_container .centerbox .entry_form dl dd input { display: block; width: 100%; line-height: 20px; padding: 10px; border: 1px solid #e6e6e6; box-sizing: border-box; }
#form_container .centerbox .entry_form dl dd textarea { display: block; width: 100%; height: auto; padding: 10px; line-height: 160%; border: 1px solid #e6e6e6; box-sizing: border-box; }
#form_container .centerbox .entry_form button { display: block; width: 300px; height: auto; padding: 1rem 10px; margin: 30px auto; font-size: 1rem; border-radius: 3px; background: #333; color: white; border: 2px solid #333; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
#form_container .centerbox .entry_form button:active { background: white; color: #333; }
#form_container .centerbox .transmission dl { max-width: 800px; margin: auto; border-bottom: 1px solid gainsboro; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#form_container .centerbox .transmission dl:nth-child(1) { border-top: 1px solid gainsboro; }
#form_container .centerbox .transmission dl dt { min-width: 11rem; }
#form_container .centerbox .transmission dl dt, #form_container .centerbox .transmission dl dd { padding: 1rem 0; }

#custom_container.coin #sort_select { padding: 1.5rem; }
#custom_container.coin #sort_select form { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
#custom_container.coin #sort_select form label { margin-right: 8px; }
#custom_container.coin #sort_select form label input { margin-right: 3px; }
#custom_container.coin #main_cion_list ul { max-width: 1200px; height: auto; padding: 0 1rem; margin: 0 auto 2rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#custom_container.coin #main_cion_list ul li { position: relative; background: #e5f1f4; }
@media screen and (min-width: 881px) { #custom_container.coin #main_cion_list ul li { width: 22%; margin-top: 40px; margin-left: 4%; }
  #custom_container.coin #main_cion_list ul li:nth-child(4n+1) { margin-left: 0; }
  #custom_container.coin #main_cion_list ul li:nth-child(-n+4) { margin-top: 0; } }
@media screen and (min-width: 641px) and (max-width: 880px) { #custom_container.coin #main_cion_list ul li { width: 32%; margin-top: 40px; margin-left: 2%; }
  #custom_container.coin #main_cion_list ul li:nth-child(3n+1) { margin-left: 0; }
  #custom_container.coin #main_cion_list ul li:nth-child(-n+3) { margin-top: 0; } }
@media screen and (max-width: 640px) { #custom_container.coin #main_cion_list ul li { width: 48%; margin-top: 20px; margin-left: 4%; }
  #custom_container.coin #main_cion_list ul li:nth-child(2n+1) { margin-left: 0; }
  #custom_container.coin #main_cion_list ul li:nth-child(-n+2) { margin-top: 0; } }
#custom_container.coin #main_cion_list ul li a { position: relative; left: 0; top: 0; display: block; text-align: center; border: 1px solid #ddd; border-bottom: 2px solid #328aa4; background: white; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
#custom_container.coin #main_cion_list ul li a .imgbox { border-bottom: 1px solid #ddd; padding: 1.5rem 1.25rem; }
@media screen and (min-width: 641px) { #custom_container.coin #main_cion_list ul li a .imgbox { margin-bottom: 1.25rem; } }
@media screen and (max-width: 640px) { #custom_container.coin #main_cion_list ul li a .imgbox { margin-bottom: 0.875rem; } }
#custom_container.coin #main_cion_list ul li a .imgbox img { display: block; width: 60px; height: 60px; margin: auto; }
@media screen and (min-width: 641px) { #custom_container.coin #main_cion_list ul li a .textbox { padding: 0 1rem; } }
@media screen and (max-width: 640px) { #custom_container.coin #main_cion_list ul li a .textbox { padding: 0 0.875rem; } }
#custom_container.coin #main_cion_list ul li a .textbox p { text-align: center; }
@media screen and (min-width: 641px) { #custom_container.coin #main_cion_list ul li a .textbox p { line-height: 1.5rem; } }
@media screen and (max-width: 640px) { #custom_container.coin #main_cion_list ul li a .textbox p { font-size: 10px; line-height: 160%; } }
#custom_container.coin #main_cion_list ul li a .textbox .more { line-height: 2.25rem; font-weight: bold; border-top: 1px dashed #ddd; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
@media screen and (min-width: 641px) { #custom_container.coin #main_cion_list ul li a .textbox .more { margin-top: 1rem; } }
@media screen and (max-width: 640px) { #custom_container.coin #main_cion_list ul li a .textbox .more { margin-top: 0.875rem; } }
#custom_container.coin #main_cion_list ul li a .textbox .more .text { text-align: left; -webkit-box-flex: 1.0; -ms-flex: 1; flex: 1; }
#custom_container.coin #main_cion_list ul li a .textbox .more .icon { margin-left: auto; }
#custom_container.coin #main_cion_list ul li a:hover { left: -10px; top: -10px; }
#custom_container.coin #main_cion_list ul li a:hover .textbox .more span { color: #328aa4; }
#custom_container.coin_glossary { padding: 20px; }
#custom_container.coin_glossary main { max-width: 1200px; margin: auto; }
#custom_container.coin_glossary main #glossary_list section { margin-top: 2rem; }
#custom_container.coin_glossary main #glossary_list section:nth-child(1) { margin-top: 0; }
#custom_container.coin_glossary main #glossary_list section h2 { font-size: 1.25rem; font-weight: bold; }
#custom_container.coin_glossary main #glossary_list section ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#custom_container.coin_glossary main #glossary_list section ul li { margin-right: 10px; }
#custom_container.coin_glossary main #glossary_list section ul li a { display: block; padding: 5px 0; }
#custom_container.coin_glossary main #glossary_list section ul li a span { display: inline-block; margin-right: 5px; }

#list_container #coin_pickup_2018 { margin-bottom: 60px; }
#list_container #coin_pickup_2018 h2 { position: relative; margin-bottom: 40px; text-align: center; font-size: 1.5rem; }
#list_container #coin_pickup_2018 h2 span { position: relative; display: block; width: 100px; height: 5px; margin: 5px auto 0; }
#list_container #coin_pickup_2018 h2 span::before, #list_container #coin_pickup_2018 h2 span::after { content: ""; position: absolute; top: 0; width: 50%; height: 5px; }
#list_container #coin_pickup_2018 h2 span::before { left: 0; background: #b09917; }
#list_container #coin_pickup_2018 h2 span::after { left: 50%; background: #d3d3d1; }
#list_container #coin_pickup_2018 .more_list { text-align: center; }
#list_container #coin_pickup_2018 .more_list a { display: block; width: 200px; max-width: 80%; padding: 10px 20px; margin: auto; color: white; background: #328aa4; border: 2px solid #328aa4; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
#list_container #coin_pickup_2018 .more_list a:hover { color: #328aa4; background: white; }
#list_container #coin_pickup_2018 #coin_pickupbox { max-width: 900px; padding: 0 1rem; margin: 0 auto 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list { width: 48%; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list:nth-child(1) { margin-right: 4%; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap { position: relative; width: 100%; background: #f3f0dc; margin-bottom: 1rem; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap a { position: relative; left: 0; top: 0; display: block; width: auto; height: 100%; padding-bottom: 40px; border: 1px solid #ddd; border-bottom: 2px solid #b09917; background: white; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap a .imgbox img { display: block; max-width: 100%; height: auto; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap a .titlebox { display: block; padding: 1rem 10px; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap a .morebox { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: auto; padding: 0 10px; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap a .morebox p { padding: 10px 0; border-top: 2px dashed #ddd; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap a .morebox p span.text { margin-right: auto; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap:hover a { left: -10px; top: -10px; }
#list_container #coin_pickup_2018 #coin_pickupbox .pickup_list .wrap:hover a .morebox p span { color: #b09917; }
#list_container #pickup_movie { margin-bottom: 60px; }
#list_container #pickup_movie h2 { position: relative; margin-bottom: 40px; text-align: center; font-size: 1.5rem; }
#list_container #pickup_movie h2 span { position: relative; display: block; width: 100px; height: 5px; margin: 5px auto 0; }
#list_container #pickup_movie h2 span::before, #list_container #pickup_movie h2 span::after { content: ""; position: absolute; top: 0; width: 50%; height: 5px; }
#list_container #pickup_movie h2 span::before { left: 0; background: #b09917; }
#list_container #pickup_movie h2 span::after { left: 50%; background: #d3d3d1; }
#list_container #pickup_movie .more_list { text-align: center; }
#list_container #pickup_movie .more_list a { display: block; width: 200px; max-width: 80%; padding: 10px 20px; margin: auto; color: white; background: #328aa4; border: 2px solid #328aa4; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
#list_container #pickup_movie .more_list a:hover { color: #328aa4; background: white; }
#list_container #pickup_movie ul { max-width: 900px; padding: 0 1rem; margin: 0 auto 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; }
#list_container #pickup_movie ul li { width: 48%; background: #f3f0dc; }
#list_container #pickup_movie ul li:nth-child(1) { margin-right: 4%; }
#list_container #pickup_movie ul li a { position: relative; left: 0; top: 0; display: block; width: auto; height: 100%; padding-bottom: 40px; border: 1px solid #ddd; border-bottom: 2px solid #b09917; background: white; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
#list_container #pickup_movie ul li a .imgbox img { display: block; max-width: 100%; height: auto; }
#list_container #pickup_movie ul li a .titlebox { display: block; padding: 1rem 10px; }
#list_container #pickup_movie ul li a .morebox { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: auto; padding: 0 10px; }
#list_container #pickup_movie ul li a .morebox p { padding: 10px 0; border-top: 2px dashed #ddd; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
#list_container #pickup_movie ul li a .morebox p span.text { margin-right: auto; }
#list_container #pickup_movie ul li:hover a { left: -10px; top: -10px; }
#list_container #pickup_movie ul li:hover a .morebox p span { color: #b09917; }

#single_container.common_article .centerbox main .article_body #moviebox { position: relative; width: 100%; height: auto; margin-bottom: 40px; }
#single_container.common_article .centerbox main .article_body #moviebox:before { content: ""; display: block; padding-top: 56.25%; }
#single_container.common_article .centerbox main .article_body #moviebox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#single_container.common_article .centerbox main .article_body .article_content ul, #single_container.common_article .centerbox main .article_body .article_content ol { padding: 2% 1rem 2% 2rem; margin-bottom: 1rem; background: url("../img/2019-img/single-img/news-img/bg-stripe.png") repeat; border-radius: 5px; }
#single_container.common_article .centerbox main .article_body .article_content ul li, #single_container.common_article .centerbox main .article_body .article_content ol li { line-height: 170%; padding: .25rem 0; }
#single_container.common_article .centerbox main .article_body .article_content ul { list-style: disc; }
#single_container.common_article .centerbox main .article_body .article_content ol { list-style: decimal; }
#single_container.common_article .centerbox main .article_body .article_content .bcard { margin-bottom: 1rem; }
#single_container.common_article .centerbox main .article_body .article_content .bcard a { padding: 2%; background: #efefef; border: 2px solid #efefef; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
@media screen and (min-width: 641px) { #single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_img { width: 25%; } }
@media screen and (max-width: 640px) { #single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_img { width: 35%; } }
#single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_img img { display: block; width: 100%; height: auto; }
#single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_text { margin-left: 1rem; -webkit-box-flex: 1.0; -ms-flex: 1; flex: 1; }
#single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_text p { margin: 0; line-height: 160%; font-size: .75rem; }
#single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_text p.bcard_title { font-size: .875rem; font-weight: bold; }
@media screen and (min-width: 641px) { #single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_text p.bcard_title { margin-bottom: 1rem; } }
@media screen and (max-width: 640px) { #single_container.common_article .centerbox main .article_body .article_content .bcard a .bcard_text p.bcard_excerpt { display: none; } }
#single_container.common_article .centerbox main .article_body .article_content .bcard a:hover { border: 2px solid #999; }
#single_container.common_article .centerbox main .article_body #exemptionbox { padding: 20px; margin-bottom: 30px; border: 1px solid #333; background: #efefef; }
#single_container.common_article .centerbox main .article_body #exemptionbox h2 { padding: 0; margin-bottom: 12px; text-align: center; font-size: 1rem; font-weight: bold; color: #333; background: none; }
#single_container.common_article .centerbox main .article_body #exemptionbox p { margin-bottom: 10px; font-size: 10px; }
#single_container.interview .centerbox main .article_body #exemptionbox { padding: 20px; margin-bottom: 30px; border: 1px solid #333; background: #efefef; }
#single_container.interview .centerbox main .article_body #exemptionbox h2 { padding: 0; margin-bottom: 12px; text-align: center; font-size: 1rem; font-weight: bold; color: #333; background: none; }
#single_container.interview .centerbox main .article_body #exemptionbox p { margin-bottom: 10px; font-size: 10px; }
#single_container.coin_name main .coin_description h4 { font-weight: bold; }
#single_container.coin_name main .coin_description img { max-width: 100%; height: auto; }
#single_container.coin_name main #authorbox { margin: 1rem auto 30px; background: url(../new-img/common-img/bg-gray.jpg) no-repeat; background-size: cover; background-position: center center; }
#single_container.coin_name main #authorbox .wrap { padding: 1rem; }
#single_container.coin_name main #authorbox .wrap .authorbox_logo { display: none; }
@media screen and (min-width: 641px) { #single_container.coin_name main #authorbox .wrap .flexbox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } }
#single_container.coin_name main #authorbox .wrap .flexbox p, #single_container.coin_name main #authorbox .wrap .flexbox span { color: #efefef; }
#single_container.coin_name main #authorbox .wrap .flexbox p { margin-right: 10px; }
@media screen and (max-width: 640px) { #single_container.coin_name main #authorbox .wrap .flexbox p { margin-top: 5px; }
  #single_container.coin_name main #authorbox .wrap .flexbox p:nth-child(1) { margin-top: 0; } }
#single_container.coin_name main #authorbox .wrap .flexbox p span.authorbox_tag { display: inline-block; padding: 0 5px; margin-right: 5px; background: #efefef; color: #333; border-radius: 3px; }
@media screen and (max-width: 640px) { #single_container.coin_name main #authorbox .wrap .flexbox p span.authorbox_tag { min-width: 60px; text-align: center; } }