@charset "UTF-8";
*, *:before, *:after{ box-sizing:border-box; }
body {}
html {color:#676969;}
img {width:100%; vertical-align:middle;}
#wrapper {width:100%; background-color:#FFF; position:relative;}

.clearfix,.input_area{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after,.input_area:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clear_float {clear:both;}
.display_block {display:block;}
.tablecell_middle {display:table-cell; vertical-align:middle;}

/*!------------------------------------*\
    Header
\*!------------------------------------*/
/* PC Header */
#header {width:100%; position:absolute; top:0; left:0; z-index:999;}
#header #subnavi_area {background-color:#FFF; width:100%; height:44px; padding:10px 0; text-align:right; position:relative;}
#header #subnavi_area #site_description_text_area {max-width:1000px; padding:0 10px;  margin:0 auto; text-align:left;}
#header #subnavi_area #site_description_text {height:24px; display:table-cell; vertical-align:middle;}
#header #subnavi_area #site_description_text p {color:#e72118; font-size:13px; font-size:1.3rem; line-height:1; letter-spacing:0.1em; font-weight:bold; padding-left:4px;}
#header #subnavi_area ul {display:inline-block; height:24px; font-size:0; vertical-align:baseline;position:absolute; top:10px; right:0;}
#header #subnavi_area ul li {display:inline-block; font-size:11px; font-size:1.1rem; font-weight:bold; line-height:1; margin-left:26px; vertical-align:middle;}
#header #subnavi_area ul li a,#header #subnavi_area ul li a:visited {color:#555; text-decoration:none;}
#header #subnavi_area ul li a:hover {color:#888;}
#header #subnavi_area ul li#subnavi_login {width:84px;}
#header #subnavi_area ul li#subnavi_login img {width:84px; height:24px;}
#header #subnavi_area ul li#subnavi_mailmaga {width:101px;}
#header #subnavi_area ul li#subnavi_favorite {width:88px;}
#header #subnavi_area ul li#subnavi_cart {width:94px;}
#header #subnavi_area ul li img {width:auto; margin-right:10px;}
#header #subnavi_area #search_box {height:24px; background-color:#bfbfbf; margin-right:10px; padding:0 10px;
border-radius:12px;
-webkit-border-radius: 12px;/* for Safari and Chrome */
-moz-border-radius: 12px; /* for Firefox */
-o-border-radius: 12px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
#header #subnavi_area #search_box form {}
#header #subnavi_area #search_box #search_submitbtn {width:15px; background:url(../../images/navi/header_search.svg) 0 0 no-repeat; text-indent:-9999px;}
#header #subnavi_area #search_box #search_textbox { padding:0 10px; height:24px; color:#444;}
#gnavi_area {}
#gnavi_area_bg {height:96px; background-color:#df0623; text-align:center;}
#gnavi_area_con {max-width:1000px; padding:0 10px; margin:0 auto; text-align:left; background-color:#df0623;}
#gnavi_area_con #header_logo {width:170px; height:96px; padding:22px 0; float:left;}
#gnavi_area_con #header_logo h1 {padding:0; margin:0; line-height:1;}
#gnavi_area_con #header_logo h1 img {width:170px; height:52px;}
#header #gnavi_area ul#pc_naviul {display:inline-block; font-size:0; float:right; height:96px; padding-top:38px;}
#header #gnavi_area ul li {display:inline-block; font-size:12px; font-size:1.3rem; font-weight:bold; margin-left:26px; line-height:1.4;}
#header #gnavi_area ul li a,#header #gnavi_area ul li a:visited {color:#FFF; text-decoration:none; padding-bottom:10px;}
#header #gnavi_area ul li a:hover,#header #gnavi_area ul li.drop_current a {color:#fde173; border-bottom:3px solid #fde173; padding-bottom:7px;}
#header #gnavi_area ul li ul {clear:both; display:none;}
#header #gnavi_area ul li li {float:none; line-height:1;}

/* PC Dropdown */
#header #pc_dropdown_area {width:100%; text-align:center; display:none;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
  background: rgba(255, 255, 255, 0.80);
}
#header #pc_dropdown_area:not(:target){filter:none;}
#header #pc_dropdown_con {max-width:1020px; padding:0 20px; margin:0 auto; text-align:left;background:url(../../images/navi/dropdown_arrow.png) center top no-repeat;}
#header #pc_drop01 {display:none;}
#header #pc_drop02 {display:none;}
#header #pc_drop03 {display:none;}
#header #pc_drop04 {display:none;}
#header #pc_drop05 {display:none;}
#header #pc_drop06 {display:none;}
#header #pc_drop07 {display:none;}
#header .pc_drop_area {color:#FFF; padding:42px 0 22px 0;}
#header #pc_dropdown_con ul {font-size:0;}
#header #pc_dropdown_con ul li {width:25%; font-size:11.5px; font-size:1.15rem; margin:0; padding:0 0 20px 0; font-weight:bold;}
#header #pc_dropdown_con ul li a,#header #pc_dropdown_con ul li a:visited {color:#595959; text-decoration:none;}
#header #pc_dropdown_con ul li a:hover {color:#888; text-decoration:none; border:none;}
#header #pc_dropdown_con ul li a img {max-width:76px; border:1px solid #ececec;}
#header #pc_dropdown_con dl {}
#header #pc_dropdown_con dl dt, #header #pc_dropdown_con dl dd {display:table-cell; vertical-align:middle;}
#header #pc_dropdown_con dt {float:left; width:76px;}
#header #pc_dropdown_con dd {margin:0; height:76px; max-height:76px; padding:0 0 0 10px;}
#header #pc_dropdown_con #pc_drop04 {font-size:0;}
#header #pc_dropdown_con .col4 {width:25%; display:inline-block; vertical-align:top;}
#header #pc_dropdown_con .col4 .pc_drop_area_subtitle {width:100%; padding:0 15px 20px 0;}
#header #pc_dropdown_con .col4 .pc_drop_area_subtitle.second_title {padding:20px 15px 20px 0;}
#header #pc_dropdown_con .col4 .pc_drop_area_subtitle p {color:#595959; font-size:14px; font-size:1.4rem; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #b5b5b5;}
#header #pc_dropdown_con .col4 ul li {width:100%;}

/* SP Header */
#sp_header {background-color:#df0623; z-index:12; display:none;}
#sp_header h1 {max-width:115px; float:left;}
#sp_header h1 img {width:115px; height:50px;}
#sp_header button {float:right; padding:0; max-width:98px;}
#sp_header button img {width:98px; height:50px;}

#sp_header #sp_h1area {float:left; display:table-cell; width:222px; height:50px; vertical-align:middle;}
#sp_header #sp_h1area h1 {}
#sp_header #sp_h1area h1 img {width:110px; height:50px;}
#sp_header #sp_h1area a p {color:#FFF; font-size:10px; font-size:1.0rem; line-height:1; height:50px; display:table-cell; vertical-align:middle;}

/* SP Header Ver.2 */
#sp_header_v2 { display:none; position:absolute; width:100%; z-index:12;}
#sp_header_v2_inner {position:relative;}
#sp_header_v2_area {background-color:#df0623; z-index:12; height:60px; text-align:center;}

#dropdown-search_btn_v2 {width:64px; height:60px; float:left; display:block;}
#sp_header_v2 button {float:right; padding:0; width:55px; height:60px;}
#sp_header_v2 button img {width:55px; height:60px;}

#sp_header_v2 #sp_logo_area {width:120px; text-align:center; margin:0 auto; padding:10px 0 0 0;}
#sp_header_v2 #sp_logo_area h1 {font-size:1px; display:block; text-align:center; padding:4px 0 0 0;}
#sp_header_v2 #sp_logo_area h1 img {width:89px; height:27px; margin:0 auto;}
#sp_header_v2 #sp_logo_area a,
#sp_header_v2 #sp_logo_area a:visited,
#sp_header_v2 #sp_logo_area a p {color:#FFF; font-size:10px; font-size:1.0rem; line-height:1; font-weight:bold; text-decoration:none;}
#sp_header_v2 #sp_logo_area a:hover,
#sp_header_v2 #sp_logo_area a:hover p {color:#f9cdd3; text-decoration:none;}

/* SP Header Ver.2 Search Box */
#dropdown-search_v2 {display:none; position:absolute; top:60px; left:0; width:100%;}
#dropdown-search_v2 {background-color:#d7d7d7; background-color: rgba(255,255,255,0.7);
}
#dropdown-search_v2 #search_box {width:100%; padding:15px 20px;}
#dropdown-search_v2 #search_box form {}
#dropdown-search_v2 #search_box #search_textbox {min-width:75%;height:30px; background:#FFF; border:1px solid #ccc; border-width:1px 0 1px 1px; border-radius:0; padding:0 10px; color:#444; font-size:14px; font-size:1.4rem; margin-top:-1px; vertical-align:middle;}
#dropdown-search_v2 #search_box #search_submitbtn {width:25%;height:30px; background-color:#df0623; vertical-align:middle; font-weight:bold; color:#FFF;font-size:14px; font-size:1.4rem;}
#dropdown-search_v2 #search_box #search_submitbtn:active {background-color:#950014;}


