/*****************************************************

    全ての要素をリセット
    各ブラウザの表示を統一するための設定です

*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table { border-collapse: collapse;border-spacing: 0;}
caption,th,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}

/*--- default */
body {
    background: #fff;
    color: #333;
    font-size: 14px;
    font-family:'Lato','Kosugi', sans-serif;
    line-height:1.5;
    text-align:center;
}
body td,body th{
    font-size:14px;
}
table{
    border-collapse:collapse;
}

/*****************************************************

    基本設定、リンクカラーなど

*****************************************************/
#wrap{
    width:100%;
    height:100%;
}
#wrapper,#makebanner,#topImage{
    width:1000px;
    margin:0 auto;
}
#wrapper{
    margin-top:30px;
}
a:link {
    color:#666;
    text-decoration:none;
}

a:visited{
    color:#666;
    text-decoration:none;
}

a:hover{
    color:#000;
    text-decoration: underline;
}

a:active{
    color:#000;
    text-decoration:underline;
}
.clear:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

a:hover img{
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

/* 投票 */
#l_poll img{
    margin:0 2px;
}
#l_poll b{
    color:#333;
}
#l_poll input{
    margin-right:5px;
}
#l_poll td{
    text-align:left;
}
#l_poll a img{
    display:none;
}
#l_poll a{
    display:block;
    height:21px;
    float:left;
    margin-right:4px;
}
#l_poll a#poll_b01{
    width:58px;
    background:url(../../images/original_design_default/samplesource/3/poll_b01.png) no-repeat 0 0;
    margin-left:28px;
}
#l_poll a#poll_b02{
    width:69px;
    background:url(../../images/original_design_default/samplesource/3/poll_b02.png) no-repeat 0 0;
}
#l_poll a#poll_b01:hover,#l_poll a#poll_b02:hover{
    background-position:0 -21px;
}
/* 掲示板 */
#l_board table{
    width:100%;
}
#l_board td{
	text-align:left;
}
/* バナー */
.M_bannerList img{
	margin: 0 auto 8px;
	max-width: 100%;
}

/*****************************************************

    メインコンテンツ #rightContents

*****************************************************/
.rightContents{
    width:765px;
}
.rightContents .section{
    margin-bottom:30px;
}



/* レビュー */
#detail #r_review{
    margin-bottom:40px;
}
#detail #r_review td{
	text-align:left;
}
#detail #r_review .imgLi input{
	border:none;
}
#detail #m_reviewView td{
	text-align:center;
}

/*----------------------------------------------------
    ログインフォーム関係 .loginForm
----------------------------------------------------*/
.loginForm{
    margin-top:20px;
}
.loginForm h3{
    font-size:14px;
    margin-bottom:20px;
    background:url(../../images/original_design_default/samplesource/3/h3title.png) no-repeat left;
    padding-left:20px;
}
.loginForm .section{
    text-align:center;
}
.btnWrap{
    margin-top:20px;
    text-align:center;
}
.loginForm .leadTxt{
    margin-bottom:30px;
}
.loginForm .lostpass{
    text-align:center;
    font-size:11px;
    margin-top:5px;
}
.loginForm .formTable{
    margin:20px auto 0;
    width:400px;
}
.formTable th,
.formTable td{
    border:1px solid #b2b2b2;
    padding:6px 8px;
}
.formTable th{
    background:#eee;
    width:120px;
}
.M_nameList input,#r_review input,#r_review textarea{
    padding:2px;
    border:1px solid #b2b2b2;
}
.loginForm .formTable input{
    width:200px !important  ;
}

/*----------------------------------------------------
    会員ログイン #memberlogin
----------------------------------------------------*/
#memberLogin .btnWrap{
    overflow:hidden;
    _zoom:1;
}
#memberLogin .btnWrap div{
    float:left;
    width:360px;
    padding-bottom:20px;
}
#memberLogin .btnWrap #newMember{
    border-right:1px dotted #b2b2b2;
}
#memberLogin .btnWrap p{
    margin:20px;
}
/*----------------------------------------------------
    注文履歴ログイン #orderlogin
----------------------------------------------------*/
/*----------------------------------------------------
    パスワード紛失 #orderlogin
----------------------------------------------------*/
/*----------------------------------------------------
    約款 #contract
----------------------------------------------------*/
#contractBox{
    width:700px;
    height:280px;
    overflow:auto;
    border:1px solid #b2b2b2;
    padding:10px;
    text-align:left;
    margin-top:20px;
}
/*----------------------------------------------------
    会員登録修正フォーム #member
----------------------------------------------------*/
#memberForm #M_entryForm{
    margin:30px 10px 20px;
    width:740px;
    border-top:1px solid #b2b2b2;
    border-left:1px solid #b2b2b2;
}
* html #memberForm #M_entryForm{
    position:relative;
}
#memberForm #M_entryForm th,
#memberForm #M_entryForm td{
    border-bottom:1px solid #b2b2b2;
    border-right:1px solid #b2b2b2;
    padding:8px;
}
* html #memberForm #M_entryForm th,
* html #memberForm #M_entryForm td{
    position:relative;
}
#memberForm #M_entryForm th{
    background:#eee;
    width:160px;
}
#memberForm .M_txt{
    font-size:11px;
    margin-left:10px;
}
#memberForm #mailreceiveN,
#memberForm #sex1{
    margin-left:10px;
}
#memberForm .M_ex,
#memberForm .M_info{
    font-size:11px;
    color:#666;
}
#memberForm .M_post{
    display:block;
    width:96px;
    height:22px;
    background:url(../../images/original_design_default/samplesource/3/r_postBtn.png) no-repeat;
    float:left;
    text-indent:-9999em;
    overflow:hidden;
    _zoom:1;
}
#memberForm #mailreceiveY,
#memberForm #mailreceiveN,
#memberForm #sex0,
#memberForm #sex1{
    border:none;
}
#M_changepw #M_changepwTable th{
    background:#615D5C;
}

