@charset "utf-8";

/* 表示領域 */
#container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position:relative;
    top:0;
    overflow-x:hidden;
}

#wrapper {
    width: 100%;
    height:auto;
    margin: 0 auto;
    padding:0;
    background:none;
    overflow:hidden;
}

#body_block_bg {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
}

/* ヘッダーブロックの定義 */
#header_block_sp {
    width: 100%;
    height:auto;
    margin: 0 auto;
    padding:0;
    background:#eee;
    display: block;
}
#header_block_sp .headerbox {
    width: 100%;
    height:auto;
    margin: 0 auto;
    padding: 5px 0;
    display:table;
    vertical-align:middle;
}

#header_block_sp .headerbox .header_l {
    width:80%;
    height:auto;
    margin:0;
    padding: 0;
    padding-left:3%;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
}

#header_block_sp .headerbox .header_l a {
    border:none;
}

#header_block_sp .headerbox .header_r {
    width: 20%;
    height:auto;
    margin: 0;
    padding: 0;
    display:table-cell;
    background:#eee;
    vertical-align:middle;
    text-align:center;
}

.header_r .iconbox {
    width: 60px !important;
    margin: 0 5px 0 60px;
    float: left;
    padding-left: 0 !important;
    display: none;
}

.header_r .iconbox .left_icon {
    padding-left: 70px;
    float: left;
    display: none;
}

.header_r .iconbox .right_icon {
    padding-left: 20px;
    float: right;
    display: none;
}

#header_block_sp .headerbox .header_r #btn_sp_menu {
    width:100%;
    height:auto;
}

#header_block_sp .headerbox .header_r #btn_sp_menu a.btn_menu {
    width: 100%;
    height:auto;
    margin: 0;
    padding: 0;
}

#header_block_sp .headerbox .header_r #btn_sp_menu a.btn_menu img {
    width: 50%;
    height:auto;
}
#dropmenu {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
    color:#000;
}

