@charset "utf-8";

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/


/*イベント*/

.even01_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.even01_01>ul>li{
	width:48%;
	margin:0 1% 2em;
}

.even01_01>ul>li a{
	display: block;
	height:100%;
	box-shadow: 10px 10px 15px rgba(0,0,0,0.15);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

.even01_01 .top03_01block{
	height:100%;
}

.even01_01>ul>li a:hover{
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
}

.event_end{
	background:rgba(0,0,0,0.6);
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.event_end p{
	position: absolute;
	width:90%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}

.even02_01{
	width:99%;
	margin:0 auto;
}

.even02_02{
	background:#FFFFFF;
	padding:1em;
	box-sizing: border-box;
}
.even02_03>dl {
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	margin-bottom: 0.5em;
}
.even02_03>dl>dt {
	width: 20%;
	margin-right: 3%;
}
.even02_03>dl>dd {
	width: 77%;
}
.even02_03>dl>dt>div {
	display: inline-block;
	box-sizing: border-box;
	padding: 0.05em 1em;
	background: #000;
	color: #FFF;
}

.map_block_event {
	position:relative;
	padding-bottom: 44.444444%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.map_block_event iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*製作事例*/

.work01_01cate{
	position: relative;
}

.cate_pick {
	text-align:center;
}
.cate_pick p{
	display: inline-block;
	font-weight: 80%;
	line-height: 1.4;
	border:#D6D6D6 1px solid;
	padding:0.3em 2em;
	
}

.sotomi h2{
	display: inline-block;
	position: relative;
	padding:1em 4em;
	box-sizing: border-box;
	cursor: pointer;
	border:#E6E6E6 1px solid;
	background: #FFFFFF;
}

.sotomi h2:hover{
	color:#A28E80;
}
.sotomi h2::after{
	content: '';
	background: url("../img/cms/work_plus.svg") no-repeat;
	background-size: contain;
	width:15px;
	height:25px;
	position: absolute;
	top: 60%;
	right: 0.5em;
	transform: translate(-50%,-50%);
	
}

.nakami  {
	position: absolute;
	width:100%;
	height:100%;
	display: none;
	height: 0;
	z-index: 5;
	background:#FFFFFF;
}
.nakami_block{
	display: block!important;
}

.naka_bg{
	width:95%;
	margin:1em 0;
	padding:2em;
	box-sizing: border-box;
	max-width: 715px;
	background:rgba(255,255,255,0.95);
	box-shadow: 10px 10px 15px rgba(0,0,0,0.15);
}

.naka_text>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	box-sizing: border-box;
	align-items: flex-start;
	padding:0;
}

.naka_text>dl>dt{
	width:15%;
	box-sizing: border-box;
	
}
.naka_text>dl>dd{
	width:85%;
	margin:0;
	color:#666666;
	box-sizing: border-box;
}


.naka_text input[type="checkbox"] {
	margin: 0.5em;
	transform: scale(1.5);
}

.naka_text input[type="radio"] {
	margin: 0.5em 1.5em 0.5em 0.5em;
	transform: scale(1.5);
}


.nakami>ul{
	display: flex;
	flex-wrap:wrap;
	width:90%;
	max-width: 515px;
	padding:2em 1.5em;
	margin:0.7em 0 0 5%;
	box-sizing: border-box;
	background:rgba(255,255,255,0.95);
	box-shadow:0px 0px 8px 1px #777777;
}

.nakami>ul>li{
	width:50%;
	box-sizing: border-box;
	padding:0.1em;
	line-height: 2;
}

.naka_bg ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.naka_bg ul>li{
	width:31.33333%;
	margin:0 1% 0.5em;
}

.blog01_03>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}

.blog01_03>ul>li:nth-child(1){
	width:40%;
	margin:0 1%;
}
.blog01_03>ul>li:nth-child(2){
	width:40%;
	margin:0 1%;
}
.blog01_03btn_go,
.blog01_03btn_reset{
	position: relative;
}

.blog01_03 input[type="submit"],
.blog01_03 input[type="reset"] {
	cursor: pointer;
	appearance: auto !important;
	-webkit-appearance: auto !important;
	border-radius:initial;
	appearance:auto;
	width:100%;
	background:#14508C;
	border:none;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 2px;
	padding:1em;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

.blog01_03 input[type="reset"] {
	background:#FFFFFF;
	color:#666666;
	border:#666666 1px solid;
	box-sizing: border-box;
}

.blog01_03 input[type="submit"]:hover,
.blog01_03 input[type="reset"]:hover {
	 -ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}

.blog01_03 input.text,
.blog01_03 select.text,
.blog01_03 textarea.text{
	font-family: 'Noto Sans JP',-apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:#CCCCCC 1px solid;
	border-radius: 50px;
	padding:1em 1.5em;
    font-size:16px;
	margin:0.5em 0;
	width:100%;
}

/*製作事例*/

.works02_01zoom{
	position: absolute;
	width:17px;
	height:17px;
	bottom: 1em;
	right: 1em;
	
}

.works02_01zoom::after{
	content: '';
	background: url("../img/cms/icon_zoom.svg") no-repeat;
	background-size: contain;
	width:100%;
	height:100%;
	position: absolute;
	bottom: 0;
	right: 0;
	filter: drop-shadow(0 0 0.17rem rgba(0, 0, 0, 0.6));
}

.zoom_block>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.zoom_block>ul>li{
	width:31.3333%;
	margin:1%;
}

.zoom_block .even01_01>ul>li{
	width:48%;
	margin:0 1% 2em;
}



/*ブログ*/
.blog01_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.blog01_01>ul>li:nth-child(1){
	width:100%;
}

.blog01_01>ul>li:nth-child(2){
	width:60%;
	margin:2em auto;
	box-sizing: border-box;
}

.blog01_01 .top10_01>ul>li{
	width:100%;
	margin:0 0 1em;
	border:#000000 2px solid;
	box-sizing: border-box;
}



.blog01_01 .top10_01>ul>li>a>dl>dt{
	width:47%;
}

.blog01_01 .top10_01>ul>li>a>dl>dd{
	width:53%;
	padding:1.5em;
	box-sizing: border-box;
}


.blog01_03cate>ul>li {
	letter-spacing: 1px;
	margin:0.5em 0 0 0;
}
.blog01_03cate>ul>li a{
	padding:0.1em;
	text-decoration: none;
	letter-spacing: 2px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.blog01_03cate>ul>li a::before{
	content: '#';
}

.blog01_03cate>ul>li a:hover{
	color:#14508C;
}

.blog02_01{
	background:#FFFFFF;
	padding:2em;
	box-sizing: border-box;
	border:#000000 2px solid;
}

.blog02_01 .cms_free h2{
	font-size: 120%;
	font-weight: bold;
	border-bottom:#000000 2px solid;
	padding:0.5em 0;
	margin:1em 0;
}

.blog02_01 .cms_free h3{
	font-size: 110%;
	font-weight: bold;
	margin:1em 0;
}

.blog02_01 .cms_free h3::before{
	content: '●';
	color:#CCCCCC;
}

.blog02_01 .cms_free dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:1em 0;
}

.blog02_01 .cms_free dl>dt{
	width:20%;
	padding: 0.5em 1em 0.3em;
	line-height: 1.4;
	box-sizing: border-box;
	background:#CCCCCC;
	text-align: center;
}
.blog02_01 .cms_free dl>dd{
	width:80%;
	padding:0.3em 1em;
	box-sizing: border-box;
}

.blog02_01 .cms_free ul {
	margin:1em 0;
}

.blog02_01 .cms_free ul li{
	padding:0.5em 0 0.5em 1em;
	line-height: 1.4;
	text-indent: -1em;
}

.blog02_01 .cms_free ul li::before{
	content: '・';
}

/*ラインナップ*/

.line01_01 span{
	display: inline-block;
	background:#000000;
	color:#FFFFFF;
	font-weight: bold;
	padding:0.4em 1.5em;
}

.line01_01block{
	width:92%;
	margin:0 auto;
}

.line02_01{
	position: relative;
}

.line02_01::after{
	content: '';
	background:#000000;
	width:100%;
	height:2px;
	position: absolute;
	top:calc(50% - 1px);
	left:0;
}

.line02_01 h2{
	display: inline-block;
	background:#F9F9F9;
	padding:0.5em 2em 0 0;
	position:relative;
	z-index: 2;
}


.line02_01pick a{
	background:#14508C;
	border:#14508C 1px solid;
	display: inline-block;
	padding:0.7em 1.4em;
	border-radius: 50px;
	color:#FFFFFF;
	text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;

}

.line02_01pick a:hover{
	background:#FFFFFF;
	color:#14508C;
	
}


.zoom_block_line>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.zoom_block_line>ul>li{
	width:31.3333%;
	margin:1%;
}

.line04_01>ul{
	border:#DBDBDB 1px solid;
}

.line04_01>ul>li{
	border-bottom:#DBDBDB 1px solid;
	box-sizing: border-box;
}
.line04_01>ul>li:last-child{
	border-bottom:none;
}

.line04_01>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.line04_01>ul>li>dl>dt{
	width:100%;
	font-weight: bold;
	padding:1.5em 2em;
	box-sizing: border-box;
	background:#F2F2F2;
	
}
.line04_01>ul>li>dl>dd{
	width:100%;
	padding:1.5em 2em;
	box-sizing: border-box;
	background:#FFFFFF;
	color:#666666;
	
}

.inte02_01>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.inte02_01>dl>dt{
	width:40%;
	margin:0 60% 0.5em 0;
	
}
.inte02_01>dl>dd{
	width:100%;
	padding:0 1em;
	box-sizing: border-box;
	color:#14508C;
	font-weight: bold;
}

.inte02_01cate span{
	display: inline-block;
	background:#14508C;
	padding:0.2em 1.5em;
	color:#FFFFFF;
	font-weight: bold;
}

.inte02_02>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}

.inte02_02>dl>dt{
	width:25%;
	
}
.inte02_02>dl>dd{
	width:75%;
	padding:0 0 0 1em;
	box-sizing: border-box;
	font-size: 110%;
	font-weight: bold;
}

.inte02_03{
	background:#FFFFFF;
	padding:1em;
	box-sizing: border-box;
}
.inte02_03>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.inte02_03>dl>dt{
	width:25%;
	
}
.inte02_03>dl>dd{
	width:75%;
	padding:0 1em;
	box-sizing: border-box;
}


/*=====================
	前へ次へ
	スマホ時落ちるパターン
======================*/

.prenex{
	display: table;
	width:100%;
	table-layout: fixed;
}

.prev02_01{
	width:96%;
	margin:0.5em auto;
}

.next02_01{
	width:96%;
	margin:0.5em auto;
}

.prev02_01block{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}
.next02_01block{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: flex-end;
	align-items: center;
}

.prev02_01img{
	width:50%;
	margin:0 50% 0 0;

}

.prev02_01text{
	width:100%;
	margin:0;
}

.next02_01img{
	width:50%;
	margin:0 0 0 50%;

}
.next02_01text{
	width:100%;
	margin:0;
}

.next02_01img{
	order: 1;
}
.next02_01text{
	order: 2;
}
/*=====================
	/前へ次へ
	/スマホ時落ちるパターン
======================*/

.youtube {
	position:relative;
	padding-bottom: 60%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/***  CMSのフリー領域処理  ***/
.cms_free p img { display: block; width:auto; float:none; padding:1em 0; }
.cms_free p img.alignright { margin: 0 0 0 auto; }/* 配置位置 右 */
.cms_free p img.alignleft { margin: 0 auto 0 0; }/* 配置位置 左 */
.cms_free p img.aligncenter { margin: 0 auto; }/* 配置位置 中央 */
.cms_free p img.alignnone { margin: 0 auto 0 0; }/* 配置位置 左 */

.cms_free img { display: block; width:auto; float:none; padding:1em 0; }
.cms_free img.alignright { margin: 0 0 0 auto; }/* 配置位置 右 */
.cms_free img.alignleft { margin: 0 auto 0 0; }/* 配置位置 左 */
.cms_free img.aligncenter { margin: 0 auto; }/* 配置位置 中央 */
.cms_free img.alignnone { margin: 0 auto 0 0; }/* 配置位置 左 */

.cms_free img { width: auto; max-width: 100%; }/* 配置位置 左 */

.cms_free p { padding:0.3em 0; }

.cms_free table { border: #CCCCCC solid 1px; width:100%; border-collapse: collapse; border-spacing: 0; }

.cms_free table td {
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}

.cms_free table th {
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	font-weight: normal;
}

.cms_free iframe {
	width: 100% !important;
}

.reco01_01>ul,
.reco01_01>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.reco01_01>ul>li>dl{
	align-items: center;
}

.reco01_01>ul>li{
	width:100%;
	padding:0 1em 1em;
	box-sizing: border-box;
}

.reco01_01>ul>li>dl>dt{
	width:35%;
}
.reco01_01>ul>li>dl>dd{
	width:65%;
	padding:0 1.5em;
	box-sizing: border-box;
}

/***  ページナビゲーション  ***/
.wp-pagenavi {
	clear: both;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #000000;
	background-color:none;
	border:none;
	/*
	padding: 8px 15px;
	margin: 0 2px;
	*/
	padding: 0.7em 2.5%;
	margin: 0 0.5%;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	color: #FFFFFF;
	background-color: #14508C;
	border-color: #14508C;
	}
.wp-pagenavi span.current{
	color: #FFFFFF;
	background-color: #14508C;
	border-color: #14508C;
	font-weight: normal;
	}

.wp-pagenavi span.pages{
	display: none;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	color: #000000;
	font-weight: bold;
	background-color: none;
	border-color: none;
	letter-spacing: 2px;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
	display: none;
	color: #000000;
	font-weight: bold;
	background-color:none;
	border-color: none;
	letter-spacing: 2px;
}


/***  カレンダー  ***/
.wp-calendar{
	margin:1.5em 0;
}

.wp-calendar table{
	width:100%;
	padding-top:0.5em;
	color:#000000;
}

.wp-calendar table th,
.wp-calendar table td{
	width:14.2857%;
	background-color:none;
	text-align:center;
}

.wp-calendar table tfoot a {
	text-decoration:underline;
}

.wp-calendar table tfoot a:hover {
	text-decoration:none;
}

.wp-calendar table tbody a {
	display:block;
	color:#000000 !important;
	background-color:#E7E7E7;
	text-decoration:none;
}

.wp-calendar table tbody a:hover {
	color:#000000 !important;
	background-color:#CCCCCC;
}


.top01_01smn,
.top01_02smn,
.top01_03smn,
.top01_04smn,
.top01_05smn,
.top01_06smn,
.lineup_smn{
	position:relative;
	padding-bottom: 66.75%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}

.lineup_smn{
	padding-bottom: 56.5384615384%;
}

.top01_02smn{
	padding-bottom:100%;
	border-radius: 50%;
}

.top01_03smn{
	padding-bottom:53.9325842692%;
}

.top01_04smn{
	padding-bottom:100%;
}
.top01_05smn{
	background:#E6E6E6;
	box-sizing: border-box;
}

.top01_06smn{
	background:#C7C6C6;
}

.top01_01smn span,
.top01_01smn a,
.top01_02smn span,
.top01_02smn a,
.top01_03smn span,
.top01_03smn a,
.top01_04smn span,
.top01_04smn a,
.top01_05smn span,
.top01_05smn a,
.top01_06smn span,
.top01_06smn a,
.lineup_smn span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top01_01smn img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.top01_02smn img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.top01_03smn img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.top01_04smn img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.top01_05smn img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.top01_06smn img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.lineup_smn img{
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: center center;
}

.lineup_smn::after {
	content: '';
	position: absolute;
	background: rgba(35, 24, 21, 0.3);
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

.line04_01>ul>li>dl>dt{
	width:20%;
	padding:1.5em 2em;
	
}
.line04_01>ul>li>dl>dd{
	width:80%;
}
	
	
.blog01_01 .top10_01>ul>li>a>dl>dt{
	width:37%;
}

.blog01_01 .top10_01>ul>li>a>dl>dd{
	width:63%;
}

	
.zoom_block>ul>li{
	width:23%;
	margin:1%;
}
	
	
.inte02_01>dl>dt{
	width:18%;
	margin:0;
	
}
.inte02_01>dl>dd{
	width:78%;
	padding:0 1em;
}
	
.inte02_02>dl>dt{
	width:15%;
	
}
.inte02_02>dl>dd{
	width:85%;
	padding:0 0 0 2em;
}
	
.inte02_03{
	padding:2em;
}

.inte02_03>dl>dd{
	padding:0 1em 0 2em;
}

.even02_02{
	padding:2em 4em;
}
.even02_03>dl>dt {
	width: 10%;
	margin-right: 3%;
}
.even02_03>dl>dd {
	width: 87%;
}
	


	
.prev02_01,
.next02_01{
	display: table-cell;
	width:45%;
	margin:0 5% 0 0;
	border: none;
}
.next02_01{
	display: table-cell;
	width:45%;
	margin:0 0 0 5%;
	border: none;
}
	
.lineup_smn{
	padding-bottom: 30.62499999%;
}
	
}

@media (min-width : 1024px) {
	
/*イベント*/
	
.even02_01{
	width:75%;
	margin:0 auto;
}
	
.even01_01>ul>li{
	width:31.3333%;
	margin:0 1% 2em;
}
	
.blog01_01>ul>li:nth-child(1){
	width:65%;
}

.blog01_01>ul>li:nth-child(2){
	width:30%;
	margin:0 0 0 5%;
}
	
.zoom_block .even01_01>ul>li{
	width:23%;
	margin:1% 1% 2em;
}

	
	
}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1200px) {
	
/**** メインコンテンツ　****/ 
	
	
/***  ページナビゲーション  ***/
.wp-pagenavi a, .wp-pagenavi span {
	padding: 8px 15px;
	margin: 0 5px;
}

}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1600px) {
/**** メインコンテンツ　****/ 


}