@charset "utf-8";

@import url("normalize.css");
@import url("common.css");
@import url("layout.css");
@import url("title.css");
@import url("move.css");
@import url("menu.css");
/*------------------------------------------------------------------------------------------------*/
.headerContents .mymenu ul li:nth-child(3) > a { color: #FF0; }
.headerContents .box .mymenu nav.menu ul li:nth-child(3) a { color: #FF0; }
/*------------------------------------------------------------------------------------------------*/
.s-padding { padding: 170px 0px 130px; }
/*------------------------------------------------------------------------------------------------*/
.h3_title { text-align: center; margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #666; border-top: 1px solid #666; font-size: 120%; background-color: rgba(0,0,0,0.1); }
.rtext { font-size: 90%; line-height: 1.3; }
.small { font-size: 90%; padding-top: 14px; }
.red { color: #F66; }
span.kome:before { content: "※"; color: #F66; }
/*------------------------------------------------------------------------------------------------*/
.tbl { display: flex; flex-wrap: nowrap; width: 100%; }
.td { width: calc( ( 100% - 20px) / 2 ); border: 3px solid #999; overflow:hidden; position: relative; }
.td:hover { border: 3px solid #F66; }
.td img { width: 100%; z-index: 1; }
.td a { display: block; }
.td p { position: absolute; bottom: 0; width: 100%; padding: 10px 0; background-color: rgba(0,0,0,0.6); color: #FFF; z-index: 2; text-align: center; }
.arrows { background-color: #999; width: 20px; height: 120px; clip-path: polygon(0 0, 0% 100%, 100% 50%); }
/*------------------------------------------------------------------------------------------------*/
.ph { width: calc( ( 100% - 20px) / 2 ); border: 3px solid #999; overflow:hidden; position: relative; }
.ph:hover { border: 3px solid #F66; }
.ph img { width: 100%; z-index: 1; }
.ph a { display: block; }
.ph p { position: absolute; bottom: 0; width: 100%; padding: 10px 0; background-color: rgba(0,0,0,0.6); color: #FFF; z-index: 2; text-align: center; }
.blank { width: 20px; }

.nh { width: calc( ( 100% - 20px) / 2 ); border: 3px solid rgba(255,255,255,0); }
/*------------------------------------------------------------------------------------------------*/
/*　画面幅960px以上　ＰＣ用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	.td { height: 300px; }
	.ph { height: 300px; }
	.nh { height: 300px; }
	.arrows { margin-top: 90px; }
	
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px以上960px迄　ミニＰＣ＆タブレット用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 959.9px) {
	.td { height: 240px; }
	.ph { height: 240px; }
	.nh { height: 240px; }
	.arrows { margin-top: 60px; }
	
}

/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px未満　スマホ用
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 799.9px) {
	.td { height: 180px; }
	.ph { height: 180px; }
	.nh { height: 180px; }
	.arrows { margin-top: 30px; }
	
}