@charset "euc-jp";


/*---------------------
´ðËÜ
---------------------*/

/*¢§IE¤Ç¤ÎMaterial Iconsɽ¼¨¤ËɬÍ×*/
body {
    text-rendering: optimizeLegibility;
    font-kerning: normal;               
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";
    margin:0;
    padding:0;
}

#mtx * {margin:0;padding:0; border: none}

#mtx{
	width:100%;
	margin:0 auto ;
    padding-bottom: 1rem;
    background: #FFFFFF;
    text-align: left;
    font-size: 1rem;
    font-family: 
        -apple-system, blinkMacSystemFont, /* Mac¤Î²¤Ê¸¤ÏSan Francisco (OS X 10.11°Ê¹ß) */ 
        'Helvetica Neue', /* Mac¤Î²¤Ê¸ (OS X 10.10°ÊÁ°) */ 
        'Segoe UI', /* Windows¤Î²¤Ê¸ */ 
        'Hiragino Kaku Gothic ProN', /* Mac¤Î¥Ò¥é¥®¥Î */ 
        Meiryo, /* Windows¤Î¥á¥¤¥ê¥ª */ 
        sans-serif;
    font-weight: normal;
    letter-spacing: 0.05rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#mtx a{
	text-decoration:none;
	color:#333;
    -webkit-transition: .3s;
    transition: .3s;
	}

#mtx a:link {
      color: #333;
      text-decoration: none;
}

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

#mtx a:hover {
    color: #333;
    text-decoration: none;
}

#mtx ul{
    overflow: hidden
}

#mtx li{
    list-style:none;
    float: left;
    overflow: hidden
}

#mtx img {
    width: 100%
}

#mtx h2{
	margin: 2% 0;
	padding-top: 1.5%;
	text-align: center;
	font-size: 165%;
	border-bottom: #1c8276 5px solid;
	border-top: #1c8276 5px solid;
	color: #1c8276;
	display: none;
}

#mtx h2 span.ti{
	font-size: 45%;
	font-weight: normal;

}



#mtx h3 {
    width: 100%;
    text-align: center;
    font-size: 153%;
    margin-bottom: 1%;
    padding:2% 0;
    color:#FFFFFF;
    background-color:#433d32;
}



#mtx h3:before {
  left:0;
}
#mtx h3:after {
  right: 0;
}    
#mtx li a:hover img{
	opacity:0.8;
}

#mtx div a:hover img{
	opacity:0.8;
}

#mtx .item_box {
	margin-bottom:10%;
}


#mtx p.cm{
	font-size: 80%;
	text-align: right;
	color: #333;
}





/* ¢£¢£¢£¢£¢£ 2¥«¥é¥à ¢£¢£¢£¢£¢£ */

/*¾¦ÉÊÏÈ*/


#mtx ul.ul_2 li{
	width: 49.5%;
	float: left;
	border-top: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
	border-left: #cacaca 1px solid;
}
#mtx ul.ul_2 li:last-child{
		border-right: #cacaca 1px solid;
}


#mtx ul.ul_2 dt{
	background-color: #98948e;
	text-align: center;
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 2%;
}

#mtx ul.ul_2 dd{
	margin:0 2%;
}

#mtx ul.ul_2 dd.name{
	text-align: center;
	font-size: 65%;
}




/*²Á³Ê¥×¥í*/


#mtx .ul_2 .prdisp-taxin{
	font-size: 1.8em;
	color:#b40c0c;
}






/* ¢£¢£¢£¢£¢£ 3¥«¥é¥à ¢£¢£¢£¢£¢£ */

/*¾¦ÉÊÏÈ*/


#mtx ul.ul_3 li{
	width:32.9%;
	float: left;
	border-top: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
	border-left: #cacaca 1px solid;
}
#mtx ul.ul_3 li:last-child{
		border-right: #cacaca 1px solid;
}


#mtx ul.ul_3 dt{
	background-color: #98948e;
	text-align: center;
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 2%;
}

#mtx ul.ul_3 dd{
	margin:0 2%;
}

#mtx ul.ul_3 dd.name{
	text-align: center;
	font-size: 65%;
}




/*²Á³Ê¥×¥í*/


#mtx .ul_3 .prdisp-taxin{
	font-size: 1.8em;
	color:#b40c0c;
	margin-left: 15%;
}






/*---------------------
²Á³Ê¥×¥í
---------------------*/
#mtx .price,
#mtx .intax{
	vertical-align: baseline;
	/*display:inline-block;*/
	font-family: centuryGB,"Century Gothic",helvetica,Arial,sans-serif;
	font-weight:bold;
	color: #333333;
}


#mtx .price div {
    text-align: center;
    /*text-align: right;*/
    min-height: 40px;
    /*padding-left: 3rem;*/
    color:#5c5c5c;
}

#mtx .prdisp-taxin span span{
	/*bottom: 25%!important;*/
    margin-right: 0.3rem;
}

#mtx .motoprice{display:none;}
#mtx li.price{font-size:28px;}
#mtx .buy_price ol{font-size:20px;}
#mtx .intax{font-size:11px;margin-left:5px;font-weight:normal;}
#mtx .spesicalprice{font-size:12px;color:#626262;display: inline-block;line-height:1;position:relative;text-align:left; margin-right:1em;color: #C00}

#mtx .prdisp-price{
    font-size: 1.2rem;
    bottom: 0;
    /*position: absolute;*/
    right: 4rem;
}



/*---------------------
footer
---------------------*/
#mtx .footer{
    border-top:1px solid #ccc;
    width: 100%;
    margin:2rem auto 0; 
    padding: 2% 0; 
    text-align: center;
    font-size: 1rem
}
#mtx .footer a{
    color: #333;
}
#mtx .footer a:visited{
    color: #f39700;
}
#mtx .footer a:hover{
    text-decoration: underline;
}
#mtx .footer-smp{
    display: none
}