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


body {
min-width: 960px !important;
margin: 0 !important;
}


/* dummy style*/
.dp_switch {
width: 80px;
text-align: right;
}
#sidebar {
width: 240px;
float: left;
background: #ccc;
min-height: 600px;
}
/*override on DMM rules*/
a:link, a:visited {
color: #37aee3;
}
#dmm_header_wrap {
padding: 0 12px;
}
#footer {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#footer p.anchor {
margin: 12px 0 !important;
padding: 0 12px;
}

/*#header .hd-gnav .hd-mainnav li{padding:0;
margin:0 -1px 0 0;}*/

/*override on Fancybox rules*/
#fancybox-outer, #fancybox-content {
}
#fancybox-close {
position: absolute;
top: -18px;
right: -20px;
width: 40px;
height: 40px;
background: transparent url(/images/front/pc/modal/btn_close.png);
cursor: pointer;
z-index: 1103;
display: none;
}

/*common properties*/
.hidden {
display: none;
}
.al_l {
text-align: left;
}
.al_r {
text-align: right;
}
.al_c {
text-align: center;
}
.val_t {
vertical-align: top;
}
.val_m {
vertical-align: middle;
}
.val_b {
vertical-align: bottom;
}
.fl_l {
float: left;
}
.fl_r {
float: right;
}
.clear {
clear: both;
height: 1px;
line-height: 0;
width: 100%;
visibility: hidden;
}
.clear_both {
clear: both;
}
.txt_bold {
font-weight: bold;
}
.disp_b {
display: block;
}
.al_c .m_auto {
margin: 0 auto;
}
.msg_err_txt {
color: #E03A08;
font-weight: bold;
}
.area_error {
padding: 14px;
background-color: #FDF5F5;
color: #C00;
text-align: center;
}
.text_limit {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.login_elm {
display: none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.page_contents textarea {
resize: vertical;
}
/* Hides from IE Mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End Hack */



/*layout outline*/
.page_unique {
width: 960px;
margin: 0 auto;
line-height: 2em;
}
.page_contents {
width: 960px;
margin: 0 auto;
text-align: left;
}
#spec .page_contents {width: 1800px;}
.page_contents .m_auto {
margin: 0 auto;
}
.page_contents * {
margin: 0;
padding: 0;
}
.over_contents * {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.page_contents ul, .page_contents li {
list-style: none;
}
.over_contents {
width: 100%;
min-width: 960px;
margin: 0 auto;
display: block;
position: relative;
clear: both;
background-repeat: no-repeat;
background-position: center;
}
.over_contents_inner {
width: 960px;
margin: 0 auto;
position: relative;
}
.hidden_txt {
z-index: -1;
position: absolute;
text-align: center;
left: 20%;
width: 60%;
margin: 0;
padding: 0;
font-size: 12px;
}

/*common inner navi*/
.mov_nav .inner_navi { text-align: center; background: rgba(255,255,255,0.70); min-width: 960px; }
.mov_nav.active .mov_nav_inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: block;
z-index: 200;
}
.mov_nav.active .inner_navi { background: rgba(0,0,0,0.70); }
.mov_nav.active .inner_navi .basket_area a { background: #1b1b1b; color: #fff; border-left: 1px solid #323232; }
.mov_nav.active .inner_navi .basket_area .btn_cart { background: #1b1b1b; }
.mov_nav.active .inner_navi .basket_area .btn_cart a { background: #C32B12; color: #fff; }
.mov_nav.active .inner_navi .basket_area .btn_reserve { background: #1b1b1b; }
.mov_nav.active .inner_navi .basket_area .btn_reserve a { background: #ffa800; color: #fff; }
.mov_nav.active .inner_navi .left_nav .btn_topics a { background: #1b1b1b; color: #fff; }
.mov_nav .inner_navi .page_contents { padding: 10px 0; width: 916px; }
.mov_nav .inner_navi ul { margin: 0; padding: 0; }
.mov_nav .inner_navi ul li { list-style-type: none; }
.mov_nav.active .inner_navi .local_nav li a { background: none; color: #fff; }
.inner_navi ul li a .badge {background: red;color: #fff;font-size: 8px;padding: 1px 3px;position: absolute;top: 0;right: 0;height: 10px;line-height: 10px;}

/* header left nav */
.mov_nav .inner_navi .left_nav { float: left; }
.mov_nav .inner_navi .left_nav li { float: left; }
.mov_nav .inner_navi .left_nav .btn_lineup { }
.mov_nav .inner_navi .left_nav .btn_lineup>a { background: #0098ce url(/images/front/pc/header/arrow_lineup.png) right 50% no-repeat; padding: 0 30px 0 10px; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; }
.mov_nav .inner_navi .left_nav .btn_lineup>a:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all  0.3s;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
.mov_nav .inner_navi .left_nav .btn_lineup ul#mov_nav_lineup {display: none;position: absolute;top: 140px;left: 0;border-top: 2px solid #0098ce;background: #fff;padding: 5px 0 10px;width: 100%;min-width: 1100px;text-align: center;box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);z-index:99;}
.mov_nav.active .inner_navi .left_nav .btn_lineup ul#mov_nav_lineup { top: 50px; }
.mov_nav .inner_navi .left_nav .btn_lineup ul li {/* display: inline-block; *//* float: none; */}
.mov_nav .inner_navi .left_nav .btn_lineup ul a {/* height: auto; */}
.mov_nav .inner_navi .left_nav .btn_topics a { font-weight: bold; color: #000; background: #fff; }
.mov_nav .inner_navi .left_nav .btn_lineup ul a {/* display: block; *//* position: relative; *//* width: 150px; */}
.mov_nav .inner_navi .left_nav .btn_lineup ul a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.mov_nav .inner_navi .left_nav .btn_lineup ul a .img { width: 70px; }
.mov_nav .inner_navi .left_nav .btn_lineup ul a .img { float: left; }
.mov_nav .inner_navi .left_nav .btn_lineup ul .nav_lineup_premaid a .img { width: 90px; }
.mov_nav .inner_navi .left_nav .btn_lineup .nav_lineup_premaid a .icn {top: 40px; left: 105px;}
.mov_nav .inner_navi .left_nav .btn_lineup .nav_lineup_premaid a .name {top: 60px; left: 105px;}

.mov_nav .inner_navi .left_nav .btn_option>a { background: #86B934 url(/images/front/pc/header/arrow_lineup.png) right 50% no-repeat; padding: 0 30px 0 10px; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; }
.mov_nav .inner_navi .left_nav .btn_option>a:hover { text-decoration: none; }
.mov_nav .inner_navi .left_nav .btn_option #mov_nav_option { display: none; position: absolute; top: 140px; left: 0; border-top: 2px solid #86B934; background: #fff; padding: 10px 0; width: 100%; min-width: 960px; text-align: center; box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3); z-index: 100; }
.mov_nav.active .inner_navi .left_nav .btn_option #mov_nav_option { top: 50px; }
.mov_nav .inner_navi .left_nav .btn_option ul li { display: inline-block; float: none; width:128px; margin:0 8px;}
.mov_nav .inner_navi .left_nav .btn_option ul a { height: auto; }
.mov_nav .inner_navi .left_nav .btn_topics a { font-weight: bold; color: #000; background: #fff; }
.mov_nav .inner_navi .left_nav .btn_option ul a { display: block; position: relative; width:100%; }
.mov_nav .inner_navi .left_nav .btn_option ul a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.mov_nav .inner_navi .left_nav .btn_option ul a .img { width: 70px; }
.mov_nav .inner_navi .left_nav .btn_option ul a .img { float: left; }
.mov_nav .inner_navi .left_nav .btn_option ul a .img img { width: 100%; }
.mov_nav .inner_navi .left_nav .btn_option ul a .icn { position: absolute; top: 40px; left: 90px; }
.mov_nav .inner_navi .left_nav .btn_option ul a .name { position: absolute; top: 63px; left: 90px; }
.mov_nav .inner_navi .left_nav .btn_option .option_link{color:#37AEE3; text-decoration:none;}



@media screen and (min-width: 1140px) {
.mov_nav .inner_navi .left_nav .btn_lineup ul .nav_lineup_premaid a .img { width: 119px; }
.mov_nav .inner_navi .left_nav .btn_lineup .nav_lineup_premaid a .icn { left: 132px; }
.mov_nav .inner_navi .left_nav .btn_lineup .nav_lineup_premaid a .name { left: 132px; }
}

/* header local nav */
.mov_nav .inner_navi .local_nav { float: left; display: none; }
.mov_nav .inner_navi .local_nav li { float: left; }
.mov_nav .inner_navi .local_nav li { float: left; }

@media screen and (max-width: 1200px) {
.mov_nav .inner_navi .local_nav { margin-left: 10px; }
.mov_nav .inner_navi .local_nav li a { font-size: 10px; padding: 0 4px; }
}

/* header b2b_nav nav */
.mov_nav .inner_navi .b2b_nav { float: right; margin-right: 10px; }
.mov_nav .inner_navi .b2b_nav li { float: right; }
.mov_nav .inner_navi .b2b_nav li a { background: transparent; }
.mov_nav.active .inner_navi .b2b_nav li a { color: #fff; }
.mov_nav .inner_navi .product_area { width: 515px; float: left; height: 32px; line-height: 32px; text-indent: 10px; }
.mov_nav .inner_navi .basket_area { float: right; text-align: right; }
.mov_nav .inner_navi .basket_area a { font-weight: bold; border-left: 1px solid #e2e2e2; }
.mov_nav .inner_navi .basket_area .btn_wrap { width: 115px; height: 32px; display: block; position: relative; margin-left: 5px; float: right; }
.mov_nav .inner_navi .basket_area .btn_wrap.login_elm { display: none; }
.mov_nav .inner_navi .basket_area li { float: left; position: relative; }
.mov_nav .inner_navi .basket_area a { display: block; }
.mov_nav .inner_navi .btn_not_buy a { background-image: url(/images/front/pc/robot_navi_btn_001.png); }
.mov_nav .inner_navi .btn_robot_list a { background-image: url(/images/front/pc/robot_navi_btn_002.png); }
.mov_nav .inner_navi .btn_preserve a { background-image: url(/images/front/pc/robot_navi_btn_003.png); }
.mov_nav .inner_navi .basket_area a:hover { background-position: -120px 0; }
.mov_nav .inner_navi .basket_area .basket_num { background: red; color: #fff; font-size: 8px; padding: 1px 3px; position: absolute; top: 0; right: 0; height: 10px; line-height: 10px; }
.mov_nav .inner_navi .basket_area .basket_num.hidden { display: none; }
.mov_nav .inner_navi .basket_area li.btn_cart { padding: 10px 10px 10px 0; }
.mov_nav .inner_navi .basket_area li.btn_cart a { border-left: none; background: #c32b12; color: #fff; height: 30px; line-height: 30px; text-decoration: none; padding-left: 20px; padding-right: 20px; letter-spacing: 2px; }
.mov_nav .inner_navi .basket_area li.btn_reserve { padding: 10px 10px 10px 0; }
.mov_nav .inner_navi .basket_area li.btn_reserve a { border-left: none; background: #ffa800; color: #fff; height: 30px; line-height: 30px; text-decoration: none; padding-left: 20px; padding-right: 20px; letter-spacing: 2px; }
.mov_nav .inner_navi .product_area a { border-right: 1px solid #a0a0a0; color: #333; padding-right: 10px; margin-right: 10px; }
.mov_nav .inner_navi .product_area a:hover { color: #37aee3; }
.mov_nav .inner_navi .product_area a.last_child { border: none; }

/*購入するボタン(暫定)*/
.mov_nav .inner_navi .page_contents .btn_buy a { text-indent: 0px; text-align: center; line-height: 30px; width: auto; height: auto; border: 1px solid #993300; text-decoration: none; color: #993300; }
.mov_nav .inner_navi .page_contents .btn_buy a:hover { background: #993300; color: #fff; border-color: #993300; }
/**/



/*navi_2*/
#header + .mov_nav_2 {
margin-top: -10px;
}
.mov_nav_2 {
display: block;
clear: both;
min-width: 960px;
min-height: 1px;
z-index: 100;
position: relative;
}
.mov_nav_2 .mov_nav_inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.mov_nav_2 .inner_navi {margin-left: auto;margin-right: auto;/* width: 960px; */}
.mov_nav_2.active .mov_nav_inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: block;
z-index: 200;
background: rgba(0, 0, 0, 0.8);
}

.social_btn_area:after,
.social_btn_area .social_btn_area_inner:after,
.social_btn_area .utility_link:after {
display: block;
content: '';
clear: both;
}

.social_btn_area_wrap {
background: #1b1b1b;
height: 42px;
z-index: 1;
position: relative;
}
.social_btn_area {
min-width: 916px;
padding-top: 12px;
}
.social_btn_area .social_btn_area_inner {
    float: left;
}
.social_btn_area .utility_link {
    float: right;
    margin: 0;
    padding: 0 15px 0 0;
    list-style-type: none;
}
.social_btn_area .utility_link li {
    float: left;
    padding-left: 20px;
}
.social_btn_area .utility_link li a {
    color: #fff;
    text-decoration: underline;
}
.social_btn_area .utility_link li a:hover,
.social_btn_area .utility_link li a:active,
.social_btn_area .utility_link li a:focus {
    text-decoration: none;
}

.social_btn_area_wrap.social_btn_area_wrap_min {border-top:1px solid #e1e3e6;
background:none;}
.social_btn_area_wrap .social_btn_area_btn_wrap_fb {
width: 150px;
}
.social_btn_area_wrap .social_btn_area_btn_wrap_fb .fb-like {
width: 80px;
}
.social_btn_area_wrap .social_btn_area_btn_wrap_tw {
width: 90px;
}
.mov_nav_2.active .social_btn_area_wrap {
margin: 0 12px;
}

.social_btn_area_btn_wrap {
width: 100px;
float: left;
margin-left: 10px;
}
.social_btn_area_logo_wrap {
padding: 12px 0;
width: 221px;
float: left;
}

/*common inner navi*/
.inner_navi {
text-align: center;
min-width: 960px;
}
.active .inner_navi .basket_area a {
background: #1b1b1b;
color: #fff;
border-left: 1px solid #323232;
}
.active .inner_navi .basket_area .btn_cart {
background: #1b1b1b;
}
.active .inner_navi .basket_area .btn_cart a {
background: #C32B12;
color: #fff;
}
.active .inner_navi .basket_area .btn_reserve {
background: #1b1b1b;
}
.active .inner_navi .basket_area .btn_reserve a {
background: #ffa800;
color: #fff;
}
.active .inner_navi .left_nav .btn a {
background: #1b1b1b;
color: #fff;
}
.inner_navi .page_contents {
padding: 10px 0;
width: 916px;
}
.inner_navi ul {
margin: 0;
padding: 0;
}
.inner_navi ul li {
list-style-type: none;
}
.inner_navi ul li a {display: block;padding: 0 11px;color: #000;background: #fff;height: 50px;line-height: 50px;text-decoration: underline;}

#mov_nav_lineup li a {
    line-height: 0;
}
.btn_lineup > a {position: relative;}
.active .inner_navi .local_nav li a {
background: none;
color: #fff;
}
inner_navi ul li a .badge {background: red;color: #fff;font-size: 8px;padding: 1px 3px;position: relative;top: 0;right: 0;height: 10px;line-height: 10px;/* display: inline-block; *//* margin-top: -50px; */}

/* header left nav */
inner_navi .left_nav {
float: left;
}
.inner_navi .left_nav li {float: left;/* width: 100%; */}
.btn_lineup {/* position: relative; */}
.inner_navi .left_nav .btn_lineup>a {
background: #0098ce url(/images/front/pc/header/arrow_lineup.png) right 50% no-repeat;
padding: 0 30px 0 10px;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
.inner_navi .left_nav .btn_lineup>a:hover {
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all  0.3s;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.inner_navi .left_nav .btn_lineup ul#mov_nav_lineup {display: none;position: absolute;top: 50px;left: 0;border-top: 2px solid #0098ce;background: #fff;padding: 5px 0 10px;width: 100%;/* min-width: 1260px; */text-align: center;box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);}
.inner_navi .left_nav .btn_lineup ul li {display: inline-block;float: none;vertical-align: bottom;height: 150px;position: relative;width: 120px;text-align: center;}
.inner_navi .left_nav .badge a {/* height: auto; */}
.inner_navi .left_nav .btn_topics a {
font-weight: bold;
color: #000;
background: #fff;
}
.inner_navi .left_nav .btn_lineup ul a {/* display: block; *//* position: relative; *//* width: 150px; */}
.inner_navi .left_nav .btn_lineup ul a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


.inner_navi .left_nav .btn_option>a {
background: #86B934 url(/images/front/pc/header/arrow_lineup.png) right 50% no-repeat;
padding: 0 30px 0 10px;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
.inner_navi .left_nav .btn_option>a:hover {
text-decoration: none;
}
.inner_navi .left_nav .btn_option #mov_nav_option {
display: none;
position: absolute;
top: 50px;
left: 0;
border-top: 2px solid #86B934;
background: #fff;
padding: 10px 0;
width: 100%;
min-width: 960px;
text-align: center;
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
}
.inner_navi .left_nav .btn_option ul li {
display: inline-block;
float: none;
width:128px;
margin:0 8px;}
.inner_navi .left_nav .btn_option ul a {
height: auto;
}
.inner_navi .left_nav .btn_topics a {
font-weight: bold;
color: #000;
background: #fff;
}
.inner_navi .left_nav .btn_option ul a {
display: block;
position: relative;
width:100%;
}
.inner_navi .left_nav .btn_option ul a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.inner_navi .left_nav .btn_option ul a .img {
width: 70px;
}
.inner_navi .left_nav .btn_option ul a .img {
float: left;
}
.inner_navi .left_nav .btn_option ul a .img img {
width: 100%;
}
.inner_navi .left_nav .btn_option ul a .icn {
position: absolute;
top: 40px;
left: 90px;
}
.inner_navi .left_nav .btn_option ul a .name {
position: absolute;
top: 63px;
left: 90px;
}
.inner_navi .left_nav .btn_option .option_link{color:#37AEE3;
text-decoration:none;}

.inner_navi .left_nav .btn_lineup ul a {
    /* width: 140px; */
    /* line-height: 0; */
    height: auto;
}
.inner_navi .left_nav .btn_lineup ul a .img, .mov_nav .inner_navi .left_nav .btn_lineup ul a .img {
    display:
    block;
    position: absolute;
    top: 22px;
    float: left;
    width: 96px;
}
.inner_navi .left_nav .btn_lineup ul .tapia a .img {
    /* top: 42px; */
}
.inner_navi .left_nav .btn_lineup ul .robohon a .img {
    /* top: 30px; */
}
/* .inner_navi .left_nav .btn_lineup ul a .icn,*/ .inner_navi .left_nav .btn_lineup ul a .name {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    line-height: 0;
}
.inner_navi .left_nav .btn_lineup ul a .icn {top: 0;}
/* .mov_nav_2 .inner_navi .left_nav .btn_lineup ul .nav_lineup_premaid a .img {}
.mov_nav_2 .inner_navi .left_nav .btn_lineup .nav_lineup_premaid a .icn {
    margin-bottom: 10px;
    display: inline-block;
}
*/
.inner_navi .left_nav .btn_lineup .nav_lineup_premaid a .name {
left: 132px;
}

/* header local nav */
.mov_nav_2 .inner_navi .local_nav {
float: left;
display: none;
}
.mov_nav_2 .inner_navi .local_nav li {
float: left;
}
.mov_nav_2 .inner_navi .local_nav li {
float: left;
}

@media screen and (max-width: 1200px) {
.mov_nav_2 .inner_navi .local_nav {
margin-left: 10px;
}
.mov_nav_2 .inner_navi .local_nav li a {
font-size: 10px;
padding: 0 4px;
}
}

/* header b2b_nav nav */
.mov_nav_2 .inner_navi .b2b_nav {
float: right;
margin-right: 10px;
}
.mov_nav_2 .inner_navi .b2b_nav li {
float: right;
}
.mov_nav_2 .inner_navi .b2b_nav li a {
background: transparent;
}
.mov_nav.active .inner_navi .b2b_nav li a {
color: #fff;
}
.mov_nav_2.active .inner_navi .b2b_nav li a {
color: #fff;
}
.mov_nav_2 .inner_navi .product_area {
width: 515px;
float: left;
height: 32px;
line-height: 32px;
text-indent: 10px;
}
.mov_nav_2 .inner_navi .basket_area {
float: right;
text-align: right;
}
.mov_nav_2 .inner_navi .basket_area a {
font-weight: bold;
border-left: 1px solid #e2e2e2;
}
.mov_nav_2 .inner_navi .basket_area .btn_wrap {
width: 115px;
height: 32px;
display: block;
position: relative;
margin-left: 5px;
float: right;
}
.mov_nav_2 .inner_navi .basket_area .btn_wrap.login_elm {
display: none;
}
.mov_nav_2 .inner_navi .basket_area li {
float: left;
position: relative;
}
.mov_nav_2 .inner_navi .basket_area a {
display: block;
}
.mov_nav_2 .inner_navi .btn_not_buy a {
background-image: url(/images/front/pc/robot_navi_btn_001.png);
}
.mov_nav_2 .inner_navi .btn_robot_list a {
background-image: url(/images/front/pc/robot_navi_btn_002.png);
}
.mov_nav_2 .inner_navi .btn_preserve a {
background-image: url(/images/front/pc/robot_navi_btn_003.png);
}
.mov_nav_2 .inner_navi .basket_area a:hover {
background-position: -120px 0;
}
.mov_nav_2 .inner_navi .basket_area .basket_num {
background: red;
color: #fff;
font-size: 8px;
padding: 1px 3px;
position: absolute;
top: 0;
right: 0;
height: 10px;
line-height: 10px;
}
.mov_nav_2 .inner_navi .basket_area .basket_num.hidden {
display: none;
}
.mov_nav_2 .inner_navi .basket_area li.btn_cart {
padding: 10px 10px 10px 0;
}
.mov_nav_2 .inner_navi .basket_area li.btn_cart a {
border-left: none;
background: #c32b12;
color: #fff;
height: 30px;
line-height: 30px;
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
letter-spacing: 2px;
}
.mov_nav_2 .inner_navi .basket_area li.btn_reserve {
padding: 10px 10px 10px 0;
}
.mov_nav_2 .inner_navi .basket_area li.btn_reserve a {
border-left: none;
background: #ffa800;
color: #fff;
height: 30px;
line-height: 30px;
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
letter-spacing: 2px;
}
.mov_nav_2 .inner_navi .product_area a {
border-right: 1px solid #a0a0a0;
color: #333;
padding-right: 10px;
margin-right: 10px;
}
.mov_nav_2 .inner_navi .product_area a:hover {
color: #37aee3;
}
.mov_nav_2 .inner_navi .product_area a.last_child {
border: none;
}

/*購入するボタン(暫定)*/
.mov_nav_2 .inner_navi .page_contents .btn_buy a {
text-indent: 0px;
text-align: center;
line-height: 30px;
width: auto;
height: auto;
border: 1px solid #993300;
text-decoration: none;
color: #993300;
}
.mov_nav_2 .inner_navi .page_contents .btn_buy a:hover {
background: #993300;
color: #fff;
border-color: #993300;
}
/**/

.btn_movie_play {
background-image: url(/images/front/pc/common_btn_movie_sprite.png);
width: 234px;
height: 47px;
display: block;
text-indent: -9999px;
}
.btn_movie_play:hover {
background-position: 234px 0;
}
.btn_show_more {
background-image: url(/images/front/pc/common_btn_more_sprite.png);
width: 210px;
height: 40px;
display: block;
text-indent: -9999px;
}
.btn_show_more:hover {
background-position: 210px 0;
}
.btn_show_more_black {
background-image: url(/images/front/pc/common_btn_more_sprite.png);
width: 210px;
height: 40px;
display: block;
text-indent: -9999px;
background-position: 0px -40px;
}
.btn_show_more_black:hover {
background-position: 210px -40px;
}
.common_table {
width: 100%;
margin: 0 auto;
background: #fff;
empty-cells: show;
border-collapse: separate;
*border-collapse:collapse;
/* for IE6,7 */
border-spacing: 0;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}
.common_table td, .common_table th {
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
vertical-align: middle;
padding: 5px;
}
.common_table .val_t {
vertical-align: top;
}
.common_table .val_m {
vertical-align: middle;
}
.common_table .val_b {
vertical-align: bottom;
}
.white_table {
width: 100%;
margin: 0 auto;
empty-cells: show;
border-collapse: separate;
*border-collapse:collapse;
/* for IE6,7 */
border-spacing: 0;
border: none;
}
.white_table td, .white_table th {
padding: 5px;
}
.common_hover {
-webkit-transition: opacity .3s;
transition: opacity .3s;
cursor: pointer;
}
.common_hover:hover {
-webkit-transition: opacity .3s;
transition: opacity .3s;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.common_btn_submit.disabled, .common_btn_submit.disabled:hover {
cursor: default;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.common_btn {
background: #37AFE4;
display: inline-block;
padding: 15px;
color: #fff;
text-align: center;
border: none;
cursor: pointer;
}
.common_btn:visited {
color: #fff;
}
.common_btn.hidden {
display: none;
}
.common_btn.btn_gray {
background: #cdcdcd;
color: #000;
}
.common_btn.btn_gray_right {
background: #cdcdcd;
}
.common_btn.btn_gray_right:hover {
background: #bcbcbc;
}
.common_btn.btn_deep_blue {
background: #262F47;
color: #fff;
}
.common_input_file {
border: none;
background: #37AFE4;
}
.page_ttl {
padding: 0 0 20px;
}
.ttl_complete {
color: #c00;
font-size: 21px;
text-align: center;
font-weight: normal;
}
/**/

.link_txt {
text-decoration: underline;
}
.link_file_add, .link_file_dlt, .link_txt {
color: #3958B3;
cursor: pointer;
}
.link_file_add:hover, .link_file_dlt:hover, .link_txt:hover {
color: #da0000;
}
.link_file_add.ico_on {
background-image: url(/images/front/pc/mypage/ico_plus.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 24px;
display: inline-block;
}
.ico_open {
background-image: url(/images/front/pc/mypage/ico_open.png);
background-repeat: no-repeat;
background-position: left center;
width: 24px;
height: 24px;
display: block;
}
.ico_close {
background-image: url(/images/front/pc/mypage/ico_close.png);
background-repeat: no-repeat;
background-position: left center;
width: 24px;
height: 24px;
display: block;
}
.ico_open.hidden, .ico_close.hidden {
display: none;
}

/*ページャー*/
.common_pager {
clear: both;
text-align: center;
text-align: right;
}
.pager_btn {
text-align: center;
display: block;
margin-right: 5px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.pager_btn a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
padding: 0 10px;
}
.pager_btn a:hover {
border-color: #FD3164;
}
.common_pager .pager_btn.current_page {
background: #37AEE3;
border: 1px solid #37AEE3;
color: #fff;
padding: 0 10px;
}
.common_pager .pager_disp_num, .common_pager .pager_sort_order {
width: 120px;
float: right;
margin-left: 5px;
}

/*SNS widget*/
.tw_widget_wrap, .fb_widget_wrap {
width: 474px;
}
.tw_widget_wrap {
border: 1px solid #aaa;
border-top: none;
height: 450px;
}
.tw_widget_info {
padding: 10px;
}
.tw_widget_info .thumb_wrap {
width: 50px;
float: left;
margin-right: 5px;
}
.tw_widget_info .link_wrap {
width: 300px;
float: left;
}
.tw_widget_wrap .widget_ttl {
width: 476px;
margin: 0 -1px;
}

/*color*/
.bg_gray {
background: #f2f2f2;
}
.txt_orange {
color: #F19149;
}
.txt_blue {
color: #37AEE3;
}
.txt_red {
color: #F64E4D;
}
.txt_gray {
color: #666;
}
.txt_white {
color: #fff;
}
.txt_black {
color: #333;
}
.bt_gray {
border-top: 1px solid #ccc;
}
.border_gray_right {
border: 1px solid #F0F0F0;
}
.border_t_gray_right {
border: 1px solid #F0F0F0;
}
.border_b_gray_right {
border: 1px solid #F0F0F0;
}
.border_r_gray_right {
border: 1px solid #F0F0F0;
}
.border_l_gray_right {
border: 1px solid #F0F0F0;
}

/*font*/
.font_050 {
font-size: 0.5em;
}
.font_060 {
font-size: 0.6em;
}
.font_070 {
font-size: 0.7em;
}
.font_080 {
font-size: 0.8em;
}
.font_090 {
font-size: 0.9em;
}
.font_100 {
font-size: 1.0em;
}
.font_110 {
font-size: 1.1em;
}
.font_120 {
font-size: 1.2em;
}
.font_130 {
font-size: 1.3em;
}
.font_140 {
font-size: 1.5em;
}
.font_150 {
font-size: 1.5em;
}
.font_200 {
font-size: 2.0em;
}
.font_300 {
font-size: 3.0em;
}

/*letter-spacing*/
.ls_1 {
letter-spacing: 1px;
}
.ls_2 {
letter-spacing: 2px;
}
.ls_3 {
letter-spacing: 3px;
}
.ls_4 {
letter-spacing: 4px;
}
.ls_5 {
letter-spacing: 5px;
}
.ls_6 {
letter-spacing: 6px;
}
.ls_7 {
letter-spacing: 7px;
}
.ls_8 {
letter-spacing: 8px;
}
.ls_9 {
letter-spacing: 9px;
}

/*for layout out area scroll*/
.w_10p {
width: 10%;
}
.w_20p {
width: 20%;
}
.w_30p {
width: 30%;
}
.w_40p {
width: 40%;
}
.w_50p {
width: 50%;
}
.w_60p {
width: 60%;
}
.w_70p {
width: 70%;
}
.w_80p {
width: 80%;
}
.w_90p {
width: 90%;
}
.w_max {
width: 100%;
display: block;
}
.w_100 {
width: 100px;
}
.w_150 {
width: 150px;
}
.w_200 {
width: 200px;
}
.w_250 {
width: 250px;
}
.w_300 {
width: 300px;
}
.w_400 {
width: 400px;
}
.w_470 {
width: 470px;
}
.w_500 {
width: 500px;
}
.w_560 {
width: 560px;
}
.w_600 {
width: 600px;
}
.w_700 {
width: 700px;
}
.w_800 {
width: 800px;
}
.w_900 {
width: 900px;
}
.w_960 {
width: 960px;
}
.w_1000 {
width: 1000px;
}
.h_10 {
height: 10px;
line-height: 10px;
}
.h_20 {
height: 20px;
line-height: 20px;
}
.h_30 {
height: 30px;
line-height: 30px;
}
.h_40 {
height: 40px;
line-height: 40px;
}
.h_50 {
height: 50px;
line-height: 50px;
}
.h_10, .h_20, .h_30, .h_40, .h_50 {
padding-top: 0px;
padding-bottom: 0px;
}
.mar_b_100 {
margin-bottom: 100px;
}
.mar_b_80 {
margin-bottom: 80px;
}
.mar_b_60 {
margin-bottom: 60px;
}
.pad_t_60 {
padding-top: 60px;}
.pad_b_60 {
padding-bottom: 60px;}
.pad_tb_60 {
padding: 60px 0 !important;}
.mar_t_60 {
margin-top: 60px;}
.mar_b_60 {
margin-bottom: 60px;}
.mar_tb_60 {
margin: 60px 0;}
.pad_40 {
padding: 40px;
}
.pad_t_40 {
padding-top: 40px;
}
.pad_b_40 {
padding-bottom: 40px;
}
.pad_l_40 {
padding-left: 40px;
}
.pad_r_40 {
padding-right: 40px;
}
.pad_tb_40 {
padding-top: 40px;
padding-bottom: 40px;
}
.pad_lr_40 {
padding-left: 40px;
padding-right: 40px;
}
.mar_40 {
margin: 40px;
}
.mar_t_40 {
margin-top: 40px;
}
.mar_b_40 {
margin-bottom: 40px;
}
.mar_l_40 {
margin-left: 40px;
}
.mar_r_40 {
margin-right: 40px;
}
.mar_tb_40 {
margin-top: 40px;
margin-bottom: 40px;
}
.mar_lr_40 {
margin-left: 40px;
margin-right: 40px;
}
.pad_24 {
padding: 24px;
}
.pad_t_24 {
padding-top: 24px;
}
.pad_b_24 {
padding-bottom: 24px;
}
.pad_l_24 {
padding-left: 24px;
}
.pad_r_24 {
padding-right: 24px;
}
.pad_tb_24 {
padding-top: 24px;
padding-bottom: 24px;
}
.pad_lr_24 {
padding-left: 24px;
padding-right: 24px;
}
.mar_24 {
margin: 24px;
}
.mar_t_24 {
margin-top: 24px;
}
.mar_b_24 {
margin-bottom: 24px;
}
.mar_l_24 {
margin-left: 24px;
}
.mar_r_24 {
margin-right: 24px;
}
.mar_tb_24 {
margin-top: 24px;
margin-bottom: 24px;
}
.mar_lr_24 {
margin-left: 24px;
margin-right: 24px;
}
.pad_20 {
padding: 20px;
}
.pad_t_20 {
padding-top: 20px;
}
.pad_b_20 {
padding-bottom: 20px;
}
.pad_l_20 {
padding-left: 20px;
}
.pad_r_20 {
padding-right: 20px;
}
.pad_tb_20 {
padding-top: 20px;
padding-bottom: 20px;
}
.pad_lr_20 {
padding-left: 20px;
padding-right: 20px;
}
.mar_20 {
margin: 20px;
}
.mar_t_20 {
margin-top: 20px;
}
.mar_b_20 {
margin-bottom: 20px;
}
.mar_l_20 {
margin-left: 20px;
}
.mar_r_20 {
margin-right: 20px;
}
.mar_tb_20 {
margin-top: 20px;
margin-bottom: 20px;
}
.mar_lr_20 {
margin-left: 20px;
margin-right: 20px;
}
.pad_16 {
padding: 16px;
}
.pad_t_16 {
padding-top: 16px;
}
.pad_b_16 {
padding-bottom: 16px;
}
.pad_l_16 {
padding-left: 16px;
}
.pad_r_16 {
padding-right: 16px;
}
.pad_tb_16 {
padding-top: 16px;
padding-bottom: 16px;
}
.pad_lr_16 {
padding-left: 16px;
padding-right: 16px;
}
.mar_16 {
margin: 16px;
}
.mar_t_16 {
margin-top: 16px;
}
.mar_b_16 {
margin-bottom: 16px;
}
.mar_l_16 {
margin-left: 16px;
}
.mar_r_16 {
margin-right: 16px;
}
.mar_tb_16 {
margin-top: 16px;
margin-bottom: 16px;
}
.mar_lr_16 {
margin-left: 16px;
margin-right: 16px;
}
.pad_15 {
padding: 15px;
}
.pad_t_15 {
padding-top: 15px;
}
.pad_b_15 {
padding-bottom: 15px;
}
.pad_l_15 {
padding-left: 15px;
}
.pad_r_15 {
padding-right: 15px;
}
.pad_tb_15 {
padding-top: 15px;
padding-bottom: 15px;
}
.pad_lr_15 {
padding-left: 15px;
padding-right: 15px;
}
.mar_15 {
margin: 15px;
}
.mar_t_15 {
margin-top: 15px;
}
.mar_b_15 {
margin-bottom: 15px;
}
.mar_l_15 {
margin-left: 15px;
}
.mar_r_15 {
margin-right: 15px;
}
.mar_tb_15 {
margin-top: 15px;
margin-bottom: 15px;
}
.mar_lr_15 {
margin-left: 15px;
margin-right: 15px;
}
.pad_12 {
padding: 12px;
}
.pad_t_12 {
padding-top: 12px;
}
.pad_b_12 {
padding-bottom: 12px;
}
.pad_l_12 {
padding-left: 12px;
}
.pad_r_12 {
padding-right: 12px;
}
.pad_tb_12 {
padding-top: 12px;
padding-bottom: 12px;
}
.pad_lr_12 {
padding-left: 12px;
padding-right: 12px;
}
.mar_12 {
margin: 12px;
}
.mar_t_12 {
margin-top: 12px;
}
.mar_b_12 {
margin-bottom: 12px;
}
.mar_l_12 {
margin-left: 12px;
}
.mar_r_12 {
margin-right: 12px;
}
.mar_tb_12 {
margin-top: 12px;
margin-bottom: 12px;
}
.mar_lr_12 {
margin-left: 12px;
margin-right: 12px;
}
.pad_8 {
padding: 8px;
}
.pad_t_8 {
padding-top: 8px;
}
.pad_b_8 {
padding-bottom: 8px;
}
.pad_l_8 {
padding-left: 8px;
}
.pad_r_8 {
padding-right: 8px;
}
.pad_tb_8 {
padding-top: 8px;
padding-bottom: 8px;
}
.pad_lr_8 {
padding-left: 8px;
padding-right: 8px;
}
.mar_8 {
margin: 8px;
}
.mar_t_8 {
margin-top: 8px;
}
.mar_b_8 {
margin-bottom: 8px !important;
}
.mar_l_8 {
margin-left: 8px;
}
.mar_r_8 {
margin-right: 8px;
}
.mar_tb_8 {
margin-top: 8px;
margin-bottom: 8px;
}
.mar_lr_8 {
margin-left: 8px;
margin-right: 8px;
}
.pad_5 {
padding: 5px;
}
.pad_t_5 {
padding-top: 5px;
}
.pad_b_5 {
padding-bottom: 5px;
}
.pad_l_5 {
padding-left: 5px;
}
.pad_r_5 {
padding-right: 5px;
}
.pad_tb_5 {
padding-top: 5px;
padding-bottom: 5px;
}
.pad_lr_5 {
padding-left: 5px;
padding-right: 5px;
}
.mar_5 {
margin: 5px;
}
.mar_t_5 {
margin-top: 5px;
}
.mar_b_5 {
margin-bottom: 5px;
}
.mar_l_5 {
margin-left: 5px;
}
.mar_r_5 {
margin-right: 5px;
}
.mar_tb_5 {
margin-top: 5px;
margin-bottom: 5px;
}
.mar_lr_5 {
margin-left: 5px;
margin-right: 5px;
}
.mar_0 {
margin-bottom: 0 !important;
}

/* .makeから移植部分
-----------------------------------------*/
#wrapInner {
    font-size: 12px;
    color: #1a1a1a;
    background: #fff;
    font-family: "Noto Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック" , sans-serif;
}
#wrapInner *,
#wrapInner *:before,
#wrapInner *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/* スプライト画像呼び出し */
.icon,
.iconAfter:after,
.iconBefore:before {
    background-image: url(/images/front/pc/iconSprite.png);
    background-repeat: no-repeat;
}
.iconAfter:after,
.iconBefore:before {
    content: "";
}
/* 横並び */
.hasInlineBlock { font-size: 0; }
.hasInlineBlock > *,
.hasInlineBlock.iconBefore:before,
.hasInlineBlock.iconAfter:after {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
/* テーブルセル */
.hasTable { display: table; }
.hasTable > * {
    display: table-cell;
    vertical-align: middle;
}
/* floatLeftに寄り添う */
.floatSide {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
/* クリッカブルなaタグに */
.clickable,
.clickable:link,
.clickable:visited {
    display: block;
    color: #1a1a1a;
}
.clickable:hover {
    color: #1a1a1a;
    text-decoration: none;
}
.clickable:hover .itemTitle,
.clickable:hover .titleBox,
.clickable:hover .sideRankingTitle {
    text-decoration: underline;
}
.clickable:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=90)";  /* ie 8 */
    -webkit-filter: opacity(0.9);
    -moz-filter: opacity(0.9);
    -o-filter: opacity(0.9);
    -ms-filter: opacity(0.9);
    filter: opacity(0.9);
}
/* 通常のaタグに */
.linkTxt,
.linkTxt:link,
.linkTxt:visited {
    color: #339cb7;
    text-decoration: none;
}
.linkTxt:hover {
    color: #339cb7;
    text-decoration: underline;
}
/* webfont呼び出し */
.en {
    font-family: 'Roboto';
}
.noto {
    font-family: 'Noto Sans Japanese';
}
.dosis {
    font-family: "Dosis";
    font-weight: 400;
}
/* ボールド */
.bold {
    font-weight: bold;
}
/* アウトライン用見出し */
.hiddenTitle {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
/* フロート */
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
/* clearfix */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix{
    zoom: 1;
}
.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 50;
}
.trans:hover {
    opacity: 0.9;
}