/* 退会する */
#r_leave img{
    display:none;
}
#r_leave a{
    display:block;
    width:81px;
    height:22px;
    margin-top:5px;
    background:url(../../images/original_design_default/samplesource/3/memberjoin_escape.png) no-repeat 0 0;
}
#r_leave a:hover{
    background-position:0 -22px
}

/*----------------------------------------------------
    ポイント #point
----------------------------------------------------*/
#r_pointData{
    border:1px solid #b2b2b2;
    background:#eee;
    padding:10px;
    margin:20px 60px 30px;
}
#r_pointData p{
    text-align:center;
}
#r_pointData strong{
    font-size:15px;
    font-weight:bold;
    color:#cc0000;
}
#r_pointList table{
    border-collapse:separate;
    width:400px;
    margin:0 180px;
    border-spacing:0;
}
#r_pointList td{
    border:1px solid #b2b2b2;
    padding:8px;
    text-align:center;
}
#r_pointList td font{
    font-size:13px;
}

/*----------------------------------------------------
    まとめ買い #matomegai
----------------------------------------------------*/
/* まとめ買いタイトル */
#matomegai h2{
    font-size:14px;
    margin-bottom:20px;
    background:url(../../images/original_design_default/samplesource/3/h2title.png) no-repeat center;
    line-height:60px;
    height:60px;
    padding-left:20px;
}

/* カテゴリーリスト */
#matomegai .innerList{
    overflow:hidden;
    _zoom:1;
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    text-align:left;
}
#matomegai .innerList li{
    vertical-align: top;
    letter-spacing: normal; /* 文字間を通常に戻す */
    width:25%;/* 商品数が4つなので100%÷4=25% */
    display:inline-block;
    /display: inline;  /* IE用ハック */
    /zoom: 1;  /* IE用ハック */
}
#matomegai .innerBox{
    margin:10px;
    text-align:center;
}
#matomegai .detail{
  text-align: left;
}
#matomegai .name{
    margin-bottom:5px;
}
#matomegai .imgWrap{
    text-align:center;
    margin-bottom:5px;
}
#matomegai .price span{
    padding:0 2px;
}
#matomegai .price{
    font-weight:bold;
    color:#333;
}
#matomegai .consumerPrice{
    font-size:11px;
    color:#999;
    text-decoration:line-through;
}
#matomegai .else{
    text-align:left;
}
#matomegai .else li{
    float:none;
    width:auto;
    display:inline;
}
#matomegai .M_lumpinput{
    text-align:right;
}
#matomegai .content{
    border-top:1px dashed #b2b2b2;
    padding:10px 0;
    margin:10px auto;
    border-bottom:1px dashed #b2b2b2;
    font-size:11px;
}
#matomegai .btnWrap{
    margin:10px auto 5px;
    background:#e6e6e6;
    padding:5px 0;
    text-align:left;
}
#matomegai .btnWrap .soldout{
    text-align:center;
    color:#cc0000;
}
#matomegai .btnWrap a, #matomegai .wishlistBtn{
	display: inline-block;
	text-indent: -9999em;
}
#matomegai .btnWrap a{
	width: 77px;
	height: 18px;
	margin-left: 5px;
}
#matomegai .wishlistBtn{
	width: 147px;
	height: 22px;
}
#matomegai .cartBtn{
	background: url("../../images/original_design_default/samplesource/3/r_c_basketBtn.png") no-repeat;
}
#matomegai .quickBtn{
	background: url("../../images/original_design_default/samplesource/3/r_c_buyBtn.png") no-repeat;
}
#matomegai .wishlistBtn{
	background: url("../../images/original_design_default/samplesource/3/r_wishlistBtn.png") no-repeat;
}
#matomegai .btnWrap a:hover, #matomegai .wishlistBtn:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*----------------------------------------------------
    買い物カゴ #basket
