/*==== 共通 の スタイル ====*/
body{
    min-width: 1380px;
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}
a:hover{
    opacity: 0.6;
    filter: alpha(opacity=40);
}
.clear{
    height: 0px !important;
    line-height: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    clear: both;
}
#body{
    font-family:sans-serif;
}
/*====[ コンテンツ ]====*/
#content{
    width: 1380px;
    margin:0 auto;
    padding:0px;
}
.contentinner{
    width:1380px;
    margin:0 auto;
    padding:0;
    overflow:visible;
}

.contentinner::after{
    content:"";
    display:block;
    clear:both;
}
/*====[ インナー ]====*/
.inner{
    width:1380px;
    margin:0 auto;
    padding:10px 10px;
    overflow:hidden;
}
/*----[ ヘッドライン ]----*/
#headline{
    width:100%;
    padding: 6.5px 0px;
    color: #444;
    font-size: 15px;
    background:#eee;
    position: fixed;
    top: 0;
    z-index:10;
}
.headinner{
    width:1380px;
    margin:0 auto;
    padding:0px 0px;
    overflow:hidden;
}
ul.ex {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.ex  a:link{
    color:#444;
}
ul.ex2  a:link{
    color:#444;
}
ul li a:visited{
    color:#444;
}
ul.ex li {
    float: left;
    width: auto;
    padding: 2px 0px 2px 10px;
    text-align: center;
    color:#444;
    font-weight:bold;
}
ul.ex2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.ex2 li {
    float: right;
    width: auto;
    padding: 3px 10px;
    border-left: 1px #444 solid;
    text-align: center;
    color:#444;
    font-weight:normal;
}
/*====[ タイトル ]====*/
#title{
    width:100%;
    height:72px;
    margin:41px 0px 0px 0px;
    padding:0px;
    overflow:hidden;
    position: fixed;
    background:#fff;
    z-index:50;
}
.titleinner{
    width:1380px;
    margin:0 auto;
    padding:0px;
    overflow:hidden;
}
#title .logo{
    float:left;
    width: 230px;
    height: 72px;
    margin: 0px;
    padding-left:10px;
}
#title img.burnerL{
    width: 230px;
    height: 72px;
    margin: 0px;
    padding:0px;
}
#title .menu{
    float:left;
    width:749px;
    height: 37px;
    margin: 0px;
    padding:0px;
}
#title .logoR{
    width: 1150px;
    height: 85px;
    margin: 0px;
    padding:0px;
}
#title .button{
    width: 140px;
    height: 35px;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    float: right;
}
#title img.burnerR2{
    width: 285px;
    height: 110px;
    margin: 0px 35px 0px 5px;
    padding: 0px;
    float: right;
}
/*====[ タイトル テーブル]====*/
.titleTB{
    width: 1150px;
    height:72px;
    padding:50px;
    margin:50px 0px;
    border-collapse: collapse;
    background:#ff6a00;
}

/*----[ ナビ ]----*/
#nav{
    list-style: none;
    margin: 0px;
    padding: 0px 0px;
    white-space: nowrap;
}
#nav li{
    display: inline;
}

#nav a{
    display: inline-block;
    display: inline; zoom: 1;
    margin: 0px;
    padding: 0px;
}

#nav img.nav1{
    width: 230px;
    height: 72px;
    margin: 0px 4px 0px 0px;
    padding: 0px;
    float: left;
}
#nav img.nav2{
    width: 157px;
    height: 40px;
    margin: 20px 0px 0px 5px;
    padding: 0px;
    float: right;
}


/*====[ Back to top button ]====*/
#back-top {
    position: fixed;
    bottom: 5px;
    margin-left: 88%;
}
#back-top a {
    width: 60px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
    color: #444;
}
/* arrow icon (span tag) */
#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
    background: #eae5e3 url(pagetop.gif) no-repeat center center;

}
#back-top a:hover span {
    background-color: #f2f2f2;
}


/* ===== 1366pxノートPC対策：横スクロールを出さない ===== */
@media (max-width: 1400px){

  /* ===== 1380px固定の外枠を可変にする ===== */
  #content,
  .contentinner,
  .headinner,
  .titleinner{
    width: auto;
    max-width: 1380px;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* ===== inner は padding を壊さず、幅だけ可変 ===== */
  .inner{
    width: auto;
    max-width: 1380px;
    box-sizing: border-box;
    /* padding:10px 10px は既存定義をそのまま使用 */
  }

  /* ===== 1130px固定の各ページ要素も可変に ===== */
  #main,
  .maininner,
  #footer,
  #cart,
  #cartlook,
  #postage,
  #price,
  #privacy,
  #terms,
  #termsinfo,
  .info,
  .edit{
    width: 100%;
    max-width: 1130px;
    box-sizing: border-box;
  }
}

@media (max-width:1400px){

    html,
    body{
        min-width:0 !important;
        overflow-x:hidden !important;
    }

    #content,
    .contentinner{
        width:1360px !important;
        max-width:100% !important;
        margin:0 auto !important;
        padding:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    #sidemenu{
        width:220px !important;
        padding-right:10px !important;
        box-sizing:border-box !important;
    }

    #main{
        width:1130px !important;
        max-width:calc(100% - 230px) !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    #main .contentinner{
        width:1130px !important;
        max-width:100% !important;
    }

    #main img{
        max-width:100% !important;
        height:auto !important;
        box-sizing:border-box !important;
    }

    #slider,
    .slider-view,
    .slider-container div,
    .sliderimage{
        width:100% !important;
        max-width:1130px !important;
    }

    #nav{
        white-space:normal !important;
        overflow:hidden !important;
    }

    #back-top{
        right:10px !important;
        margin-left:0 !important;
    }
}

/* 横スクロール強制停止 */
html,
body,
#body{
    max-width:100% !important;
    overflow-x:hidden !important;
}

/* main内の入れ子contentinnerがはみ出すのを止める */
#main .contentinner{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

/* 画像・スライダー全部を親幅以内にする */
#main img,
#slider,
.slider-view,
.slider-container,
.slider-container div,
.sliderimage{
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* 右側画像の margin-left が原因の可能性対策 */
#main .ledandonright,
#main .stickerright{
    width:calc(50% - 10px) !important;
    margin-left:10px !important;
    padding-left:0 !important;
}

#main .ledandonleft,
#main .stickerleft{
    width:calc(50% - 10px) !important;
}