@charset "utf-8";

body,input,select,textarea{color:#212121;}

body{min-width:100%;}

:selection,:-moz-selection {background-color:#212121;color:#fff;}

a,a:hover{color:#212121;}

.text-link,.text-link:hover,.text-link:active,.text-link:focus{
	color:#212121;
	text-decoration:underline;
	}
.text-link:hover,.text-link:active,.text-link:focus{text-decoration:none;}

.img-link:hover img{opacity:.75;}

span[data-action="call"]{display:inline-block;white-space: nowrap;}

/* 
.bg-pr{background-color: #;color:#FFF;}
.bg-se{background-color: #;color:#FFF;}
.bg-ac{background-color: #;color:#FFF;}

.txt-pr{color:#;}
.txt-se{color:#;}
.txt-ac{color:#;}

.bdc-pr{border-color:#;}
.bdc-se{border-color:#;}
.bdc-ac{border-color:#;}
 */


.logo-lg{opacity:.4;}

.is-bgc-darkbrown{background-color: #0C0000;}

/* index */

.ssc-box{position: relative;display: block;overflow: hidden;}

.ssc-img{background: #0078C2;overflow: hidden;}
	@media only screen and (max-width:991px)	{.ssc-img{height: 33vw;}}
	@media only screen and (max-width:767px)	{.ssc-img{height: 25vw;}}
	@media only screen and (max-width:575px)	{.ssc-img{height: 50vw;}}
	
.ssc-img img{opacity:.5;transform:scale(1);width: 100%;height: auto;transition:opacity .3s,transform .3s;}
	@media only screen and (max-width:991px)	{.ssc-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;}}
	
.ssc-box:hover .ssc-img img{opacity:.75;transform:scale(1.05);transition:opacity .3s,transform .3s;}
	
.ssc-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-flow:column wrap;justify-content:center;align-items:center;}
	
.ssc-title-inner h4{font-family: 'IBM Plex Sans',sans-serif;font-size:2rem;line-height: 1;text-align: center;color:#FFF;font-weight: bold;}
	@media only screen and (max-width:991px)	{.ssc-title-inner h4{font-size:3vw;}}
	@media only screen and (max-width:767px)	{.ssc-title-inner h4{font-size:3vw;}}
	@media only screen and (max-width:575px)	{.ssc-title-inner h4{font-size:6vw;}}
	

.ssc-box + p{margin-top: 1em;}


.recommend{display: block;}

.recommend-img{}

.recommend-img figcaption{margin-top: 0.5rem;line-height: 1.5;display: flex;justify-content:center;}



.recommend:hover .recommend-img img{opacity:.75;}




.sec-lead{padding: 2.5rem 0 !important;}
	@media only screen and (max-width:991px)	{.sec-lead{padding: 2rem 0 !important;}}
	@media only screen and (max-width:767px)	{.sec-lead{padding: 1.5rem 0 !important;}}

.catalog-list{padding-bottom: 4rem;}
	@media only screen and (max-width:767px)	{.catalog-list{padding-bottom: 4rem;}}


.item-title{font-size:1.125rem;line-height: 1.5;}
	@media only screen and (max-width:767px)	{.item-title{font-size:1rem;}}

a[class*="box"]:hover{opacity:.75;}

.category-tag{position: absolute;top: 0;left: 0;min-width: 50%;text-align: center;background-color: #168492;color:#FFF;z-index: 9;font-size: 0.8em;vertical-align: middle;padding: .25em .5em;}
	@media only screen and (max-width:767px)	{.category-tag{font-size: 0.8em;}}

.goto-detail{background-color: #0078C2;color:#FFF;position: absolute;left: 0;right: 0;bottom: 0;padding: 1rem 1.5rem;line-height: 1;font-family: 'Shippori Mincho B1',serif;text-align: right;font-size: 0.8em;}




.bg-cover.is-bgc-darkbrown img{opacity:.5;}


.sec-activities{margin: 1px 0;}

.activities-list{display: flex;justify-content:center;flex-flow:row wrap;margin: -.5em;list-style: none;}
	@media only screen and (max-width:991px)	{.activities-list{margin: -.375em;}}
	@media only screen and (max-width:767px)	{.activities-list{margin: -.25em;}}

.activities-list li{margin: .5em;white-space: nowrap;border: 1px solid rgba(12,0,0,.9);line-height: 1;background-color: rgba(12,0,0,.5);padding: 1em;}
	@media only screen and (max-width:991px)	{.activities-list li{margin: .375em;}}
	@media only screen and (max-width:767px)	{.activities-list li{margin: .25em;}}