----------------------------------------------------*/
#r_basket{
    margin-bottom:60px;
}
#basketTable{
    width:100%;
    margin-top:30px;
}
#basketTable th,#basketTable td{
    text-align:center;
    border-bottom:1px solid #b2b2b2;
    padding:6px;
}
#basketTable th{
    border-top:2px solid #b2b2b2;
    border-bottom:1px dashed #b2b2b2;
    white-space:nowrap;
}
#basketTable .basketNum{
    width:30px;
    padding:0;
}
#basketTable .basketImg{
    width:56px;
}
#basketTable .basketName{
    width:400px;
    text-align:left;
}
#basketTable .basketMatomegai{
	margin-top: 4px;
	display: inline-block;
}
#basketTable .basketMatomegai a{
	border: 1px solid #999;
	padding: 2px 5px;
	font-size: 11px;
	display: inline-block;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	color: #999;
	text-decoration: none;
}
#basketTable .basketMatomegai a:hover{
	background: #999;
	color: #fff;
}
.quantityWrap{
	display:table;
}
.quantityInput,.basketQunantity,.quantityAmend{
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
}
#basketTable .basketQuantity td{
    border:none;
    padding:0;
}
#basketTable .basketPoint{
    width:70px;
}
#basketTable .basketPrice{
    width:70px;
}
#basketTable .basketOption{
    text-align:left;
    margin-top:4px;
}
#basketTable .basketHaisou{
    padding:0;
}
#basketTable .carriageWrap{
    margin:4px 0;
}
#basketTable .basketHaisou p{
    text-align:right;
}
#basketTable .basketHaisou .carriageMsg1{
    color:#cc0000;
}
#basketTable .basketHaisou .carriageMsg2{
    font-size:11px;
}
#basketTable .basketBtns{
    width:80px;
}
#basketTable .basketBtns img{
    margin-bottom:2px;
}
#basketTable .basketTotal{
    text-align:right;
    background:#ebebeb;
    border-top:3px solid #b2b2b2;
}
#basketTable .basketTotal em{
    font-weight:bold;
    font-size:15px;
    color:#cc0000;
}
#basketTable .basketTotal a{
	text-decoration: underline;
	margin-left: 4px;
}
#basketTable .basketTotal a:hover{
	text-decoration: none;
}
#basketTable .totalWrap{
	width: 60%;
	margin: 0 0 0 auto;
}
#basketTable .totalItem{
	float: left;
	clear: left;
	width: 60%;
	text-align: right;
}
#basketTable .matomegaiWrap{
	margin-bottom: 4px;
}
#basketTable .basketEmpty p{
    text-align:center;
    margin:10px auto;
}
#r_basket .btnWrap .btnBack{
    float:left;
    padding-top:5px;
    margin-left:10px;
}
#r_basket .btnWrap .btnOrder{
    float:right;
    margin-right:10px;
}

/* Amazonボタン */
.amazonButtonWrap{
	margin-top:10px;
}
.amazonButton{
	width:205px;
}

/* お気に入りリスト */
#wishTable{
    width:100%;
}
#wishTable th,#wishTable td{
    text-align:center;
    border-bottom:1px solid #b2b2b2;
    padding:6px;
}
#wishTable th{
    border-top:2px solid #b2b2b2;
    border-bottom:1px dashed #b2b2b2;
}
#wishTable .wishName{
    text-align:left;
    width:240px;
}
#wishTable .wishQuantity input{
    margin-right:4px;
}


/*----------------------------------------------------
    カタログ #catalog
----------------------------------------------------*/
#catalog .ctlg_text{
    margin-top:24px;
}
#r_catalog .catalogCart{
    text-align:right;
    margin:8px 0;
}



/* ---------------------------------------------------
  180904 makeshop
  mgland.css
----------------------------------------------------- */

/* component */
.ibp {
  width:100%;
  letter-spacing: -.5em;
}

.ib {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.full-page {
    width:1000px;
    margin:auto;
}

a.box {
    width:100%;
    height: 100%;
    display: block;
}




#mastHead {
  width:1000px;
  margin:auto;
  height: 40px;
  display: table;
  table-layout: fixed;
}

#mastHead h1 {
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  display: table-cell;
  vertical-align:middle;
  width:40%;
}

#mastHead .subnav {
  display: table-cell;
  vertical-align: middle;
  width:60%;
  height: 40px;
}

#mastHead .subnav table {
  width:100%;
  text-align: right;
  height: 40px;
}

#mastHead .subnav td {
  vertical-align: middle;
}

#mastHead .subnav ul {
  text-align:right;
}

#mastHead .subnav li {
  margin-left: 10px;
  padding:10px 0;
  font-size: 12px;
  vertical-align: middle;
}

#mastHead .subnav li a {
  border-left:1px solid #bbb;
  line-height: 1;
  padding-left:10px;
}

#mastHead .subnav li:first-child,
#mastHead .subnav li:first-child a {
  margin-left: 0;
  padding-left: 0;
  border:none;
}

#headerWrap {
  width:100%;
  background:#478f8a;
  color:#fff;
}

#headerWrap #header {
  width:1000px;
  margin:auto;
  height: 79px;
  display: table;
}

#headerWrap #header .ib {
  width:50%;
  vertical-align: middle;
}

#header #shopLogo {
  padding-top: 23px;
  text-align: left;
}

#header #headerSearch {
  text-align: right;
  padding-top: 29px;
}

#header #headerSearch .inner {
  width:260px;
  padding-left: 240px;
}

#header #headerSearch .inner input {
  width:227px;
  height: 24px;
  border:none;
  background:#fff;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-left: 12px;
  box-sizing: border-box;
  outline: 0;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

#header #headerSearch .inner a {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width:33px;
  height: 24px;
  background:url(../../mlshop/public_html/common/images/h-searchBtn.png) center center no-repeat #e6e6e6;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  text-indent:-9999px;
  text-align: left;
}

#globalNav {
  border-top:1px solid #a3c7c5;
  width:100%;
  margin-bottom: 40px;
}

#globalNav ul {
  width:1000px;
  margin:auto;
  position:relative;
}

#globalNav li {
  width:20%;
  height: 40px;
  vertical-align: middle;
}

#globalNav li a:hover {
    text-decoration: none;
}

#globalNav li.gnav span {
  height: 40px;
  line-height: 40px;
  display: block;
  color:#fff;
  letter-spacing: .2em;
  text-decoration: none;
}

