﻿@media screen and (max-width: 667px){
	#cms_3-c .cate_title{
		margin-left: 0;
	}
	#cms_3-c .box_title2{
		/*border: none;*/
	}
}

.link_type3{padding-bottom: 50px;}
.link_type3 .link_img1 {z-index: 1;}
.link_type3 .cate_box a:hover .link_img1 img {transform: translate(-50%, -50%) scale(1.05,1.05);}
.link_type3 .link_title1 {
    left: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    box-sizing: border-box;
}
.link_type3 .cate_box a .link_title1 {transition-timing-function: cubic-bezier(.78,.09,.27,1.36);}
.link_type3 .cate_box a:hover .link_title1 {bottom: -47px;}
	
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){	
.link_type3{padding-bottom: 0;}
}
@media screen and (max-width: 667px){
	#cms_3-c .cate_title{
		margin-left: 0;
	}
	#cms_3-c .box_title2{
		/*border: none;*/
	}
}
#cms_7-d .box_wrap .box,.cms_7-d .box_wrap .box{position: relative;opacity: 0;}
#cms_7-d .box_wrap .box::after,.cms_7-d .box_wrap .box::after{
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
}
#cms_7-d .box_wrap .box::after,.cms_7-d .box_wrap .box::after{
	top: 100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#cms_7-d .box_wrap .box.active,
.cms_7-d .box_wrap .box.active{
	animation-name: rightin;
	animation-duration: 1.0s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes rightin {
	0% {opacity:0;transform: translateX(50px);}
	100% {opacity:1;transform: translateX(0);}
}