/* SP drawer-menu */
/*!
 * jquery-drawer v3.1.0
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
/* Base */
.drawer-nav { position: fixed; z-index: 101; top: 0; overflow: hidden; width:85%; height: 100%; color:#FFF; background-color:#df0623;}
.drawer-brand {font-size:12px; font-size:1.2rem; font-weight: bold; line-height:16px; display: block; padding-right: .75rem; padding-left: .75rem; text-decoration: none; color: #FFF;}
.drawer-menu {margin:0; padding:0; list-style:none;}
.drawer-menu li {position:relative; border:1px solid #FFF; border-width:0 0 1px 0;}

.drawer-menu-item {font-size:12px; font-size:1.2rem; line-height:16px; display:block; padding:19px 16px; text-decoration:none; color:#FFF; font-weight:bold;}
a.drawer-menu-item,a:visited.drawer-menu-item {font-size:12px; font-size:1.2rem; line-height:16px; text-decoration:none; color:#FFF; font-weight:bold;}
.drawer-menu-item:hover,.drawer-menu-item:active {text-decoration:none; color:#FFF; background-color:transparent;}

/*! overlay */
.drawer-overlay {position:fixed; z-index:100; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
.drawer-open .drawer-overlay {display:block;}

/* Right */
.drawer--right .drawer-nav {
  right: -85%; -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {right:0;}
.drawer--right.drawer-open .drawer-hamburger {right:85%;}
/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {position:fixed; z-index:104; top:0; display:block; box-sizing:content-box; width:3rem; padding:0; padding-top:18px; padding-right:.75rem; padding-bottom:30px; padding-left:.75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate3d(0, 0, 0); transform:translate3d(0, 0, 0); border: 0; outline: 0; background-color: transparent;}

.drawer-hamburger:hover {cursor:pointer; background-color:transparent;}
.drawer-hamburger-icon {position:relative; display:block; margin-top:10px;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {width:100%; height:2px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background-color: #FFF;}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {position:absolute; top: -10px; left: 0; content: ' ';}
.drawer-hamburger-icon:after {top:10px;}
.drawer-open .drawer-hamburger-icon { background-color:transparent;}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {top:0;}
.drawer-close .drawer-hamburger,.drawer-hamburger {display:none;}
.drawer-open .drawer-hamburger {display:block;}
.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu { display:none; box-sizing:border-box; width:100%; margin:0; padding:0; background-color: #fff;}
.drawer-dropdown-menu > li { width:100%; padding:8px; list-style:none; border-bottom:1px solid #e6e6e6;}
.drawer-dropdown-menu > li:last-child {border-bottom:none;}
.drawer-dropdown-menu dl {}
.drawer-dropdown-menu dl dt, .drawer-dropdown-menu dl dd {display:table-cell; vertical-align:middle;}
.drawer-dropdown-menu dt {float:left;}
.drawer-dropdown-menu dd { margin-left:54px; height:40px; padding-top:0;}
.drawer-dropdown-menu-item { font-size:12px; font-size:1.2rem; line-height:16px; display:block; text-decoration:none; color:#595959;}
a.drawer-dropdown-menu-item,a:visited.drawer-dropdown-menu-item { font-size:12px; font-size:1.2rem; line-height:16px; display:block; text-decoration:none; color:#595959;}
.drawer-dropdown-menu-item img {width:52px; height:40px; padding-right:12px;}
.drawer-dropdown-menu-item:hover,.drawer-dropdown-menu-item:active {text-decoration:none; color:#999; background-color:transparent;}
.drower-headermenu-area {padding:2.3% 0; font-size:9px; font-size:0.9rem; line-height:12px;}
.drower-headermenu-area img {max-width:68px;}
/* .drower-headermenu-area img {max-width:48px;} */
.drower-headermenu-login {border:none; width:25.2%; text-align:center; float:left; padding:0; padding:0 5.8% 0 5.8%; box-sizing:border-box;}
.drower-headermenu-mailmaga {border:none; width:21.1%; text-align:center; float:left; padding:0; padding:0 7.5% 0 0; box-sizing:border-box;}
.drower-headermenu-favorite {border:none; width:19.1%; text-align:center; float:left; padding:0; padding:0 5.5% 0 0; box-sizing:border-box;}
.drower-headermenu-cart {border:none; width:16.9%; text-align:center; float:left; padding:0; padding:0 3.3% 0 0; box-sizing:border-box;}
.drower-headermenu-search {border:none; width:17.7%; text-align:center; float:left; padding:0; padding:0 4.1% 0 0; box-sizing:border-box;}
.drower-headermenu-text {padding:8px 0 0 0;}
.drower-headermenu-area a,.drower-headermenu-area a:hover,.drower-headermenu-area a:active {color:#FFF; text-decoration:none;text-align:center;}

.drower-headermenu-area02 {padding:2.3% 0; font-size:9px; font-size:0.9rem; line-height:12px;}
.drower-headermenu-area02 img {max-width:68px;}
/* .drower-headermenu-area02 img {max-width:48px;} */
.drower-headermenu-area02 .drower-headermenu-login {border:none; width:44.1%; text-align:center; float:left; padding:0; padding:0 5.8% 0 24.9%; box-sizing:border-box;}
.drower-headermenu-area2 .drower-headermenu-mailmaga {border:none; width:50%; text-align:center; float:left; padding:0; padding:0 4% 0 0; box-sizing:border-box;}
.drower-headermenu-area2 .drower-headermenu-search {border:none; width:50%; text-align:center; float:left; padding:0; padding:0 4% 0 0; box-sizing:border-box;}
.drower-headermenu-text {padding:8px 0 0 0;}
.drower-headermenu-area02 a,.drower-headermenu-area02 a:hover,.drower-headermenu-area02 a:active {color:#FFF; text-decoration:none;text-align:center;}

.drower-headermenu-area_v2 {padding:3% 4% 5% 46%; font-size:9px; font-size:0.9rem; line-height:12px;}
.drower-headermenu-area_v2 img {max-width:68px;}
/* .drower-headermenu-area_v2 img {max-width:48px;} */
.drower-headermenu-area_v2 .drower-headermenu-login {border:none; width:50%; text-align:center; float:left; padding:0; padding:0 4%; box-sizing:border-box;}
.drower-headermenu-area_v2 .drower-headermenu-mailmaga {border:none; width:50%; text-align:center; float:left; padding:0; padding:0 4%; box-sizing:border-box;}
.drower-headermenu-text {padding:8px 0 0 0;}
.drower-headermenu-area_v2 a,.drower-headermenu-area_v2 a:hover,.drower-headermenu-area_v2 a:active {color:#FFF; text-decoration:none;text-align:center;}

#dropdown-search {display:none;}
#dropdown-search {background-color:#d7d7d7;}
#dropdown-search #search_box {width:100%; padding:15px 16px;}
#dropdown-search #search_box form {}
#dropdown-search #search_box #search_textbox {width:75%;height:30px; background:#FFF; border:none; border-radius:0; padding:0 10px; color:#444; font-size:14px; font-size:1.4rem; margin-top:-1px; vertical-align:middle;}
#dropdown-search #search_box #search_submitbtn {width:25%;height:30px; background-color:#df0623; vertical-align:middle; font-weight:bold; color:#FFF;font-size:14px; font-size:1.4rem;}
#dropdown-search #search_box #search_submitbtn:active {background-color:#950014;}
/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {display:block;}
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*! drawer-caret */
.drawer-dropdown .dropdown_btn {border-left:1px solid #fff; position:absolute; top:0; right:0; width:54px; height:54px;background-color:#950014;}
.drawer-dropdown .drawer-caret {
  display: inline-block;
  width:54px;
  height:54px;
  margin:0;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
background-image:url(/images/dropdown_icon.svg);
background-size:100%;
background-position:center center;
}
/*!------------------------------------*\
    accessibility
\*!------------------------------------*/
.sr-only { position:absolute; overflow:hidden; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; padding:0; border:0
　}
.sr-only-focusable:active,
.sr-only-focusable:focus { position:static; overflow:visible; clip:auto; width:auto; height:auto; margin:0;}



/*!------------------------------------*\
    Footer
\*!------------------------------------*/
#top_footer_area {width:100%; border-top:1px solid #efefef; clear:both;}
#footer_banner_area01 {width:100%; padding:47px 0; clear:both;}
#footer_banner_area01 .banner_contents {max-width:1060px; padding:0 40px; margin:0 auto; }
#footer_banner_area01 .banner01 {width:47%; padding:0 3% 0 0; float:left; box-sizing:content-box;}
#footer_banner_area01 .banner02 {width:47%; padding:0 0 0 3%; float:right; box-sizing:content-box;}
#footer_banner_area02 {width:100%; background-color:#f7f5f3; padding:36px 0; text-align:center; clear:both;}
#footer_banner_area02 .banner_contents {max-width:1060px; padding:0 40px; margin:0 auto; background-color:#f7f5f3;}
#footer_banner_area02 .banner01,
#footer_banner_area02 .banner02,
#footer_banner_area02 .banner03 { width:30%; padding:0 5% 0 0; float:left; box-sizing:content-box;}
#footer_banner_area02 .banner03 {padding:0;}

#footer_banner_area03 {width:100%; background-color:#f7f5f3; padding:0; text-align:center; clear:both;}
#footer_banner_area03 .banner_contents {max-width:1060px; padding:36px 40px 0 40px; margin:0 auto; background-color:#f7f5f3;}
#footer_banner_area03 ul {font-size:0;}
#footer_banner_area03 ul li {width:31%; padding:0 3.5% 36px 0; display:inline-block;}

#footer_banner_area_v2 {width:100%; background-color:#f7f5f3; padding:0; text-align:center; clear:both;}
#footer_banner_area_v2 ul {font-size:0; max-width:1054px; padding:36px 24px 10px 24px; margin:0 auto; background-color:#f7f5f3;}
#footer_banner_area_v2 ul li {width:30.73%; margin:0 1.3% 2.6% 1.3%; padding:0; display:inline-block;}


footer {}
#footer_area {clear:both; width:100%; background-color:#e8e8e8; text-align:center;}
#footer_contents { padding:0 10px; margin:0 auto; background-color:#e8e8e8;}
#footer_logo_area {width:118px; height:38px; margin:0 auto; padding:50px 0 36px 0; box-sizing:content-box;}
#footer_contents ul {padding-bottom:16px;font-size:0;}
#footer_contents ul li { font-size: 12px; font-size: 1.2rem; line-height:1; display:inline-block; color:#666; border-left:1px solid #a8a8a8; padding:0 16px; margin-bottom:10px;}
#footer_contents ul li:first-child {border-left:none;}
#footer_contents ul li a,#footer_contents ul li a:visited {text-decoration:none; color:#666;}
#footer_contents ul li a:hover { text-decoration:none; color:#888;}
#footer_global {padding:18px 0 0 0;}
#footer_global ul { font-size:0; padding:0;}
#footer_global ul li {display:inline-block; color:#666; font-size:12px; font-size:1.2rem; margin:0 10px; padding:0; border-left:none;}
#footer_global ul li a {vertical-align:middle; }
#footer_global ul li a img {max-width:26px; margin-right:14px;}
#footer_global_v2 {padding:18px 0 0 0; font-size:0;}
#footer_global_v2 h3 {display:inline-block; color:#666; font-size:12px; font-size:1.2rem; font-weight:bold; margin-bottom:10px;}
#footer_global_v2 h3:after {content:":"; padding:0 0 0 3px;}
#footer_global_v2 ul { font-size:0; padding:0; display:inline-block;}
#footer_global_v2 ul li {display:inline-block; color:#666; font-size:12px; font-size:1.2rem;}
#footer_global_v2 ul li:first-child {}
#footer_global_v2 ul li a {vertical-align:middle; }
#copyright_area {max-width:368px; margin:0 auto; padding:40px 0 26px 0; box-sizing:content-box;}

#footer_share {padding:0 10px 40px 10px;}
#footer_share ul {font-size:0; text-align:center;}
#footer_share ul li {line-height:1; display:inline-block; border-left:none; width:28px; padding:0; margin:0 10px;}

/*!------------------------------------*\
    GOTO PAGETOP
\*!------------------------------------*/
div.gotop {width:76px; height:76px; position:fixed; right:10px; bottom:10px; z-index:999; background-color:transparent; display:none;}


/*!------------------------------------*\
    SP
\*!------------------------------------*/
#sp_detail_slidenavi_area {background-color:rgba(255,255,255,0.8); width:100%; height:40px; position:fixed; bottom:-60px; left:0; z-index:999; color:#FFF;}

#sp_detail_slidenavi_cart {width:135px; height:40px; text-align:center; cursor:pointer; float:left; background-color:#FFF; display:block;}
#sp_detail_slidenavi_gotop {width:90px; height:40px; text-align:center; cursor:pointer; float:right; display:block;}

/*!------------------------------------*\
    共通シェアボタン
\*!------------------------------------*/
#common_share_area {width:100%; text-align:center; font-size:0; border-top:1px solid #dadada; padding:50px 20px;}
#common_share_inner {}
#common_share_area h3 {height:24px; color:#5e5e5e; text-align:right; font-size:14px; font-size: 1.4rem; font-weight:normal; padding:0 24px 0 0; margin:0 14px 0 0; border-right:2px solid #d4d4d4; display:inline-block; line-height:24px; vertical-align:middle; width:100px;}
#common_share_area ul {display:inline-block; padding:0 114px 0 0; margin:0;}
#common_share_area ul li {display:inline-block; font-size:0; padding:0; margin:0 10px;}
#common_share_area ul li img {width:32px; padding:0; margin:0;}

/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
#header {display:none;}
#sp_header,#sp_header_v2 {display:block;}
#container {padding-top:60px;}



@media screen and (max-width: 841px) {
/*!------------------------------------*\
    共通シェアボタン
\*!------------------------------------*/
/*!
#common_share_area h3 {width:auto;}
#common_share_area ul {padding:0;}
*/
}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
/* footer */
#footer_banner_area01 {width:100%; padding:20px; clear:both;}
#footer_banner_area01 .banner_contents { padding:0; margin:0 auto; }
#footer_banner_area01 .banner01 {width:100%; padding:0 0 10px 0; float:none; box-sizing:content-box;}
#footer_banner_area01 .banner02 {width:100%; padding:0; float:none; box-sizing:content-box;}
#footer_banner_area02 {width:100%; padding:0; text-align:center; clear:both;}
#footer_banner_area02 .banner_contents {width:100%; padding:0; margin:0;}
#footer_banner_area02 .banner01,
#footer_banner_area02 .banner02,
#footer_banner_area02 .banner03 { width:33.333%; padding:0; float:left;}

#footer_banner_area_v2 {text-align:left;}
#footer_banner_area_v2 ul {font-size:0; max-width:1034px; padding:20px 0 0 0; margin:0 auto; background-color:#f7f5f3;}
#footer_banner_area_v2 ul li {width:50%; margin:0; padding:0; display:inline-block;}
#footer_banner_area_v2 ul li.banner01 {width:100%; margin:0; padding:0 20px 20px 20px; display:inline-block;}

#footer_contents ul {padding-bottom:0;}
#footer_contents ul li { font-size: 12px; font-size: 1.2rem; line-height:1; display:block; color:#666; border:none; padding:0 20px 22px 20px; margin-bottom:0;}
#copyright_area {max-width:100%; margin:0 auto; padding:10% 8% 8% 8%; box-sizing:content-box;}

#footer_global ul {}
#footer_global ul li { padding:0;}
#footer_global_v2 {padding:18px 0 0 0; font-size:0;}
#footer_global_v2 h3 {display:block; font-size:14px; font-size:1.4rem; margin-bottom:12px;}
#footer_global_v2 h3:after {content:""; padding:0;}
#footer_global_v2 ul { font-size:0; padding:0; display:inline-block;}
#footer_global_v2 ul li {padding:0 20px 14px 20px;}
#footer_global_v2 ul li:first-child {}
#footer_global_v2 ul li a {vertical-align:middle;}

#footer_share ul li {line-height:1; display:inline-block; border-left:none; width:40px; padding:0; margin:0 10px;}


/*!------------------------------------*\
    共通シェアボタン
\*!------------------------------------*/
#common_share_area {padding:24px 10px 34px 10px;}
#common_share_area h3 {height:auto; text-align:center; padding:0 0 10px 0; margin:0; border-right:none; display:block; width:auto;}
#common_share_area ul {display:block; padding:0; margin:0;}
#common_share_area ul li {margin:0 12px;}
#common_share_area ul li img {width:38px;}


/*!------------------------------------*\
    GOTO PAGETOP
\*!------------------------------------*/
div.gotop {width:60px; height:60px; right:10px; bottom:10px;}
}