#globalNav li.gnav,.nav4 a {
  letter-spacing: normal;
}

#globalNav li.gnav a span {
  line-height: 1;
  /*border-left:1px solid #a3c7c5;*/
  width:100%;
  display: block;
  height: 40px;
  line-height: 40px;
}

#globalNav li.gnav span {
    position:relative;
    cursor: pointer;
}

#globalNav li.gnav span:before,
#globalNav li.gnav2 span.btn:before {
    content:"";
    border-left:1px solid #a3c7c5;
    position:absolute;
    top:10px;
    left:0;
    width:1px;
    height: 20px;
}

#globalNav li.gnav:hover {
  background:rgba(255,255,255,.1);
}


#globalNav li.nav5 a {
  background:rgba(255,170,0,1);
  transition: .3s;
  line-height: 40px;
  color:#fff;
  display: block;
}

#globalNav li.nav5 a:hover  {
  background:rgba(255,170,0,.9);
  text-decoration: none;
}

#globalNav li.nav5 i.cart {
  width:18px;
  height: 16px;
  background:url(../../mlshop/public_html/common/images/icon-cart.png) center no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

#globalNav li.nav2 .innerWrap {
  display: none;
  position: absolute;
  top:40px;
  left:0;
  width:1000px;
  z-index: 10;
  background:#f0f0f0;
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  padding:50px 30px 30px;
  box-sizing: border-box;
}

#globalNav .innerWrap .closeBtn {
  position: absolute;
  top:20px;
  right:20px;
  font-size: 22px;
  color:#333;
  cursor: pointer;
}

#globalNav .innerWrap .content1 dl {
  width:33.3333%;
  text-align: left;
}

#globalNav .innerWrap .content1 dl dt {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
  color:#333;
}

#globalNav .innerWrap .content1 dl dd li {
  line-height: 1.5;
  height: auto;
  padding-left: 12px;
  background:url(../../mlshop/public_html/common/images/angle-right.png) left center no-repeat;
  background-size:4px 8px;
  font-size: 13px;
}

#globalNav .innerWrap .content2 {
  margin-top: 30px;
  padding-top: 30px;
  border-top:1px solid #ccc;
}

#globalNav .innerWrap .content2 h2 {
  width:20%;
  text-align: left;
  font-size: 18px;
  color:#333;
  font-weight: 400;
}

#globalNav .innerWrap .content2 .innerCnt {
  text-align: left;
  width:80%;
}

#globalNav .innerWrap .content2 .innerCnt ul {
  width:100%;
}

#globalNav .innerWrap .content2 .innerCnt li {
  line-height: 1.5;
  height: auto;
  font-size: 13px;
}


/* front page
--------------------------------- */
#splashInner {
    margin-top: -40px;
    width:100%;
    padding: 50px 0;
    background:#fafafa;
    border-bottom:1px solid #ccc;
}

#splashInner .bx-wrapper {
    margin-bottom: 20px;
}

#splashInner .bx-wrapper .bx-viewport {
    background:transparent;
    box-shadow:none;
}

#splash li {
    position:relative;
}

#splash li .text-bloc {
    position:absolute;
    background:rgba(0,0,0,.5);
    bottom:0;
    left:0;
    width:100%;
    z-index: 2;
    display: table;
    table-layout: fixed;
}

#splash li .text-bloc .sale-date {
    display: table-cell;
    width:241px;
    vertical-align: middle;
    padding:17px 14px;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
}

#splash li .text-bloc .btn {
    width:84px;
    display: table-cell;
    vertical-align: middle;
    padding:10px 12px;
    box-sizing: border-box;
}

#splash li .text-bloc .btn a {
    width:60px;
    height: 28px;
    line-height: 28px;
    background:#fa0;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
    transition:.3s;
    box-shadow:0 0 5px rgba(0,0,0,.5);
    text-shadow:0 0 1px rgba(0,0,0,.5);
}

#splash li .text-bloc .btn a:hover {
    text-decoration: none;
    background:#478f8a;
}

#splashInner .bx-wrapper .bx-controls-direction a {
    z-index: 2;
}

/* news */
#newsList {
    margin-top: 40px;
    border:1px solid #ccc;
    position:relative;
    padding:6px 23px;
    background:#fafafa;
}

#newsList span.trigger {
    position:absolute;
    right:0;
    top:0;
    cursor: pointer;
    background:url(../../mlshop/public_html/common/images/box-plus.png) 0 0 no-repeat;
    width:60px;
    height: 40px;
}

#newsList span.trigger.active {
    background:url(../../mlshop/public_html/common/images/box-minus.png) 0 0 no-repeat; 
}

#newsList tbody tr:nth-child(n+2) td table:nth-child(n+2) {
    display: none;
    position:relative;
}

#newsList tr td.line {
    display: none;
}

#newsList tr td table tr td.woong {
    vertical-align: middle;
}

#newsList tr td table td.woong:first-child {
    width:226px;
    font-size: 18px;
    font-weight: bold;
}

#newsList tr td table td.woong:first-child:after {
    content:url(../../mlshop/public_html/common/images/news-angle-triple.png);
    margin:0 0 0 27px;
}

#newsList tr td table td.woong:first-child:first-letter,
#newsList tr td table td.woong:first-child:last-letter {
    display: none;
}

#newsList tr td table td.woong a {
    text-decoration: underline;
}

/* main ranking */
.indexSection h2 {
    text-indent:-9999px;
    line-height: 1;
    margin-bottom: 58px;
}

