@charset "shift_jis";

#catcage_mtx {
width:100%; margin:0 auto;

}

#catcage_mtx h2 img{
  width: auto;

}

#catcage_mtx a:hover img , 
#catcage_mtx li:hover{ 
    opacity:0.8;
}

/* 見出し */
#catcage_mtx h3 {
    background: #133a50;
    color: #fff;
    text-align: center;
    padding:1.5% 0 2% 0;
    font-size: 30px;
    margin:0 0 2% 0;
}

#catcage_mtx h3 span{
     font-size: 21px;
    padding: 0;
    display: block;
    letter-spacing: 3px;
    font-weight: normal;
}

#catcage_mtx h4 {
    background: #5e5e5e;
    color: #fff;
    text-align: center;
    padding: 1.5% 0 2% 0;
    font-size: 25px;
    margin: 0 0 2% 0;
}

#catcage_mtx h5 {
    background: #fbf4e3;
    color: #1f4664;
    text-align: center;
    padding: 0;
    font-size: 20px;
    margin: 0 0 -1% 0;
}


/* 単品見出し */
#catcage_mtx .tanpin{
    background: #333;
    color: #fff;
    text-align: center;
    padding: 1.4% 0 2% 0;
    font-size: 27px;
    margin:10% 0 2% 0;
}


#catcage_mtx .tanpin span{
    color:#bddaff;
    margin: 0 0.5%;
    font-size: 31px;

}

/*ブロック背景*/
#catcage_mtx .box {
 background: #f5f5f5;
 margin:0 0 4% 0;
 padding:2% 0 0 0;
}


/*タイトル 浅型深型*/
#catcage_mtx .size{/*タイトル下*/
    text-align: center;
    font-size: 28px;
    padding: 0.2% 0 1.8% 0;
    margin: 0 auto 1% auto;
    color: #fff;
    width: 96%;
}

#catcage_mtx .asa{/*浅型*/
    background:#5691b3;
}

#catcage_mtx .fuka{/*深型*/
    background:#2558ab;
}

#catcage_mtx .kon{/*混合*/


background: #5691b3; /* Old browsers */
background: -moz-linear-gradient(left,  #5691b3 36%, #2558ab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5691b3 36%,#2558ab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5691b3 36%,#2558ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5691b3', endColorstr='#2558ab',GradientType=1 ); /* IE6-9 */


}

/*混合の枠*/
#catcage_mtx .size span.text {
    background: #fff;
    color: #086fab;
    padding: 0% 1% 0.5% 1%;
    margin: 0 2% 0 0;
    font-size: 24px;
    border: none;

}

/*サイズの大きさ*/
#catcage_mtx .asa span , #catcage_mtx .fuka span , #catcage_mtx .kon span{
    font-size: 35px;
    border-bottom: 2px solid #fff;
    margin: 0 1%;
}


/*タイトル下の注釈*/
#catcage_mtx .naisun {
    color: #555;
    text-align: center;
    font-size: 18px;
    margin:2% 0 0 0;

}


#catcage_mtx .ul_3 {
    width: auto;
    overflow: hidden;
    margin:1% 0;
    padding: 1%;
   
}

#catcage_mtx .ul_3 li a {
    width: 27.2%;
    float: left;
    padding: 2%;
    background: #fff;
    margin: 1%;
}


#catcage_mtx .ul_3 li img{
    width:100%;
}

#catcage_mtx .ul_3 .icon{/*段数*/
    width: 30%;
    margin: 2.5% auto;
    padding:0 0 1.5% 0;
    color: #333;
    font-size: 19px;
    text-align: center;
    border: 1px solid #333;
    font-weight: bold;
}

#catcage_mtx .ul_3 .dan{/*段数2*/

    font-size: 17px;
    color: #333;
    text-align: center;
    margin:5% 0;
    padding: 0;
    letter-spacing: 1px;

}


#catcage_mtx .ul_3 .btn{/*詳細ボタン*/
    background: #ada4a3;
    margin: 0;
    padding: 2% 0 3% 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
}


/*価格プログラム*/

#catcage_mtx .buy_price {
	float: none;
    line-height: 100%;
    width: auto;
    margin: 8% 0 5% 0;
    padding: 0;
    border: none;
    background: none;
    text-align: center;
}
#catcage_mtx .buy_price li{
	display: inline;
 }


#catcage_mtx li.price {
	color: #dc1919;
	font-size: 25px;
	border: none;
	font-weight: bold;

}
#catcage_mtx li .intax {
	font-size: 14px;
	color: #dc1919;
	border: none;
}



#catcage_mtx .spesicalprice{
display: none;

}

/*220614追加*/

div#catcage_mtx section{	
	text-align: center;
}

div#catcage_mtx section ul.b3{
	width: 100%;
	display: inline-flex;
	text-align: center;

}

#catcage_mtx ul {
    margin: 0;
    padding: 0;
}

#catcage_mtx li {
    float: left;
    margin: 0;
    text-align: center;
    border-right: 1px black dashed;
    position: relative;
    list-style: none;
}

#catcage_mtx li:last-of-type{
   border:none;
}

#catcage_mtx ul.b3 li {
    width: 31%;
    padding: 1%;
}

#mtx dd {
    font-size: 14px;
    margin: 0;
}


element.style {
}
#catcage_mtx dd.click {
    border: 1px solid gray;
    border-radius: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #1f4664;
    display: inline-block;
    position: relative;
    width: 98%;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}

#catcage_mtx .kakaku1 {
    text-align: center;
    margin: 1% 0;
    display: inline-block;
}

#catcage_mtx .kakaku1 p{
	font-size: 16px;
}

#catcage_mtx ul li .kakaku1::after {
    content: "keyboard_arrow_right";
    font-family: "Material Icons";
    display: block;
    position: absolute;
    font-size: 120%;
    height: 1em;
    width: 1em;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

#catcage_mtx section p br.pc_none{display: none;}