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

.title {
	background: rgba(240,240,240,1.00);
	padding: 0.5rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
	font-size: 1.2rem;
}
#contents .page_header2 {
	margin-bottom: 1.5rem;
}


#contents .item_list li.ablog dt{
	background-color: #E1F7FF;
}



/* ページタグ */
#contents .page_tag{
	border: none;
}
#contents .page_tab li {
	margin: 0;
}
#contents .page_tag li a:hover,
#contents .page_tag li.active a{
	border-bottom: none;;
	text-decoration: none;
	border-radius: 30px;
	background-color: #333;
	color: #FFF;
}
#contents .page_tag li{
	margin-bottom: 0.5em;
}
#contents .page_tag li a{
	font-size: 1.05rem;
	padding-left: 1em;
	padding-right: 1em;
}



/* 製品リスト */

#contents .item_list_n {
	margin-left: 0;
	margin-right: 0;
}
#contents #article .text_block .item_list_n {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0;
}
#contents .item_list_n li {
	margin-bottom: 3em;
	border-right: solid 1px #EFEFEF;
	padding-bottom: 0;
	padding-left: 0.625rem;
}


#contents .item_list_n li.borderLfirst {
		border-left: solid 1px #EFEFEF;
}
#contents .item_list_n li.borderR {

}



@media only screen and (min-width: 64.063em) {
	#contents .item_list_n li:nth-child(5n){
	}
	#contents .item_list_n li.large_clear.borderL {
		border-left: solid 1px #EFEFEF;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64.062em) {
	#contents .item_list_n li:nth-child(4n){
	}
	#contents .item_list_n li.medium_clear.borderL {
		border-left: solid 1px #EFEFEF;
	}
}
@media only screen and (max-width: 40.062em) {
	#contents .item_list_n li:nth-child(2n){
	}
	#contents .item_list_n li.small_clear.borderL {
		border-left: solid 1px #EFEFEF;
	}
}
@media only screen and (min-width: 40.063em)  {
	#contents .item_list_n.item_list_4 li.medium_clear.borderL {
		border-left: solid 1px #EFEFEF;
	}
}


#contents .item_list_n li:before {
	content: none;;
}
#contents .item_list_n dl {
	padding:0 5px;
	margin: 0;
}
#contents .item_list_n dd img {
	width: 82%;
	height: auto; 
	margin-top:  15px;
	margin-bottom: 25px;
	}
#contents .item_list_n dd img.size100 {
	width: auto;
	height: auto; 
}

#contents .item_list_n dt,
#contents #article .text_block .item_list_n dt{
	background: none;
	border-bottom: none;
	text-align: center;
	font-size: 1em;
	padding: 0;
}
#contents .item_list_n dt span{
	display: block;
	line-height: 120%;
	margin-top: 4px;
	font-size: 10px;
}
#contents .item_list_n dt span:before{
	content: none;
}
#contents .item_list_n li a{
	display: block;
	transition: 0.7s;
	padding-bottom: 10px;
	text-decoration: none;
}
#contents .item_list_n li a:hover{
	box-shadow: rgba(0,0,0,0.5) 0 1px 4px;
	border-radius: 4px;
}



/* カテゴリー　*/
ul.category  {
	list-style: none;
	display: flex;
}
ul.category.row  {
	margin-bottom: 2rem;
}
.acms-grid-r ul.category li:before {
	content: none;
}
ul.category.row:after  {
	clear: both;
	content: "";
}
.category li {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}
.acms-grid-r ul.category {
	padding-left:10px;
	padding-right:10px;
}
.acms-grid-r ul.category li {
	padding-left: 0;
	padding-right: 0;
}
.category li a {
    display: block;
    background-color: #ededed;
    padding: 0.6rem;
    text-align: center;
    text-decoration: none;
    border-left: 1px #FFF solid;
	transition: 0.5s;
}
.category li a:hover {
	background-color: #FFFCD2;
}
.category li a:active {
    box-shadow: rgba(0,0,0,0.6) 0 0px 3px inset;
    background-color: #F2EEB3;
	color: #444;
}
.category li a.current {
	background-color: #DADADA;
	box-shadow: rgba(0,0,0,0.5) 0 1px 2px inset;
}
.category.w2 li {
	width: 50%;
}
.category.w3 li {
	width: 33.3333%;
}
ul.category.w4 li {
	width: 25%;
}

ul.category.w5 li {
	width: 20%;
}
.category li a.button:link,
.category li a.button:visited{
	color: #222;
}


.gotoTop .category li a.gotoTop,
.course .category li a.course,
.lecturer .category li a.lecturer,
.event .category li a.event ,
.inquiry .category li a.inquiry,
.schedule .category li a.schedule,
.access .category li a.access,
.order .category li a.order{
	background: #bcbcbc;
	box-shadow: rgba(0,0,0,0.6) 0 0px 3px inset;
}


/* タグリスト */
.product_tag_list li {
    display: inline-block;
    line-height: 100%;
}
.product_tag_list li a {
    font-size: 12px;
    margin: 5px 4px;
    display: inline-block;
    white-space: nowrap;
    padding: 5px 10px 4px;
    border-radius: 30px;
    background: #1F1F1F;
    line-height: 100%;
    transition: 0.5s;
    box-shadow: rgba(0,0,0,0.1) 0 0px 1px 1px;
    color: #FFF;
}
.product_tag_list li a:hover {
    text-decoration: none;
    background: #454540;
    color: #FFF;
}


@media  (max-width: 679px) {
    ul.category  {
        display: block;
    }
    ul.category.w3 li,
    ul.category.w4 li,
    ul.category.w5 li {
        width: 100%;
    }
    ul.category li {
        border-bottom: solid 1px #FFF;
    }
}




@media only screen and (min-width: 40.063em) {
	/* item_list
	------------------------------ */

}
	@media only screen and (min-width: 65.063em) {
	/* item_list
	------------------------------ */
	#contents .item_list .medium_clear {
		clear: none!important;
	}
	#contents .item_list .large_clear {
		clear: both!important;
	}
	#contents .item_list.item_list_4 .medium_clear {
		clear: both!important;
	}
	#contents .item_list.item_list_4 .large_clear {
		clear: none!important;
	}
}