#mainRanking {
    margin-top: 94px;
}

#mainRanking h2 {
    background:url(../../mlshop/public_html/common/images/ranking-title.png) center no-repeat;
    height: 34px;
}

#mainRanking ol {
    padding:0 15px;
    box-sizing: border-box;
}

#mainRanking li {
    width:154px;
    margin-right: 50px;
}

#mainRanking li:nth-child(5n) {
    margin-right: 0;
}

#mainRanking li:nth-child(n+6) {
    margin-top: 39px;
}

#mainRanking li .ranking-image {
    padding:0 10px;
    margin-bottom: 10px;
}

#mainRanking li .ranking-image img {
    width:100%;
    height: auto;
}

#mainRanking li a:hover {
    text-decoration: none;
}

#mainRanking li a h3 {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding:0 10px;
}

#mainRanking li a .price {
    text-align: center;
    padding:0 10px;
    font-weight: bold;
}

#mainRanking li a .rankNo {
    font-weight: bold;
    text-align: center;
    color:#808080;
}

#mainRanking li:first-child a .rankNo {
    color:#dfb804;
}

#mainRanking li:nth-child(2) a .rankNo {
    color:#b0afaf;
}

#mainRanking li:nth-child(3) a .rankNo {
    color:#c78c5d;
}


/* 新刊 */
#sinkan {
    border-top:1px solid #ccc;
    padding:79px 0;
    border-bottom:1px solid #ccc;
    background:#fafafa;
    margin-top: 99px;
}

#sinkan h2 {
    background:url(../../mlshop/public_html/common/images/sinkan-title.png) center no-repeat;
    height:34px;
}

#sinkan ul {
    width:1000px;
    margin:auto;
}

#sinkan li {
    width:300px;
    margin-right: 50px;
    text-align: center;
}

#sinkan li:nth-child(3n) {
    margin-right: 0;
}

#sinkan li:nth-child(n+4) {
    margin-top: 43px;
}

#sinkan .sinkan-image {
    margin-bottom: 10px;
}

#sinkan h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: center;
}

#sinkan p {
    text-align: center;
}

.more a {
    display: block;
    width:178px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin:38px auto 0;
    background:#fff;
    border-radius: 20px;
    border:1px solid #ccc;
    transition:.3s;
}

.more a:hover {
    background:#333;
    text-decoration: none;
    color:#fff;
}

/* 書籍 */
#shoseki {
    margin-top: 95px;
}

#shoseki h2 {
    background:url(../../mlshop/public_html/common/images/shoseki-title.png) center no-repeat;
    height:34px;
    margin-bottom: 55px;
}

/* 雑誌 */
#zassi {
    margin-top: 120px;
}

#zassi h2 {
    background:url(../../mlshop/public_html/common/images/zassi-title.png) center no-repeat;
    height: 34px;
    margin-bottom: 55px;
}

.carousel-next {
    background:url(../../mlshop/public_html/common/images/angle-right.png) 0 0 no-repeat;
    width:16px;
    height: 30px;
}

.carousel-prev {
    background:url(../../mlshop/public_html/common/images/angle-left.png) 0 0 no-repeat;
    width:16px;
    height: 30px;
}

#zassi .bx-wrapper .bx-pager,
#shoseki .bx-wrapper .bx-pager {
    display: none;
}

#zassi .bx-wrapper,
#shoseki .bx-wrapper {
    margin-bottom: 0;
}

#zassi .bx-wrapper .bx-viewport,
#shoseki .bx-wrapper .bx-viewport {
    box-shadow: none;
}

#zassi .bx-wrapper .bx-prev,
#shoseki .bx-wrapper .bx-prev {
    background:url(../../mlshop/public_html/common/images/angle-left.png) 0 0 no-repeat;
    width:16px;
    height: 30px;
    z-index: 2;
    position: absolute;
    top:50%;
    left:-24px;
    -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
}

#zassi .bx-wrapper .bx-next,
#shoseki .bx-wrapper .bx-next {
    background:url(../../mlshop/public_html/common/images/angle-right.png) 0 0 no-repeat;
    width:16px;
    height: 30px;
    z-index: 2;
    position: absolute;
    top:50%;
    right:-32px;
    -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
}

.carousel-bookFace h3,
.carousel-bookFace p.price {
    text-align: center;
    box-sizing: border-box;
}

.carousel-bookFace a img {
    padding:0 10px;
    box-sizing: border-box;
}

/* おすすめ */
#recommend {
    border-top:1px solid #ccc;
    padding:79px 0;
    border-bottom:1px solid #ccc;
    background:#fafafa;
    margin-top: 99px;
}

#recommend h2 {
    background:url(../../mlshop/public_html/common/images/osusume-title.png) center no-repeat;
    height: 34px;
    text-align: center;
}

/* 関連サイト */
#kanren {
    margin-top: 98px;
}

#kanren h2 {
    background:url(../../mlshop/public_html/common/images/kannren-title.png) center no-repeat;
    height: 34px;
}

#kanren li {
    width:244px;
    margin-right: 8px;
    margin-bottom: 8px;
}

#kanren li:nth-child(4n) {
    margin-right: 0;
}

/* footer */
#footerCont {
    border-top:1px solid #ccc;
    padding:40px 0 57px;
    border-bottom:1px solid #ccc;
    background:#fafafa;
    margin-top: 120px;  
}

