@charset "UTF-8";
#contents_block * {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	list-style:none;
	text-decoration: none;
}
#contents_block{
	font-family:YakuHanJP,"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	/*font-family:YakuHanJP,"Noto Sans Japanese","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;*/
	font-weight: 500;
	color: #333;
	-webkit-text-size-adjust: 100%;
	text-align: left;
	line-height: 1.6;
	width: 100%;
	overflow: hidden;
	position: relative;
}
@media all and (-ms-high-contrast:none){
	::-ms-backdrop,#contents_block{font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}
}
#contents_block img{
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	}
#contents_block .rapper980{
	position: relative;
	margin: 0 auto;
	width: 980px;
}
#contents_block .suptext{
	font-size: 72.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
#contents_block .subtext {
	font-size: 72.5%;
	vertical-align: baseline;
	position: relative;
}
#contents_block .titlestyle01,
#contents_block .titlestyle02{text-align: center;}
#contents_block .titlestyle02{
	background-color: rgba(130,180,10,.95);
	min-height: 50px;
	border-radius: 25px;
	font-family: "logotypebothic",YakuHanJP,"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	/*letter-spacing: 0.05em;*/
	font-size: 20px;
	color: #fff;
	line-height: 1.4;
	padding: 12px 0;
	box-sizing: border-box;
}
#contents_block .titlestyle02 span{
	color: #fff;
	position: relative;
}
#contents_block .titlestyle02 span::before,
#contents_block .titlestyle02 span::after{
	content: " ";
	width: 20px;
	height: 2px;
	opacity: .7;
	position: absolute;
	background-color: #fff;
	top: 50%;
}
#contents_block .titlestyle02 span::before{
	left: -30px;
	transform: rotate(45deg);
}
#contents_block .titlestyle02 span::after{
	right: -30px;
	transform: rotate(-45deg);
}
#contents_block .titlestyle02 span i{
	color: #fff100;
	font-size: 1.3em;
	font-weight: bold;
}
#contents_block .common_linkstyle{
	min-height: 40px;
	line-height: 1;
	border-radius: 20px;
	font-size: 12px;
	padding: 14px 0;
	box-sizing: border-box;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);
	font-weight: 500;
	text-align: center;
	background: url(../img/icon02.png) no-repeat 7.22% center #fff;
	background-size: 17px auto;
	transition: .4s;
	color: #000;
	display: inline-block;
	min-width: 120px;
}
/*-------------------------------モーダル設定-------------------------------*/
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxWrapper {max-width:none; /*background-color:#FFF*/ background-color:transparent;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background-color: rgba(242,158,78,.85);}
#colorbox{outline:0;}
#cboxContent{padding:0px; overflow:visible; /*background:#FFF;*/}
.cboxIframe{/*background:#fff;*/}
#cboxError{padding:0; border:0 solid #ccc;}
#cboxLoadedContent{margin:0;/*background:#000; padding:1px;*/}
#cboxLoadingGraphic{/*background:url(images/loading.gif) no-repeat center center;*/}
#cboxLoadingOverlay{/*background:#FFF;*/}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; /*top:-20px; background:url(images/controls.png) no-repeat 0 0;*/}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{
	display: block;
	width: 60px;
	height: 60px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	position: absolute;
	top: -30px;
	right: -30px;
	border-radius: 30px;
	background: url(../img/modal/close.png) no-repeat center center;
	background-size: 100% auto;
	cursor: pointer;
	transition: .4s;
}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
/* FullScreen SETTINGS */
.cboxFullScreen #cboxContent{padding:0;}
.cboxFullScreen #cboxClose{right:20px; top:20px;}








/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:981px){
	.SPpart {display: none;}
	#contents_block .rapper980{overflow: hidden;}
	#contents_block a:hover .common_linkstyle{
		background-color: #000;
		color: #fff;
	}
	#cboxClose:hover{opacity: .7;}
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:980px){
	.PCpart {display: none; }
	#contents_block .rapper980{width: 90%;}
}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:980px) and (min-width:641px){
		/*2021/0119追加*/
	#contents_block .titlestyle02 span::after{
	right: -30%;
}
}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	#contents_block .titlestyle02{
		letter-spacing: 0em;
		font-size: 16px;
		padding: 15px 0;
		line-height: 1.25;
	}
	#contents_block .titlestyle02 span::before,
	#contents_block .titlestyle02 span::after{top: 10px;}
	#cboxClose{
		width: 40px;
		height: 40px;
		top: -20px;
		right: -20px;
		border-radius: 20px;
	}
	/*2021/0119追加*/
	#contents_block .titlestyle02 span::after{
	right: -37%;
}
}
}