@charset "utf-8";
/* CSS Document */


/* tab */
#tabmenu{border-bottom:1px solid #489494; background:#fff;}
#tabmenu #tabblock{ margin:0;}
#tabmenu #tabblock a{display:inline-block; margin:15px 3em 10px 0; color:#000; text-decoration:none; font-weight:normal;}
#tabmenu #tabblock .tab1:hover{color:#489494;}
#tabmenu #tabblock .tab2:hover{color:#486d94;}
#tabmenu #tabblock .tab3:hover{color:#996666;}
#tabmenu #tabblock .tab4:hover{color:#816D46;}/*2017.08.22*/
#tabmenu #tabblock .tab5:hover{color:#DAA520;}/*2018.03.15*/
#tabmenu #tabblock a br{display:none;}
#tabmenu #tab2,
#tabmenu #tab3,
#tabmenu #tab4{display:none;}
@media only screen and (max-width: 1125px){
/* tab */
#tabmenu #tabblock{ width:100%;}
#tabmenu #tabblock a{width:20%; font-size:24px; margin:30px 0 20px; text-align:center; line-height:1.2em;}
#tabmenu #tabblock a br{display:inline;}
#tabmenu #tabblock .tab1:hover,
#tabmenu #tabblock .tab2:hover,
#tabmenu #tabblock .tab3:hover,
#tabmenu #tabblock .tab4:hover,
#tabmenu #tabblock .tab5:hover{color:#000;}
}
@media only screen and (max-width: 640px){
/* tab */
#tabmenu #tabblock a{font-size:12px; margin:5px 0 10px;}
}


.indexImage {
    width: 150px;
	height:132px;
	position:relative;
	float:right;
}
.indexLayout {
    padding-right: 0;
	margin-right:170px;
}
@media only screen and (max-width: 1125px){
.indexLayout {
    width:calc(100% - 160px)
}
}
@media only screen and (max-width: 640px){
.indexImage {
    width: 75px;
	height:66px;
	position:relative;
	float:right;
	margin-top:5px;
}
.indexLayout {
    width:calc(100% - 85px)
}
}

#main #left .ritem {
	width:150px;
	height:132px;
	overflow: hidden;
}
#main #left .ritem img {
	width:150px;
	height:132px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /* IE用 */
}
#main #left .ritem img.nofit {
	width:150px;
	height:132px;
	object-fit:contain;
	font-family: 'object-fit: contain;'; /* IE用 */
}
@media screen and (max-width: 640px){
#main #left .ritem {
	width:75px;
	height:66px;
	overflow: hidden;
}
#main #left .ritem img {
	width:75px;
	height:66px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /* IE用 */
}
#main #left .ritem img.nofit {
	width:75px;
	height:66px;
	object-fit: contain;
	font-family: 'object-fit: contain;'; /* IE用 */
}	
}

.pager li a {
    padding: 0;
	border:0;
}
.pager li>a {
    display: block;
	padding:0;
    border-radius: 50%;
}
.pager li>span {
    display: block;
	padding:0;
    border-radius: 50%;
	background-color:inherit;
    border: 0;
}
.pager li>a:hover {
    background-color:#489494;
}
.pager .next>a, .pager .next>span {
    float: none;
}
.pager li.pagePrev a:hover, .pager li.pageNext a:hover {
    background-color: #d3d3d3;
}


.picArea {
    flex-direction: row;
    justify-content: flex-start;
}
.picArea p {
    line-height: 1.3;
	margin: 0 1% 2% 1%;
}


.inquiryArea {
    background-position: bottom;
}
.textArea {
    margin: 0;
	padding: 0px 0px 40px;
	background: url(../../common/img/border.png),url(../../common/img/border.png);
    background-repeat: repeat-x;
    background-position: bottom;
	word-break: break-all;
}
#detailOthers {
    margin-top: 0;
    padding-top: 30px;
    background:none;
}

.detailBorder {
	background: url(../../common/img/border.png),url(../../common/img/border.png);
    background-repeat: repeat-x;
    background-position: bottom;
	height:5px;
	width:100%;
	margin-top:50px;
}

#detailColor1 .indexBox .c2 .indexCategory {
    background-color: #486d94;
}
#detailColor1 .indexBox .c3 .indexCategory {
    background-color: #996666;
}
#detailColor1 .indexBox .c4 .indexCategory {
    background-color: #816D46;/*2017.08.22*/
}