#footerCont .inner {
    width:1000px;
    margin:auto;
}

#footerCont .inner dl {
    width:244px;
    margin-right: 8px;
    text-align: left;
}

#footerCont .inner dl.last-child {
    margin-right: 0;
}

#footerCont dt {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px;
}

#footerCont dd + dt {
    margin-top: 50px;
}

#footerCont dd ul li {
    line-height: 1.875;
}

#footerCont dd ul.ibp li.ib {
    margin-right: 9px;
}

#footerCont dd ul.ibp li.ib:last-child {
    margin-right: 0;
}

#footerList {
    margin-top: 28px;
}

#footerList ul {
    text-align: center;
}

#footerList li {
    margin-right: 40px;
}

#footerList li a {
    text-decoration: underline;
}

#footerList li:last-child {
    margin-right: 0;
}

#copyright {
    text-align: center;
    line-height: 1;
    margin-top: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    color:#999;
}

/* sidebar */
#sidebar {
    width:200px;
    margin-right: 35px;
}

#sidebar #M_ctgList1 li, 
#sidebar #M_ctgList2 li,
#sidebar #M_ctgList3 li {
    line-height: 2.8;
}

#sideCategory {
    border-top:1px solid #ccc;
}

#sidebar #M_ctgList3 .M_hasChild span {
    background:none;
    padding-left: 0;
    width:100%;
    display: inline-block;
}

#sidebar .M_layer1 li span.hasChild {
    border-bottom:1px solid #ccc;
}

#sidebar #M_ctgList3 .M_hasChild span.M_itemCnt {
    display: inline;
}

#sidebar #M_ctgList3 li a {
    display: block;
    width:100%;
}

#sidebar #M_ctgList3 .M_currentParent ul {
    padding-left: 0;
}

#sidebar #M_ctgList3 .M_currentParent ul li span a {
    padding-left: 10px;
    box-sizing: border-box;
}

#sidebar #M_ctgList3 li .single {
    width: 100%;
    display: block;
    padding-left: 0;
    border-bottom: 1px solid #ccc;
}

#sidebar #M_ctgList3 li.M_hasChild {
    position: relative;
}

#sidebar #M_ctgList3 li.M_hasChild:after {
    content:url(../../mlshop/public_html/common/images/icon-plus.png);
    font-size: 17px;
    position: absolute;
    right:10px;
    top:15px;
    color:#999;
}

#sidebar #M_ctgList3 li.M_hasChild.M_childOpen:after {
    content:url(../../mlshop/public_html/common/images/icon-minus.png);
    top:19px;
}

#sidebar .M_layer2 li {
    border-bottom:none;
}

#sidebar li a {
    text-decoration: none;
}

#sidebar li a:hover {
    text-decoration: none;
    background:#fafafa;
}

#sidebar #M_ctgList3 li .hasChild a .M_itemCnt,
#sidebar .M_layer1 li span.hasChild a M_itemCnt{
    text-decoration: none;
    border-bottom:none;
}

#sidebar .M_layer1 li span.hasChild + .M_layer2 li span,
#sidebar li .M_layer2 li span {
    border:none;
}

#sidebar li .M_layer2 li {
    border-bottom:1px dashed #ddd;
}

#sidebar #sideSearch {
    background:#efefef;
    padding:10px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}

#sidebar #sideSearch input[name="search"] {
    border:1px solid #aaa;
    padding:0 8px;
    height: 24px;
    line-height: 24px;
    width:150px;
    box-sizing: border-box;
    vertical-align: middle;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0;
}

#sidebar #sideSearch a.ib {
    vertical-align: middle;
    text-indent:-9999px;
    width:30px;
    line-height: 24px;
    background: url(../../mlshop/public_html/common/images/side-search-btn.png) center center no-repeat #666;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* category */
.pankuzu {
    font-size: 11px;
    margin-bottom: 30px;
}

.pankuzu font {
    color:#333;
}

#categoryHead h2 {
    border-left:4px solid #333;
    padding-left: 12px;
    font-size: 18px;
}

.sortList {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: right;
}

.sortList li {
    margin-right: 10px;
    padding-right: 10px;
    line-height: 1;
    border-right:1px solid #ccc;
    font-size: 12px;
}

.sortList li:last-child {
    margin-right: 0;
    padding-right: 0;
    border:none;
}

#categoryItemList ul {
    text-align: left;
}

#categoryItemList li {
    width:245px;
    margin-right: 15px;
    margin-bottom: 20px;
}

#categoryItemList li:nth-child(3n) {
    margin-right: 0;
}

#categoryItemList li .inner {
    padding:10px;
    box-sizing: border-box;
}

#categoryItemList .img-bloc {
    border:1px solid #ccc;
    padding:10px;
    width:203px;
    height: 288px;
    margin-bottom: 10px;
}

#categoryItemList .img-bloc a {
    width:203px;
    height: 288px;
    position:relative;
    overflow: hidden;
}

#categoryItemList .img-bloc img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

#categoryItemList .text-bloc h3 {
    font-weight: normal;
    height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

#categoryItemList .text-bloc .price {
    text-align: center;
    font-weight: bold;
}

#categoryItemList .text-bloc .catBasket a {
    width:150px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin:10px auto 0;
    background:rgba(255,170,0,1);
    display: block;
    color:#fff;
    transition: .1s;
}

#categoryItemList .text-bloc .catBasket a:hover {
    background:rgba(255,170,0,.7);
    color:#fff;
    text-decoration: none;
}

