html {
-webkit-text-size-adjust: none !important;
height: 100%;
}
body {height: 100%;background: rgb(243, 243, 243);font: 100 1rem/12px "Kozuka Gothic Pro", "Hiragino Kaku Gothic Pro", Meiryo, Helvetica, Arial, Verdana, sans-serif;}
a { text-decoration: none; color: #bf4e00; cursor: pointer; }
a:hover { color: #f50; }
input{
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ui_youtube_1 { }
.ui_youtube_1_w { position: relative; width: 100%; padding-top: 56.25%; }
.ui_youtube_1_w iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/** #global_header */
#global_header {background: linear-gradient(rgb(255, 195, 41), rgb(255, 212, 0));box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);}
#global_header_w { max-width:1024px; margin:0 auto;}
#global_header_1 { }
#global_header_1_w {padding: 0 10px;position: relative;height: 100px;overflow: hidden;}
#global_header_1_1 {position: absolute;left: 10px;z-index: 3;top: 0;bottom: 0;right: 0;margin: auto 0;width: 200px;height: 32px;}
#global_header_1_1_w {}
#global_header_1_1_w h1 {margin: 0 0 5px;}
#global_header_1_1_w h1 a { text-decoration: none;display: inline-block;font-size: 17px;letter-spacing: 3px;color: #fff;text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
#global_header_1_1_w span {color: #fff;font-weight: bold;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);font-size: 10px;letter-spacing: 4.5px;}
#global_header_1_2 {position: absolute;right: 10px;z-index: 2;}
#global_header_1_2_w {font-size: 10px;padding: 5px 0;color: rgb(218, 157, 0);}
#global_header_1_3 {
position: absolute;
top: -65px;
left: 15px;
bottom: 0;
z-index: 1;
width: 460px;
height: auto;
opacity: 1;
}
#global_header_1_3_w {}
#global_header_1_3_w img {width: 100%;}
#global_header_1_4 {
position: absolute;
top: 10px;
left: 193px;
right: 0;
bottom: 0;
z-index: 0;
margin: auto;
height: 50px;
overflow: hidden;
}
#global_header_1_4_w {
opacity: 0.5;
font-size: 10px;
color: rgb(238, 178, 19);
text-align: right;
letter-spacing: -4px;
line-height: 0.8;
padding: 0 10px;
}
/** #global_header_menu */
#global_header_menu {background: rgb(37, 37, 37); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); margin: 0 0 10px; }
#global_header_menu_w { margin: 0 auto;max-width: 1024px; }
#global_header_menu_1 { }
#global_header_menu_1_w {padding: 5px 10px;}
#global_header_menu_1_1 {border-bottom: 1px solid rgb(0, 0, 0);}
#global_header_menu_1_1_w {}
#global_header_menu_1_1_w ul {}
#global_header_menu_1_1_w ul li {float: left;}
#global_header_menu_1_1_w ul li a {display: block;text-decoration: none;font-size: 11px;padding: 5px 20px;color: rgb(103, 103, 103);cursor: pointer;}
#global_header_menu_1_1_w ul li a:hover { color: #f50; }
#global_header_menu_1_1_w ul li.selected { }
#global_header_menu_1_1_w ul li.selected a {color: rgb(199, 143, 0);}
#global_header_menu_1_1_w ul li.selected a:hover { }
#global_header_menu_1_2 {border-top: 1px solid rgb(74, 74, 74);}
#global_header_menu_1_2_w { }
#global_header_menu_1_2_w { }
#global_header_menu_1_2_w ul { }
#global_header_menu_1_2_w ul li {float: right;}
#global_header_menu_1_2_w ul li a {display: block;text-decoration: none;font-size: 10px;padding: 5px 0;color: #bf4e00;cursor: pointer;}
#global_header_menu_1_2_w ul li a:hover { color: #f50; }
#global_header_menu_1_2_w ul li.selected { }
#global_header_menu_1_2_w ul li.selected a {background: #ffb102;}
#global_header_menu_1_2_w ul li.selected a:hover { }
#global_footer{ font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; text-align: right; margin: 0 auto; max-width: 1024px; }
#global_footer_w{ padding: 10px; }
#global_footer_w a { text-decoration: none; color: #888; }
/*
#global_header_menu {
padding: 5px 10px;
background: #FFC329;
}
#global_header_menu ul {
}
#global_header_menu ul li{
float: left;
border-right: 1px solid #EAB429;
}
#global_header_menu ul li:first-child{
border-left: 1px solid #EAB429;
}
#global_header_menu ul li a{
font-size: 11px;
text-decoration: none;
padding: 5px 15px;
display: block;
color: #BF4E00;
}
*/
section{
margin: 0 0 30px 0;
line-height: 1.5;
font-size: 13px;
}
#main_contents_link {
}
#main_contents_link ul {
}
#main_contents_link ul li {
display: block;
border-bottom: 1px solid #EDECE7;
padding: 10px 0;
}
#main_contents_link ul li div{
display: table-cell;
vertical-align: middle;
word-wrap: break-word;
word-break: break-all;
}
#main_contents_link ul li div img{
display: block;
}
#main_contents_link ul li div:nth-child(1){
min-width: 500px;
height: 100px;
text-align: center;
}
#main_contents_link ul li div:nth-child(2){
padding: 10px;
font-size: 11px;
width: 100%;
line-height: 1;
}
#main_contents_link ul li div:nth-child(2) code {
word-wrap: break-word;
word-break: break-all;
white-space: pre-wrap;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 11px;
}
#main_contents_link ul li div:nth-child(2) h4 {
border-bottom: 1px solid #EDECE7;
margin: 0 0 5px 0;
padding: 5px 0;
}
/**
* ------------------------------------------------------------------------------------------------
* [main]
* ------------------------------------------------------------------------------------------------
*/
#main {max-width: 1024px;margin: 0 auto;}
#main_w { padding: 10px; }
#main_1 { }
#main_1_w {font-size: 12px;line-height: 1.75;}
#main_1_1 { }
#main_1_1_w {padding: 10px 0;}
#main_1_1_1 {}
#main_1_1_1_w {border-bottom: 1px solid rgb(222, 222, 222);padding: 5px 0;color: rgb(82, 82, 82);font-size: 15px;}
#main_1_1_2 {
border-top: 1px solid rgb(255, 255, 255);
}
#main_1_1_2_w { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 10px;text-align: right;color: #ccc;padding: 5px 0;}
#main_1_2 { }
#main_1_2_w { }
/** .box_1 */
.box_1 { box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: rgb(255, 255, 255);margin: 0 0 10px;}
.box_1_w {padding: 15px;color: #222;font-size: 12px;}
.box_1_1 {border-bottom: 1px solid #eee; margin: 0 0 10px; }
.box_1_1_w {padding: 0;line-height: 1;font-size: 12px;padding: 0 0 5px;}
.box_1_1_w h3 { font-weight: 300; }
.box_1_2 { }
.box_1_2_w {/* line-height: 2; */}
/** .box_2 */
.box_2 {box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: rgb(255, 255, 255);margin: 0 0 10px;}
.box_2_w {padding: 15px;color: #222;line-height: 2;font-size: 12px;}
.box_link_1 { }
.box_link_1_w { }
.box_link_1_ul { }
.box_link_1_li { list-style: none;margin: 0 0 15px;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.box_link_1_li:last-child { margin: 0;}
.box_link_1_1 { display: table;width: 100%;}
.box_link_1_1_w { display: table-row; }
.box_link_1_1_1 { display: table-cell;width: 50%;vertical-align: middle;border-right: 1px solid #eee;background: linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;}
.box_link_1_1_1_w {padding: 10px;text-align: center;line-height: 1;}
.box_link_1_1_1_w img { width: 100%; height: auto;}
.box_link_1_li:nth-child(1) img { max-width: 200px; }
.box_link_1_li:nth-child(2) img { max-width: 400px; }
.box_link_1_li:nth-child(3) img { max-width: 500px; }
.box_link_1_1_2 { display: table-cell;vertical-align: middle;height: 100px;}
.box_link_1_1_2_w { padding: 10px;}
.box_link_1_1_2_1 { border-bottom: 1px solid #eee;}
.box_link_1_1_2_1_w { }
.box_link_1_1_2_1_w i { }
.box_link_1_1_2_2 { }
.box_link_1_1_2_2_w { padding: 5px 0;}
.box_link_1_1_2_2_w pre { word-wrap: break-word; word-break: break-all; white-space: pre-wrap; overflow: auto;line-height: 1; max-height: 80px; }
.box_link_1_1_2_2_w pre code { color: rgb(167, 167, 167);letter-spacing: 0;font-family: "Kozuka Gothic Pro", "Hiragino Kaku Gothic Pro", Meiryo, Helvetica, Arial, Verdana, sans-serif;font-size: 10px;}
/** responsive */
@media screen and (max-width: 768px){
.box_link_1 { }
.box_link_1_w { }
.box_link_1_ul { }
.box_link_1_li { }
.box_link_1_li:last-child { }
.box_link_1_1 { }
.box_link_1_1_w {display: block;}
.box_link_1_1_1 {display: table;border-right: 0;border-bottom: 1px solid #eee;width: 100%;height: 100px;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;}
.box_link_1_1_1_w {display: table-cell;vertical-align: middle;}
.box_link_1_1_1_w img {}
.box_link_1_li:nth-child(1) img { }
.box_link_1_li:nth-child(2) img { }
.box_link_1_li:nth-child(3) img { }
.box_link_1_1_2 {display: block;height: auto;}
.box_link_1_1_2_w { }
.box_link_1_1_2_1 { }
.box_link_1_1_2_1_w { }
.box_link_1_1_2_1_w i { }
.box_link_1_1_2_2 { }
.box_link_1_1_2_2_w { }
.box_link_1_1_2_2_w pre { }
.box_link_1_1_2_2_w pre code { }
}
.box_list_1 {box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: rgb(255, 255, 255);}
.box_list_1_w {padding: 10px;}
.box_list_1_ul { list-style: none; }
.box_list_1_li {border-bottom: 1px dotted rgb(193, 193, 193);margin: 0 0 5px;padding: 0 0 5px;}
.box_list_1_li:last-child { border-bottom: 0; }
.box_list_1_1 { display: table; width: 100%; }
.box_list_1_1_w { display: table-row; }
.box_list_1_1_1 { display: table-cell; vertical-align: top; }
.box_list_1_1_1_w {padding: 0 5px 0 0;line-height: 1.5;}
.box_list_1_1_2 {display: table-cell;vertical-align: top;width: 100%;}
.box_list_1_1_2_w {line-height: 1.5;}
.box_table_1 { }
.box_table_1_w { }
.box_table_1_w table { width: 100%; }
.box_table_1_w table tbody { }
.box_table_1_w table tbody tr { }
.box_table_1_w table tbody tr td { }
.box_table_2 { }
.box_table_2_w { }
.box_table_2_w table { width: 100%; }
.box_table_2_w table tbody { }
.box_table_2_w table tbody tr { }
.box_table_2_w table tbody tr:nth-child(2n) {background: rgb(243, 243, 243);}
.box_table_2_w table tbody tr td { border: 1px solid #eaeaea; font-size: 11px; padding:0 10px;}
.box_table_2_w table tbody tr td:nth-child(1) { width: 1px; white-space: nowrap; background: #252525; color: #f3f3f3; border: 1px solid #4a4a4a; }
.box_table_2_w table tbody tr td:nth-child(2) { }
.box_table_2_w table tbody tr:nth-child(2n) td:nth-child(1) { background: #000 }
/**
* ------------------------------------------------------------------------------------------------
* [common]
* ------------------------------------------------------------------------------------------------
*/
.c_main_title {
padding: 5px 0;
border-bottom: 1px solid #EDECE7;
margin: 0 0 5px 0;
color: #794704;
}
.c_list_1 {
}
.c_list_1 ul {
list-style: none;
}
.c_list_1 ul li {
display: table;
}
.c_list_1 ul li span {
display: table-cell;
}
.c_list_1 ul li span:nth-child(1) { min-width: 1.5em; }
.c_list_1 ul li span:nth-child(2) { width: 100%; }
.ui_qa_1 { }
.ui_qa_1_w { }
.ui_qa_1_w table { width: 100%; }
.ui_qa_1_w table tbody { }
.ui_qa_1_w table tbody tr { }
.ui_qa_1_w table tbody tr td { line-height: 1.25; }
.ui_qa_1_w table tbody tr td:nth-child(1) {white-space: nowrap;width: 40px;text-align: center;}
.ui_qa_1_w table tbody tr td:nth-child(2) { width: 1px; white-space: nowrap; }
.ui_qa_1_w table tbody tr td:nth-child(3) { }
.ui_qa_1_w table tbody tr.q td:nth-child(1) {padding: 10px 10px;background: #ffc426;font-size: 12px;font-weight: bold;color: rgb(147, 75, 0);}
.ui_qa_1_w table tbody tr.q td:nth-child(2) { background: #eee; }
.ui_qa_1_w table tbody tr.q td:nth-child(3) {font-weight: bold;font-size: 13px;padding: 10px 10px;background: rgb(255, 242, 209);line-height: 2;color: rgb(148, 75, 0);}
.ui_qa_1_w table tbody tr.a td:nth-child(1) {padding: 15px 10px 0;background: rgb(107, 204, 0);font-size: 12px;font-weight: bold;color: rgb(38, 119, 0);vertical-align: top;}
.ui_qa_1_w table tbody tr.a td:nth-child(2) { background: #fafafa; }
.ui_qa_1_w table tbody tr.a td:nth-child(3) {padding: 10px 10px;background: #fafafa;line-height: 2;letter-spacing: 0.5px;color: rgb(50, 84, 15);}
.ui_gallery_box_1 { }
.ui_gallery_box_1_w { }
.ui_gallery_box_1_1 { }
.ui_gallery_box_1_1_w { display: table; width: 100%; }
.ui_gallery_box_1_1_1 { display: table-cell; vertical-align: middle; width: 200px; }
.ui_gallery_box_1_1_1_w { }
.ui_gallery_box_1_1_1_w a { outline: none; text-decoration: none;padding: 15px;display: block;background: linear-gradient(180deg,rgb(81, 81, 81),rgb(14, 14, 14));box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);-ms-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.8), 0px 1.2px 0.1px 0px rgba(0, 0, 0, 0.8);border-top: 4px solid rgb(132, 77, 16);border-left: 4px solid rgb(174, 107, 30);border-bottom: 4px solid rgb(132, 78, 16);border-right: 4px solid rgb(174, 107, 30);}
.ui_gallery_box_1_1_1_w a img { display: block; width: 100%; height: auto; }
.ui_gallery_box_1_1_2 { display: table-cell; vertical-align: middle; }
.ui_gallery_box_1_1_2_w { padding: 15px;line-height: 1.5;}
.ui_gallery_box_1_1_2_1 { border-bottom: 1px dashed rgb(210, 210, 210); }
.ui_gallery_box_1_1_2_1_w {padding: 5px 0;font-size: 11px;letter-spacing: 1px;}
.ui_gallery_box_1_1_2_2 { }
.ui_gallery_box_1_1_2_2_w {text-align: right;padding: 5px 0;font-size: 10px;letter-spacing: 1px;}
/** responsive */
@media screen and (max-width: 768px){
.ui_gallery_box_1 { }
.ui_gallery_box_1_w { }
.ui_gallery_box_1_1 { }
.ui_gallery_box_1_1_w { display: block;width: auto;}
.ui_gallery_box_1_1_1 { display: block;vertical-align: baseline;width: auto;}
.ui_gallery_box_1_1_1_w { }
.ui_gallery_box_1_1_1_w a { }
.ui_gallery_box_1_1_1_w a img { margin: 0 auto;max-width: 200px;}
.ui_gallery_box_1_1_2 { display: block;vertical-align: baseline;}
.ui_gallery_box_1_1_2_w { padding: 15px 0;}
}
.ui_mark_new {display: inline-block;padding: 2px 10px;margin: 0 5px 0px 0;background: red;color: #fff;font-size: 10px;}
.strong {display: inline-block;font-size: 1.05em;font-weight: bold;padding: 0 5px;color: rgb(51, 138, 0);}