@charset "utf-8";

/* Mobile Layout: 480px and below. */
#スマートフォン {
}
.fluid.colome3_3_3 li {
	list-style-type: none;
	font-size: 0.8em;
	text-align: center;
	margin-top: 10px;
	border-width: medium;
	margin-bottom: 10px;
}
.fluid.colome3_3_3 li a {
	text-decoration: none;
	color: #5C5C5C;
	border: 4px solid #F97B6A;
	display: block;
	border-radius: 15px;
	margin-top: 0px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 46.63%,rgba(232,232,232,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 46.63%,rgba(232,232,232,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 46.63%,rgba(232,232,232,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 46.63%,rgba(232,232,232,1.00) 100%);
}
.fluid.colome3_3_3 li a img {
	width: 60%;
	margin-top: 10px;
}
.fluid.colome3_3_3 li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	border-radius: 15px;
	background-color: #F97B6A;
	margin-top: 0px;
	font-weight: bold;
	background-image: -webkit-linear-gradient(270deg,rgba(249,123,106,1.00) 0%,rgba(249,123,106,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(249,123,106,1.00) 0%,rgba(249,123,106,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(249,123,106,1.00) 0%,rgba(249,123,106,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(249,123,106,1.00) 0%,rgba(249,123,106,1.00) 100%);
}
.gridContainer.clearfix .fluid.colome5_5_4 li {
	list-style-type: none;
	text-align: center;
	font-size: 0.8em;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.fluid.colome5_5_4 li a {
	display: block;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 45.60%,rgba(229,229,229,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 45.60%,rgba(229,229,229,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 45.60%,rgba(229,229,229,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 45.60%,rgba(229,229,229,1.00) 100%);
	text-decoration: none;
	color: #252525;
	height: 60px;
	border-radius: 10px;
}
.fluid.colome5_5_4 li a img {
	padding-top: 5px;
	width: 50px;
	padding-bottom: 5px;
}
.fluid.colome5_5_4 li a:hover {
	display: block;
	background-image: -webkit-linear-gradient(270deg,rgba(255,174,147,1.00) 17.62%,rgba(255,103,75,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,174,147,1.00) 17.62%,rgba(255,103,75,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,174,147,1.00) 17.62%,rgba(255,103,75,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,174,147,1.00) 17.62%,rgba(255,103,75,1.00) 100%);
	text-decoration: none;
	color: #FFFFFF;
	height: 60px;
	border-radius: 10px;
}
.gridContainer.clearfix #news {
	text-align: center;
}
.gridContainer.clearfix #news a {
	color: #F97B6A;
	text-decoration: none;
}




















/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {



#タブレット {
}
.fluid.colome3_3_3 li {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 2em;
}
.fluid.colome3_3_3 li a {
	border: 6px solid #F97B6A;
	border-radius: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.fluid.colome3_3_3 li a img {
	width: 40%;
	margin-top: 10px;
}
.fluid.colome3_3_3 li a:hover {
	border-radius: 20px;
}
.fluid.colome5_5_4 li a {
	height: 80px;
}
.fluid.colome5_5_4 li a img {
	padding-top: 10px;
	width: 70px;
	padding-bottom: 5px;
}
.fluid.colome5_5_4 li a:hover {
	height: 80px;
}
.fluid.colome5_5_4 li #e_yoyaku {
	padding-top: 15px;
	height: 65px;
}

.fluid.f_banner a img  {
	border-radius: 10px;
}





}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#パソコン {
}


.fluid.colome3_3_3 li a img {
	width: 30%;
	margin-top: 10px;
}
.fluid.colome4_4_4 li   {
	font-size: 1.2em;
}
.fluid.colome5_5_4 li #e_yoyaku {
	padding-top: 30px;
	height: 50px;
}


}

@media only screen and (max-width: 480px) {
#スマホ限定 {
}






}



@media only screen and (max-width: 768px) {
#スマホ・タブレット限定 {
}







}
@media only screen and (min-width: 481px) {
#タブレット・パソコン限定 {
}






}



@media only screen and (min-width: 769px) {
#パソコン限定 {
}






}