#categoryItemList .text-bloc .catBasket i.cart {
    width: 18px;
    height: 16px;
    background: url(../../mlshop/public_html/common/images/icon-cart.png) 0 -2px no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#catGroup table{
    margin-top: 30px;
}

#catGroup td table {
    margin-top: 0;
}

#catGroup td img {
    display: none;
}

#catGroup td {
    width:auto;
    white-space: nowrap;
}

/* 商品詳細 */
#photoL {
    width:420px;
}

#photoL a#zoom {
    margin:30px auto 0;
    display: block;
    border-radius: 3px;
    border:1px solid #ccc;
    text-align:center;
    text-decoration: none;
    width:180px;
    font-size: 12px;
    line-height: 27px;
    height: 27px;
    transition: .1s;
}

#photoL a#zoom:hover {
    background:#333;
    color:#fff;
}

#itemDetail {
    margin-left: 15px;
    width:330px;
    text-align: left;
}

#commodity .itemName {
    font-size: 22px;
    padding-bottom: 15px;
    border-bottom:1px solid #ccc;
    margin-bottom: 30px;
}

#itemDetail .brandName-icon {
    font-size: 17px;
    margin-bottom: 30px;
}

#itemDetail .brandName-icon img {
    display: block;
    margin-top: 10px;
}

#itemDetail .taxprice {
    font-size: 22px;
    font-weight: bold;
}

#itemDetail .taxprice span {
    font-size: 14px;
    font-weight: normal;
}

#itemDetail .isbn {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
}

#itemDetail .caution {
    background:#efefef;
    padding:15px;
    box-sizing: border-box;
    color:#cc0000;
    text-align: center;
    font-size: 12px;
    margin: 20px 0;
}

#itemDetail .quant .ib {
    vertical-align: middle;
}

#itemDetail .quant .quant-input input {
    border:1px solid #aaa;
    width:60px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    margin-right: 5px;
}

#itemDetail .quant .count a {
    display: block;
    margin:3px 0;
}

#itemDetail .caution-text {
    margin: 20px 0;
}

#itemDetail .caution-text li {
    margin-left: 1.5em;
    list-style: disc;
    font-size: 11px;
    margin-bottom: 5px;
}

#itemDetail .caution-text li a {
    text-decoration: underline;
    color:#c00;
    font-weight: bold;
}

#basketArea {
    margin: 40px 0 15px;
}

#basketArea .ib {
    width:50%;
    vertical-align: middle;
    line-height: 33px;
    height: 33px;
    text-align: center;
    font-size: 14px;
    transition: .2s;
}

#basketArea li a.getCart {
    display: block;
    width:100%;
    color:#fff;
    transition: .2s;
    background:#FFAA00;
    border:1px solid #FFAA00;
    font-weight: bold;
}

#basketArea li a.getCart:before {
    content:url(../../mlshop/public_html/common/images/addBasket-wh.png);
    margin-right: 5px;
}

#basketArea li a.getCart:hover {
    background:#fff;
    color:#FFAA00;
    text-decoration: none;
    border-right:none;
}

#basketArea li a.getCart:hover:before {
    content:url(../../mlshop/public_html/common/images/addBasket-orange.png);
}

#basketArea li a.addFav {
    border:1px solid #FFAA00;
    color:#FFAA00;
    display: block;
    font-weight: bold;
}

#basketArea li a.addFav:before {
    content:url(../../mlshop/public_html/common/images/addFav-orange.png);
    margin-right: 5px;
}

#basketArea li a.addFav:hover {
    background:#FFAA00;
    color:#fff;
    border-left:1px solid #fff;
    text-decoration: none;
}

#basketArea li a.addFav:hover:before {
    content:url(../../mlshop/public_html/common/images/addFav-wh.png);
    margin-right: 5px;
}

#social ul {
    text-align: center;
    margin-bottom: 40px;
}

#social li + li {
    margin-left: 15px;
}

#itemDetailWrap .cont {
    text-align: left;
    line-height: 1.7;
}

#itemDetailWrap .cont + .cont {
    margin-top: 20px;
    padding-top: 20px;
    border-top:1px solid
}

.utate {
    line-height: 1.5;
    display: block;
    font-size: 12px;
    color:#333;
    width:70%;
    margin-top: 10px;
}

.utate-link a {
    display: block;
    background:#478f8a;
    color:#fff;
    display: block;
    margin-top: 10px;
    width:70%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    transition: .2s;
    border:1px solid #478f8a;
}

.utate-link a:hover {
    background:#fff;
    color:#478f8a;
    text-decoration: none;
}


/* 商品検索 */
#search h2 {
    border-left: 4px solid #333;
    padding-left: 12px;
    font-size: 18px;
    margin-bottom: 30px;
}

#kensakuTable {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    box-sizing: border-box;
}

#kensakuTable h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1;
}

#kensakuTable table {
    margin: 20px 0;
    border-collapse: collapse;
    width:100%;
    table-layout: fixed;
    border:1px solid #ddd;
}

#kensakuTable th, #kensakuTable td {
    padding:9px 12px;
    border:1px solid #ddd;
}

#kensakuTable th {
    width:30%;
}

#kensakuTable .btn a {
    display: block;
    width:220px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin:auto;
    color:#fff;
    background:#478f8a;
    border-radius: 2px;
    border:1px solid #478f8a;
    transition: .2s;
    text-decoration: none;
}