#dropmenu .sp_menu {
    width:100%;
    height:42px;
    margin:0;
    padding:0;
    border-left:1px solid #666;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #dcdcdc));
    background: -webkit-linear-gradient(#fff, #dcdcdc);
    background: -moz-linear-gradient(#fff, #dcdcdc);
    background: -o-linear-gradient(#fff, #dcdcdc);
    background: -ms-linear-gradient(#fff, #dcdcdc);
    background: linear-gradient(#fff, #dcdcdc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
#dropmenu .sp_menu:first-child {
    border-top:1px solid #666;
}
#dropmenu .sp_menu a:hover, #dropmenu .sp_menu a:focus {
    text-decoration:none;
}
#dropmenu .sp_menu .sp_menu_01,
#dropmenu .sp_menu .sp_menu_02,
#dropmenu .sp_menu .sp_menu_03,
#dropmenu .sp_menu .sp_menu_04,
#dropmenu .sp_menu .sp_menu_05,
#dropmenu .sp_menu .sp_menu_06,
#dropmenu .sp_menu .sp_menu_07 {
    width:100%;
    height:42px;
    background:url(../images/navi/sp_navi_off.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_01.hover01 {
    background:url(../images/navi/sp_navi01_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_02.hover02 {
    background:url(../images/navi/sp_navi02_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_03.hover03 {
    background:url(../images/navi/sp_navi03_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_04.hover04{
    background:url(../images/navi/sp_navi04_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_05.hover05 {
    background:url(../images/navi/sp_navi05_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_06.hover06 {
    background:url(../images/navi/sp_navi01_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_07.hover07 {
    background:url(../images/navi/sp_navi02_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_01:hover {
    background:url(../images/navi/sp_navi01_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_02:hover {
    background:url(../images/navi/sp_navi02_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_03:hover {
    background:url(../images/navi/sp_navi03_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_04:hover{
    background:url(../images/navi/sp_navi04_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_05:hover {
    background:url(../images/navi/sp_navi05_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_06:hover {
    background:url(../images/navi/sp_navi01_on.png) no-repeat top right;
}
#dropmenu .sp_menu .sp_menu_07:hover {
    background:url(../images/navi/sp_navi02_on.png) no-repeat top right;
}

.shutto-component-accordion-header.shutto-active {
    background: -moz-linear-gradient(top, #d0d0d0, #dfdfdf) repeat scroll 0 0 #d0d0d0 !important;
    background: -o-linear-gradient(top, #d0d0d0, #dfdfdf) repeat scroll 0 0 #d0d0d0 !important;
    background: -webkit-gradient(linear, left top , left bottom, from(#d0d0d0), to(#dfdfdf)) repeat scroll 0 0 #d0d0d0 !important;
}
.sp_menu_r_text {
    width:97%;
    height:42px;
    line-height:3;
    font-size:1.6rem;
    padding-left:2%;
    text-align:left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.sp_menu_r_text {
    font-size:16px\9;
}

#globalnavi { display:none;}





/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}




.contebox {
    max-width: 768px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.contebox2 {
    max-width: 768px;
}




/*----------------------------------
フッター
----------------------------------*/
.footer_blank_block {
    margin-bottom: 0;
}

#footer-block {
    max-width: 768px;
    width: 100%;
    /*height: 300px;*/
    position: relative;
    background-color: #c9c9c9;
}

#footer-contents {
    position: relative;
    padding: 10px 0 0 0;
    padding-bottom: 100px;
    color: #777;
}

/* footer logo */
#footer-logo-mark {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
}
#footer-logo {
/*    height: 150px;*/
    padding: 10px 0;
}
#footer-address {
    padding: 20px 0 10px 0;
    font-size: 1.5rem;
}
#footer-telfax {
    padding: 5px 0;
}
#footer-telfax .telmark {
    font-size: 1.3rem;
}
#footer-telfax .telnumber {
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: -0.05rem;
}
#footer-sns {
    margin: 0 auto;
    width: 200px;
    padding: 10px 0 0 0;
}
#footer-sns .footer-sns-left_icon{
    float: left;
    padding-left: 30px;
}

#footer-menu {
    margin: 10px auto;
    padding: 10px 0;
    font-size: 12px;
}
#footer-menu #footer-menu_ul {
    margin:0;
    padding:10px;
    list-style:none;
    display: block;
    width: 100vw;
}
#footer-menu #footer-menu_ul .footer-menu_li {
    margin:0;
    padding:10px 5px;
    vertical-align:middle;
    text-align:center;
    float:left;
    border-top: #999  solid 1px;
    border-bottom: #999  solid 1px;
    display: block;
}
#footer-menu #footer-menu_ul #footer-menu_li_left {
    padding-left: 0;
}
#footer-menu #footer-menu_ul #footer-menu_li_right {
    padding-right: 0;
}
#footer-menu a {
    color: #777;
}
#footer-menu a:hover {
    color: #fff;
}

/* コピーライトブロック */
#privacy_policy {
    
}
#privacy_policy a {
    color:#999;
    /*text-decoration:none;*/
}
#privacy_policy a:hover {
    color:#fff;
    /*text-decoration:none;*/
}
#copyright-block {
    width: 100%;
    margin: 0 auto;
    /*height: auto;*/
    height: 40px;
    padding: 15px 0;
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: bold !important;
    color: #999;
    background-color: #585755;
    position: absolute;
    bottom: 0;
}

/* ページ先頭に戻る */
#page-top {
    width:70px;
    height:70px;
    padding:10px;
    position: fixed;
    bottom: 20px;
    right:0;
    background:#231815;
    background-color:rgba(0,0,0,0.5);
    border-top-left-radius: 8%;
    border-bottom-left-radius: 8%;
    -webkit-border-top-left-radius: 8%;
    -webkit-border-bottom-left-radius: 8%;
    -moz-border-radius-topleft: 8%;
    -moz-border-radius-bottomleft: 8%;
}
#page-top a {
    text-decoration: none;
    width: 70px;
    padding:10px 0 0 0;
    display: block;
    border:none;
    color:#fff;
    line-height:1.5;
}
#page-top a:hover {
    text-decoration: underline;
}
.pagetop_mark {
    font-size:1.6rem;
    display:block;
}
.pagetop_mark {
    font-size:16px\9;
}