@charset "Shift_JIS";
HTML { width: 100%; margin: 0px; padding: 0px; overflow-y: scroll; -webkit-font-smoothing: subpixel-antialiased; }
BODY { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", Osaka, verdana, arial, clean, sans-serif; font-size: 12px; line-height: 1.3; color: #333; width: 100%; margin: 0px; background-color: #FFFFFF; word-break: break-all; }
TD { font-size: 12px; color: #333333; }
hr { height: 8px; border-top-width: 8px; border-top-style: solid; border-top-color: #E1E1E1; }
form { background-color: #000000; }
select { background-color: #D10025; font-size: 12px; margin-top: 3px; width: 190px; color: #FFFFFF; }
input { background-color: #000000; }
option { background-color: #000000; }
a:link { color: #D10025; text-decoration: none; }
a:visited { color: #D10025; text-decoration: none; }
a:active { color: #D10025; text-decoration: none; }
a:hover { color: #D10025; text-decoration: underline; }
#banner { margin: 0 0 6 0; }
#header_out { background-color: rgba(255, 255, 255, 0.9); height: 59px; z-index: 1000; position: fixed; width: 100%; top: 0px; }
#header { width: 782px; margin-right: auto; margin-left: auto; }
.frame_guide { margin-right: auto; margin-left: auto; width: 816px; height: 100%; }
#main { margin-left: auto; margin-right: auto; text-align: left; width: 1000px; }
#title { width: 782px; margin-right: auto; margin-left: auto; }
#title2 { width: 782px; margin-right: auto; margin-left: auto; }
#contents { width: 782px; margin-right: auto; margin-left: auto; margin-top: 59px; }
#contents_menu { width: 188px; float: left; }
#contents_main { width: 594px; float: left; -webkit-box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.20); box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.20); border-radius: 0px 12px 0px 0px; border: 1px solid #dddddd; box-sizing: border-box; position: relative; margin-bottom: 100px; }
p { margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; }
.clear { clear: both; }
#cap {
background-color: #333333;
color: #FFFFFF;
padding: 1px 1px 1px 3px;
font-size: 9px;
line-height: 9px;
}
/* TEXT -------------------------------------------------------------------- */
.text { font-size: 12px; line-height: 16px; font-weight: normal; color: #FFFFFF; padding-top: 10px; padding-bottom: 6px; }
.text_s { font-size: 11px; font-weight: normal; line-height: 12px; color: #333333; }
.text_s_e { font-size: 11px; font-weight: bold; color: #FFFFFF; }
.caption { font-size: 12px; line-height: 18px; font-weight: normal; color: #FFFFFF; }
.caption2 { font-size: 12px; line-height: 16px; font-weight: normal; color: #000000; }
.text2 { font-size: 12px; line-height: 18px; font-weight: normal; color: #000000; padding-top: 6px; padding-bottom: 6px; }
.text2_s { font-size: 11px; line-height: 12px; font-weight: normal; color: #000000; }
.text3 { font-size: 16px; line-height: 18px; font-weight: bold; color: #000000; padding-top: 6px; padding-bottom: 6px; }
.text4 { font-size: 16px; line-height: 18px; font-weight: bold; color: #FFFFFF; padding-top: 6px; padding-bottom: 6px; }
.text5 { font-size: 12px; line-height: 12px; color: #000000; }
.text6 { font-size: 12px; line-height: 14px; font-weight: normal; color: #000000; padding-top: 2px; padding-bottom: 2px; }
.text7 { font-size: 13px; line-height: 180%; font-weight: normal; color: #000000; padding-top: 6px; padding-bottom: 6px; }
.url { font-size: 9px; color: #D10025; }
.line { padding: 6px 0px 0px 6px; margin-bottom: 2px; border-left-width: 1px; border-left-style: solid; border-left-color: #D10025; }
.e { font-size: 14px; color: #CA0000; font-weight: bolder; }
.text_arasuji_title { font-size: 12px; font-weight: bold; color: #D10025; line-height: 20px; }
.text_arasuji { font-size: 12px; line-height: 20px; color: #D10025; padding: 12px; }
.text_arasuji p { margin: 0px; padding-bottom: 6px; }
.text_arasuji_e { font-size: 11px; line-height: 14px; font-weight: normal; color: #D10025; background-color: #F5F5F5; padding: 10px; }
.text_arasuji_e p { margin: 0px; padding-bottom: 6px; }
.text_arasuji_title_e { font-size: 12px; font-weight: bold; color: #D10025; line-height: 20px; }
.title_story { padding: 4px; background-color: #D10025; }
/* WORKS --------------------------------------------------------------------- */
.works_frame { border: 1px solid #dddddd; font-size: 12px; padding: 12px 8px 8px; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.10); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.10); border-radius: 0px 6px 0px 6px; margin: 3px 0px 0px; border: 1px solid #CECECE; box-sizing: border-box; }
.works_frame2 { border: 1px solid #dddddd; font-size: 12px; padding: 10px 8px 8px; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.10); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.10); border-radius: 0px 6px 0px 6px; margin: 3px 0px 0px; border: 1px solid #CECECE; box-sizing: border-box; }
.works_caption { font-size: 11px; text-align: left; line-height: 100%; padding-top: 4px; }
.works_set { padding: 0px 12px 0px 6px; }
.works_set2 { padding: 0px 12px 0px 12px; }
.works_header_footer { }
.works_caption2 { font-size: 12px; line-height: 16px; font-weight: normal; color: #000000; padding-top: 2px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
/* -------------------------------------------------------------------------- */
/* A PICKUP WORK THIS MONTH ------------------------------------------------- */
.pickupworks { font-size: 11px; line-height: 140%; color: #333333; padding: 6px 2px 12px 0px; margin: 0px; }
.pickupworks2 { font-size: 11px; line-height: 140%; color: #333333; padding: 6px 2px 0px 0px; margin: 0px; }
.pickupworks3 { font-size: 11px; line-height: 120%; color: #333333; padding: 6px 6px 0px; margin: 0px 2px 2px; font-weight: normal; border-left: 1px solid #999999; }
.pickupworks3_2 { font-family: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka|“™•", Osaka-mono, monospace; font-size: 11px; line-height: 120%; color: #333333; padding: 6px 6px 0px; margin: 0px 2px 2px; font-weight: normal; border-left: 1px solid #999999; }
/* -------------------------------------------------------------------------- */
.comingsoon { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; }
#bt_back { position: relative; width: 594px; float: left; }
.copyright { font-size: 11px; font-weight: normal; line-height: 12px; color: #333333; padding-bottom: 10px; }
#works img { border-width: 0px; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.20); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.20); }
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/* BT ------------------------------------------------- */
#works_bt {}
.works_bt {}
.works_bt img { border-radius: 6px; transform-origin: center center;transform: translateY(0px) perspective(300px) translate3d(0, 0, 0) rotatex(360deg); transition-duration: 0.3s; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.40); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.40); }
.works_bt img:hover {
border-radius: 6px 6px 12px 12px;
transform-origin: center center;
transform: translateY(0px) perspective(300px) translate3d(0, -5px, 40px) rotatex(380deg);
transition-duration: 0.3s;
-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);
position: relative; left: 0px; top: -4px; z-index: 10;
}
#works_bt2 {}
.works_bt2 {}
.works_bt2 img { border-radius: 6px; transform-origin: center center;transform: translateY(0px) perspective(300px) translate3d(0, 0, 0) rotatex(360deg); transition-duration: 0.3s; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.40); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.40); }
.works_bt2 img:hover {
border-radius: 12px 12px 6px 6px;
transform-origin: center center;
transform: translateY(0px) perspective(300px) translate3d(0, 10px, 30px) rotatex(350deg);
transition-duration: 0.3s;
-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);
position: relative; left: 0px; top: -4px; z-index: 10;
}