#kensakuTable .btn a:hover {
    color:#478f8a;
    text-decoration: none;
    background:#fff;
}

#kensakuTable input, #kensakuTable select {
    border:1px solid #aaa;
    padding:6px 8px;
    width:70%;
}

#kensakuTable .s input {
    width:20%;
}

#kensakuTable select + select {
    margin-top: 5px;
}

#kensakuList ul {
    text-align: left;
}

#kensakuList li {
    width: 245px;
    margin-right: 15px;
    margin-bottom: 20px;
}

#kensakuList li:nth-child(3n) {
    margin-right: 0;
}

#kensakuList li .inner {
    padding: 10px;
    box-sizing: border-box;
}

#kensakuList .inner a {
    width:100%;
    height: 100%;
    display: block;
}

#kensakuList .inner img {
    padding: 0 10px;
    box-sizing: border-box;
}

#kensakuList .inner h4 {
    font-weight: 400;
    text-align: center;
}

#kensakuList .inner .price {
    text-align: center;
    font-weight: bold;
}

/* news */
#newsContents p.date {
    text-align: right;
    margin-bottom: 30px;

}

#newsContents h2 {
    border-left: 4px solid #333;
    padding-left: 12px;
    font-size: 18px;
}

#newsContents .btn a {
    display: block;
    width:180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background:#478f8a;
    border:1px solid #478f8a;
    transition: .2s;
    color:#fff;
    margin:40px auto;
    border-radius: 2px;
}

#newsContents .btn a:hover {
    background:#fff;
    color:#478f8a;
    text-decoration: none;
}

#newsContents .cont {
    text-align: left;
    line-height: 1.7;
}

#newsArchive h2 {
    border-left: 4px solid #333;
    padding-left: 12px;
    font-size: 18px;
    margin-bottom: 30px; 
}

#newsArchive .pager {
    margin:40px auto;
}

#newsArchive td.line {
    display: none;
}

#newsArchive td {
    padding: 8px 10px;
    border-bottom:1px dashed #ddd;
}

#newsArchive .cont {
    text-align: left;
}

/* 買い物かご */
#basket .entry-title {
    border-left: 4px solid #333;
    padding-left: 12px;
    font-size: 18px;
    margin-bottom: 30px; 
}

#basket .basketQ a img {
    width:12px;
    height: auto;
    margin:4px auto;
}

#basket .basketQ input {
    width:76px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border:1px solid #aaa;
}

#basket .ref a {
    display: block;
    width:60px;
    font-size: 11px;
    color:#fff;
    margin:10px auto 0;
    background:#555;
    line-height: 24px;
    height: 24px;
}

#basket .ref a:hover {
    background:#777;
    text-decoration: none;
}

#basket .basketBtns a {
    display: block;
    width:60px;
    border-radius: 2px;
    height: 23px;
    line-height: 23px;
    color:#fff;
    background:#777;
    font-size: 11px;
    margin:3px 0;
    font-weight: normal;
}

#basket .basketBtns a:hover {
    text-decoration: none;
    background:#999;
}

#basket .basketTotal h3.total-title,
#basket .basketTotal dl {
    display: inline-block;
}

.cartNext.btn a {
    display: block;
    background:#478f8a;
    border:1px solid #478f8a;
    color:#fff;
    transition: .2s;
    width:300px;
    height: 45px;
    line-height: 45px;t
    text-align:center;
}

.cartNext.btn a span {
    background:url(../../mlshop/public_html/common/images/icon-cartNext-wh.png) 0 2px no-repeat;
    width:16px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
}

.cartNext.btn a:hover {
    background:#fff;
    color:#478f8a;
    text-decoration: none;
}

.cartNext.btn a:hover span {
    background:url(../../mlshop/public_html/common/images/icon-cartNext-green.png) 0 2px no-repeat; 
}

#r_recent h3 {
    font-size: 15px;
    font-weight:bold;
    line-height: 1;
    margin-bottom: 30px; 
}

/* information */
#info h2 {
    border-left: 4px solid #333;
    padding-left: 12px;
    font-size: 18px;
    margin-bottom: 30px; 
}

#info .inlink ul {
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: -.5em;
}

#info .inlink li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: normal;
}

#info .inlink li + li {
    margin-left: 15px;
    padding-left: 15px;
    line-height: 1;
    border-left:1px solid #ccc;
}

#info .infoCont {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom:1px dashed #ddd;
}

#info .infoCont h3 {
    font-size: 15px;
    line-height: 1;
    margin-bottom: 20px;
}

#info ul {
    list-style: disc;
    margin-left: 1.5em;
}

#info dl {
    margin-bottom: 25px;
}

#info dt {
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
}

/* company */

#company h2 {
    border-left: 4px solid #333;
    padding-left: 12px;
    font-size: 18px;
    margin-bottom: 30px;  
}

#company h2 {
    margin-bottom: 20px;
}

#contract h2 {
    border-left: 4px solid #333;
    padding-left: 12px;
    font-size: 18px;
    margin-bottom: 30px; 
}

#contract table {
    table-layout: fixed;
    border-collapse: collapse;
    border:1px solid #ddd;
}

#contract th, #contract td {
    padding:8px 10px;
    border:1px solid #ddd;
}

#contract th {
    width:30%;
    background:#f8f8f8;
}

/* 180927 */
#splashInner .bx-wrapper {
    border:none;
    box-shadow: none;
}