@charset "UTF-8";
/*
Theme Name: DeepRoot
Author: ef
Description: DeepRoot themes.
Version: 1
Tags: DeeRroot
Text Domain: DeepRoot
*/
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
html{
height:100%;
}
body{
	font-size:14px;
	margin:0;
	padding:0;
	line-height:1.8em;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family: 'Roboto' , 'Arial', 'Helvetica', 'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴシック ProN','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;/*'メイリオ',Meiryo,*/
	color:#56575f;
	background: #FFF;
	/*background:url(img/tamesi4.jpg) repeat;*/
	letter-spacing:0.05em;
	/*letter-spacing:0em;*/
}

ol,ul{
	padding-left: 0;
}

body {
    position: relative;
    overflow-x: hidden;
	height:100%;
	width:100%;
}
img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
a{
	text-decoration: underline;
	color: #56575f;
	outline:none;
	transform: 0.3s;
}
a:hover , a:visited , a:active{
	color: #56575f;
	text-decoration: none;
	transform: 0.3s;
	outline:none;
}

span.sp{display:none;}
a.awhite{color:#eaeaea;}
.text-center{
	text-align: center;
}

/*.forPC,
.forProdPC{
	display:block;
}*/
.forSM,
.forProdSM,
.forSMTEL{
	display: none;
}
.w-80{
	margin: 0 auto;
	width: 80%;
}
.img_w_100{
	width: 100%;
	height: auto;
}
.img_border{
	border: 1px solid #DDD;
}
.bg_white{
	background-color:#FFF;
	color: #56575f;
}
.bg_blk{
	background-color:rgb(21, 21, 21);
	color: #FFF;
}
.container_w100{
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
}
.container{
	max-width: 1100px;
}
.align-items-center{
	align-items: center;
}
.d-flex{
	display: flex;
}
.d-block{
	display: block;
}
.flex-wrap{
	flex-wrap: wrap;
}
.justify-content-between{
	justify-content: space-between;
}
.text-align-right{ text-align: right;}
.mincho{
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.has-small-font-size{
	line-height: 1.6em;
}
.icon_arrow{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
}
.icon_arrow:after{
	border-top: 1px solid #56575f;
	border-right: 1px solid #56575f;
	content: "";
	display: block;
	margin: auto 0;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	transform: rotate(45deg);
}


/*-- header --*/
header{
	/*max-height:100px;
	min-height: 70px;
	height:10%;*/
	/*padding:0 2%;*/
	display: none;
	width:100%;
	height:50px;
	height:0px;/*初期ロード時にチラッと見えてしますので範囲外へ追出し*/
	padding: auto;
margin-top: -10px;/*初期ロード時にチラッと見えてしますので範囲外へ追出し*/
	position: fixed;
	z-index:120;
	vertical-align:middle;
	background-color: rgba(35,24,22,1);
	border-bottom: 2px solid #5a504e;
}
.logo{
	/*float:left;
	margin: auto;
	/*margin-top:1.3%;*/
	/*padding: 10px 10px;*/
	position:relative;
	top:-100px;
	left:0;
	margin-top:5px;
	margin-left:5px;
	z-index:120;
	width: 180px;
	
	height:auto;
	display: inline-block;
margin-top: -50px;/*初期ロード時にチラッと見えてしますので範囲外へ追出し*/
}
.logo img{
	width: 100%;
	margin: auto;

}

nav {
position:absolute;
	top:50%;
	right:0;
	margin: -1.1em 0 -50% 0;
	font-family: 'Oxygen', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	padding-right: 5%;
	vertical-align:middle;
	/*	overflow:hidden;*/
}

nav ul{
	margin-right:0;
	/*display: inline-block;*/
	text-align:right;
	/*padding:2% 0;*/
	margin: auto 0;
	width:100%;
	/*overflow:hidden;*/
}
nav ul li{
	display:inline-block;
	/*line-height:100px;*/
	vertical-align: middle;
	letter-spacing:0em;
	margin:0 15px;
}
nav ul li a:link , nav ul li a:visited , nav ul li a:active{
	color:#fff;
	/*padding-bottom:7px;*/
	text-decoration:none;
	display:block;
}
nav ul li a:hover span{
	text-decoration:none;
	color: #0ff;
}
nav ul li ul{
	position:absolute;
	/*top:100px;*/
	left:0;
	background-color: rgba(23,18,16,1);
	width:100%;
	display:none;
}
nav ul li ul li{
	padding-left:16px;
}
nav ul li ul li a{
}
.btn_pc_menu{
position: fixed;
	/*float:right;*/
	top:0;
	right:0;
	/*margin-right:1%;*/
	/*padding:15px 0 0;*/
	margin-right:5px;
	padding:10px 0 0 0;
	cursor:pointer;
	/*background-color:#000;*/
	z-index:150;
	width: 50px;
}
.btn_pc_menu img{
	margin:25px 10px;
	margin-top:-5px;
	opacity: 0.6;
	/*border:1px dotted #0f0;*/
}
.btn_pc_menu .open,
.btn_sp_menu .open{
}
.btn_pc_menu .close,
.btn_sp_menu .close{
	display:none;
}

.btn_sp_menu{
	float:right;
	top:0;
	margin-right:10px;
	padding:15px;
	display:none;
	cursor:pointer;
	background-color:#000;
}
.btn_sp_menu img{
	margin:25px 10px;
	margin-top:-5px;
}

.pctopmenu{
}

.smtopmenu{
	display:none;
	position:fixed;
	right:0;
	max-width:100%;
	width:60%;
	max-height:96%;
	height:96%;
	overflow-y:scroll;
/*	margin:40px 0px auto auto;*/
	margin-top:42px;
	padding-bottom: 2%;
	background-color: rgba(0,0,0,0.8);
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border-radius: 6px;
	/*border:1px solid #f3f5f4;*/
}
.smtopmenu ul{
	display: inline-block;
	text-align:center;
	margin: auto 0;
	max-width:100%;
	width:100%;
	z-index:150;
	padding-bottom:20px;
}
.smtopmenu ul li{
	display: inline-block;
	text-align:center;
	padding:0;
	margin:0;
	max-width:100%;
	width:96%;
	/*border-right: 1px solid #333;
	border-left: 1px solid #333;*/
	border-bottom: 1px solid #444;
	/*color: #fff;*/
	color:#e3e5e4;
	text-decoration:none;
}
.smtopmenu ul li a{
	color: #e3e5e4;
	text-decoration:none;
}
.smtopmenu ul a li:hover{
	background-color:#666;
}
.smtopmenu ul .SMHOME{
	/*background-color:#f3f5f4;*/
	color:#aa865c;
	/*background-color:#88e;*/
	background-color: rgba(23,18,16,1);
	font-weight:bold;
	margin-top: 10px;
	border-top:1px solid #333;
}

.smtopmenu ul .title{
	/*background-color:#f3f5f4;*/
	color:#000;
	background-color:#e3e5e4;
	font-weight:bold;
	margin-top: 10px;
}
.smtopmenu ul .sepa{
	border:none;
	border-top:1px solid #333;
	margin-top:0px;
}
.smtopmenu ul .upline{
	border-top:1px solid #333;
	margin:0;
	padding:0;
}
.smtopmenu ul .dummy{
	border:none;
}

/*-- main visual --*/
#main_visual1{
top: 100px;
	position:relative;
	width:100%;
	background: #000;
}
#main_visualsp1{
top: 0px;
	position:relative;
	width:100%;
	background: #000;
}

.to_next{
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	z-index:101;
}

/*-- sub_main visual --*/
#sub_main_visual1{
	top:80px;
	margin-bottom:80px;
	position:relative;
	width:100%;
	height:300px;
	color:#fff;
	display:table;
	background: #000 url(img/zz.jpg) no-repeat center top;
	background-size:cover;
}
#sub_main_visual.haikan{
	background:url(img/zz.jpg) no-repeat center top;
	background-size:cover;
}
#sub_main_visual.event{
	background: url(img/zz.jpg) no-repeat center top;
	background-size:cover;
}
#sub_main_visual.gallerymv{
	background: url(img/zz.jpg) no-repeat center top;
	background-size:cover;
}
#sub_main_visual.nonv{
	height:0;
	overflow:hidden;
}
#sub_main_visual.nonv h1{
	display:none;
}

#sub_main_visual h1{
	text-align:center;
	font-size:48px;
	display: table-cell;
	vertical-align:middle;
	height:100%;
	line-height:1;
}
#sub_main_visual h1 span{
	font-size:24px;
}
	
/********************************
共有
********************************/
/*-- pan --*/
.pan{
	background:#fff;
	font-size:12px;
	font-family:'Helvetica','Arial','游ゴシック','メイリオ','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴシック ProN','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.2em;
}
.pan p{
	margin:auto;
	padding:10px 0;
	width:96%;
}
/********************************
トップページ
********************************/
#main_visual{
	position:relative;
	width:100%;
	background: #FFF;
height:100%;
}
/*  Corp Meaasage Image Ver.  */
#second{
position:relative;
max-width:100%;
width:100%;
text-align:center;
}

.second_sec{
	/*background:url(img/bg_second.jpg) no-repeat center top;*/
	/*background-size:cover;*/
	/*background-color:#f3f5f4;*/
}

.second_sec section , .second_sec .section{
	padding:1% 0 1%;
	margin:auto;
	max-width:1100px;
	width:95%;
	text-align:center;
	font-size:16px;
	line-height:2;
}
.second_sec section h2 , .second_sec .section h2{
	text-align:center;
	margin-bottom:5%;
}
.second_sec section p , .second_sec .section p{
	margin-bottom:40px;
}


.top_bottom{
	/*margin: 2% 0;*/
	padding: 2% 0 90px;
}
@media screen and (max-width: 640px) {
	.top_bottom{
		padding: 2% 0 40px;
	}
}
.top_pic{
margin: 20px 0;
}
.top_buttons_set{
    margin: 0 auto 20px;
    max-width: 1100px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 2;
}
.top_button_ul{
	border-top: 1px solid #DDD;
	list-style: none;
	padding: 0;
}
.top_button_ul li{
	border-bottom: 1px solid #DDD;
}

.second_sec .section h2.top_news_tit{
	border-bottom: 1px solid #56575f;
	color: #56575f;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 40px 0 10px;
	padding-bottom: 8px;
	text-align: left;
}
.news_newsarea{
	font-size: 14px;
	margin-bottom: 30px;
	text-align: left;
}
.news_newsarea_dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news_newsarea_dl dt{
	letter-spacing: 0.05em;
	width: 130px;
}
.news_newsarea_dl dd{
	width: calc( 100% - 145px);
}
.news_newsarea_dl dd a{
	text-decoration: none;
	transition: all 0.3s;
}
.news_newsarea_dl dd a:hover{
	opacity: 0.4;
	transition: all 0.3s;
}

a.top_btn_product{
	align-items: center;
	background-size: cover;
	color: #56575f;
	display: flex;
	font-size: 32px;
	font-weight: bold;
	justify-content: center;
    margin: 0 auto 20px;
    max-width: 1100px;
	position: relative;
    text-align: center;
	text-decoration: none;
	transition: all 0.4s;
	width: 100%;
	height: 265px;
}
a.top_btn_product:after{
	background-color: #FFF;
	content: "";
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.8s;
}
a.top_btn_product:hover{
	letter-spacing: 0.3em;
	transition: all 0.4s;
}
a.top_btn_product:hover:after{
	opacity: 0.2;
	transition: all 0.8s;
}

a.top_btn_product span{
	background-color: #FFF;
	display: block;
	padding: 16px;
    width: 100%;
    margin: 0 90px;
}
a.top_btn_product02{
	align-items: center;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #56575f;
	display: flex;
	font-size: 50px;
	font-weight: bold;
	gap: 10px;
	justify-content: center;
    margin: 80px auto;
    max-width: 1100px;
	position: relative;
    text-align: center;
	text-decoration: none;
	transition: all 0.5s;
	width: 100%;
	height: 205px;
}
a.top_btn_product02:hover{
	font-size: 32px;
	letter-spacing: 0.3em;
	transition: all 0.5s;
}
a.top_btn_product02 .icon_yajirushi{
	background-color: #56575f;
	border: 1px solid #56575f;
	border-radius: 50%;
	display: block;
	position: relative;
	transition: all 0.5s;
	width: 60px;
	height: 60px;
}
a.top_btn_product02 .icon_yajirushi:after{
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	content: "";
	display: block;
	margin: auto;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	right: 25px;
	bottom: 0;
	transform: rotate(45deg);
}
a.top_btn_product02:hover .icon_yajirushi{
	background-color: #FFF;
	border: 1px solid #56575f;
	border-radius: 50%;
	display: block;
	position: relative;
	transition: all 0.5s;
}
a.top_btn_product02:hover .icon:after{
	border-top: 2px solid #56575f;
	border-right: 2px solid #56575f;
}


a.top_btn_product03{
	align-items: center;
	background: rgb(235,235,235);
	background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
	color: #56575f;
	display: flex;
	font-size: 30px;
	font-weight: bold;
	gap: 10px;
	justify-content: center;
    margin: 0 auto ;
    max-width: 1100px;
	position: relative;
    text-align: center;
	text-decoration: none;
	transition: all 0.5s;
	width: 100%;
	height: 105px;
}
a.top_btn_product03:hover{
	font-size: 22px;
	letter-spacing: 0.3em;
	transition: all 0.5s;
}
a.top_btn_product03 .icon_yajirushi{
	background-color: #56575f;
	border: 1px solid #56575f;
	border-radius: 50%;
	display: block;
	position: relative;
	transition: all 0.5s;
	width: 60px;
	height: 60px;
}
a.top_btn_product03 .icon_yajirushi:after{
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	content: "";
	display: block;
	margin: auto;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	right: 25px;
	bottom: 0;
	transform: rotate(45deg);
}
a.top_btn_product03:hover .icon_yajirushi{
	background-color: #FFF;
	border: 1px solid #56575f;
	border-radius: 50%;
	display: block;
	position: relative;
	transition: all 0.5s;
}
a.top_btn_product03:hover .icon_yajirushi:after{
	border-top: 2px solid #56575f;
	border-right: 2px solid #56575f;
}
a.top_btn_product03 .text_small{
	font-size: 20px;
}


.third_sec ul.top_contents{
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 80px;
	width: 100%;
}
.third_sec ul.top_contents li{
	background-color: #EEE;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.third_sec ul.top_contents li a{
	display: block;
	opacity: 1;
	overflow: hidden;
	position: relative;
	transition: 0.3s;
	text-decoration: none;
}
.third_sec ul.top_contents li a:after{
	background-color: rgba(0,0,0,0.3);
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transition: 0.3s;
	transform: translateY(-50%) scale(1.1);
	width: 100%;
	height: 100%;
	z-index: 2;
}
.third_sec ul.top_contents li a:hover{
	text-decoration: none;
}
.third_sec ul.top_contents li a:hover:after{
	background-color: rgba(0,0,0,0);
	opacity: 0;
	transition: 0.8s;
}
.third_sec section h3.top_contents_tit{
	align-items: center;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0) 100%);
    color: #FFF;
	display: flex;
    font-size: 15px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 0;
    padding: 20px 15px 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
	z-index: 20;
}
.third_sec ul.top_contents li a:hover h3.top_contents_tit{
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.0) 100%);
    padding: 30px 15px 14px;
}
.third_sec section h3.top_contents_tit:after{
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	content: "";
	display: block;
	margin: 0 0 0 10px;
	width: 8px;
	height: 8px;
	opacity: 0;
	transform: rotate(45deg);
	transition: 0.3s;
}
.third_sec section ul.top_contents li a:hover h3.top_contents_tit:after{
	margin: 0 0 0 20px;
	opacity: 1;
	transition: 0.3s;
}


.top_contents_book{
	margin: 0 auto;
	width: 80%;
}
.top_contents_book p{
	margin-bottom: 1em;
}
.icon_amazon ,  .icon_youtube{
	margin: 0 auto;
}
.icon_amazon a,  .icon_youtube a{
	display: block;
	transition: all 0.3s;
}
.icon_amazon a:hover,  .icon_youtube a:hover{
	opacity: 0.7;
}
.icon_amazon{
	width: 100px;
}
.icon_youtube{
	width: 90px;
}


/*************************/
/** Corp Message(text ver)**/ 
/*************************/
.second_sec .corp_msg{
	position:relative;
	max-width:1100px;
	width:96%;
	color:#fff;
	font-size:14px;
	padding: 3% 0;
	text-align:center;
	font-size:18px;
	font-weight: 700;
}
.second_sec .corp_msg .title1{
	line-height: 38px;
	padding:0;
	font-size:36px;
	font-weight: 1000;
}
.second_sec .corp_msg .title2{
	line-height: 30px;
	padding:1%;
	font-size:28px;
}
.second_sec .corp_msg .msg1{
	line-height: 1.4em;
	padding:5%;
}
.second_sec .corp_msg .msg2,
.second_sec .corp_msg .msg3
{
margin: 3% auto;
max-width:50%;
min-width:300px;
width:50%;
	line-height: 1.4em;
	padding:5% 1%;
	border: 2px solid #fff;
}
.second_sec .corp_msg .msg-title{
	line-height: 1.4em;
	padding-bottom:1%;
	font-size:24px;
}
.mincho{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.fb{
	font-weight:bold;
}
.f110{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:21px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}

.second_sec .pic_second {
	background: #000 url(img/top_to_mak-23.jpg) no-repeat center top;
	background-size:cover;
	/*background-position:0px 0px;*/
}
.second_sec .top_to_mak_PC,
.second_sec .top_to_mak_SM{
	width:100%;
	max-width:100%;
	opacity: 0.0;
	}

/*************************/
/** Access              **/ 
/*************************/
.map_sec{
	/*background-color: #f3f5f4;*/
}
.map_sec section{
	padding: 0;
	margin:auto;
	max-width:100%;
	width:100%;
	/*text-align:center;*/
	font-size:14px;
	line-height:16px;
	color:#eaeaea;
}
.map_sec .access,
.map_sec .access >ul{
	max-width:100%;
	width:100%;
}
.map_sec .access .title{
	max-width:100%;
	width:100%;
	background-color:#000;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	border:none;
	text-align:center;
	margin: 0;
	padding:10px 0;
}
.map_sec .access .map{
	max-width:100%;
	width:100%;
	/*background-color:#f3f5f4;*/
	margin:0;
	padding:0;
	text-align:center;
}
.map_sec .access .addr{
	font-size:12px;
	line-height:16px;
	padding: 10px;
	text-align:center;
	/*background-color:#000;
	background-color:#f3f5f4;*/
}
.map_sec .access .gmap{
	text-align:center;
}
.map_sec .access .filler{
	padding:5px 0;
	/*background-color:#f3f5f4;*/
}

/*************************/
/** Product MENU        **/ 
/*************************/
.third_sec{
	/*background:url(img/bg_third.jpg) no-repeat center top;*/
	/*background-size:cover;*/
	/*background-color: #f3f5f4;*/
	text-align:center;
}
.third_sec section{
/*	padding:6% 0 6%;
	padding: 10px;*/
	display:block;
	position:relative;
	margin:auto;
	max-width:1100px;
	width:95%;
	/*text-align:center;*/
	font-size:14px;
	line-height:16px;
	color:#56575f;
	padding:0;
	/*background-color: #000;*/
	/*border:1px dotted #0f0;*/
	text-align:center;
}
.third_sec section .box{
	/*max-width:1114px;*/
	width:100%; 
	padding:0;
	margin:auto;
	margin-left:0;
	/*	overflow:hidden;*/
	display:inline-block;
	background-color: #FFF;
}

.third_sec section h2{
	text-align:center;
	margin-bottom:5%;
}
.third_sec section h3{
	margin:0 0 4%;
	background:url(img/bg_third_h3.png) repeat-y;
	background-size:100% auto;
	line-height:54px;
	font-size:24px;
}
.third_sec section .at_thsec{
	margin-bottom:7%;
}
.third_sec section table{
	margin-bottom:7%;
	border-collapse:collapse;
	width:100%;
}
.third_sec section table td{
	border:1px solid #8c8c8c;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	width:33.33%
}
.third_sec section table td.nonbd{
	border:none;
}

.third_sec .box .inner-left{
	width:66%;
	float:left;
	max-width:820px;
}
.third_sec .box .inner-right{
	width:33%;
	float:left;
	max-width:410px;
}

.third_sec .box .books{
	display:block;

}
.third_sec .box .books div{
	float:left;
	width:50%;
	max-width:410px;
	margin: 0 0 40px 0;
}
.third_sec .box .books div a{
	color: #56575f;
}

.third_sec section .box >ul{
	width:100%;
}
.third_sec ul li{
	margin-bottom:10px;
	padding: 8px;
	text-align:center;
}
.third_sec ul li a{
	/*padding-left:5px;*/
	color:#000;
	text-decoration:none;
}
.third_sec ul li a:hover{
	text-decoration: underline;
}
.third_sec ul li span{
	font-size:1.5em;
	/*color: #fff;*/
}
.third_sec ul li ul{
	margin-bottom:5px;
	margin-left:15px;
}
.third_sec ul li ul li span{
	font-size:0.7em;
}
.third_sec .box .menu{
	margin: 0 auto;
	padding: 0px 0 20px 40px;
	text-align:left;
	white-space:nowrap;
	display:block;
}
.third_sec .box .menu li{
	padding: 3px 0;
	text-align:left;
}
.third_sec .box ul .title{
	display: inline-block;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #56575f;
	text-align:center;
}

.third_sec .adj01{
	margin-bottom:0px;
width:95%;
}
.third_sec .adj02{
	margin-bottom:2.0%;
	/*margin-bottom:14px;*/
	float:left;
	width:50%;
}
@media screen and (max-width: 640px) {
	.second_sec .section h2.top_news_tit{
		font-size: 14px;
		margin: 30px 0 10px;
		padding-bottom: 5px;
	}
	.top_news_set{
		margin: 0 20px;
		width: auto;
	}
	.news_newsarea li{
		margin-bottom: 0;
		width: 100%;
	}
	.news_newsarea_dl{
		font-size: 12px;
		line-height: 160%;
	}
	.news_newsarea_dl dt{
		width: 100%;
	}
	.news_newsarea_dl dd{
		margin-bottom: 15px;
		width: 100%;
	}
	a.top_btn_product{
		font-size: 24px;
		letter-spacing: 0.05em;
		width: 100%;
		height: 165px;
	}

	a.top_btn_product span{
		padding: 8px;
		margin: 0 16px;
	}
	a.top_btn_product02{
		font-size: 30px;
		margin: 50px 0;
		width: 100%;
		height: 135px;
	}
	a.top_btn_product02 .icon_yajirushi{
		width: 50px;
		height: 50px;
	}
	a.top_btn_product02 .icon_yajirushi:after{
		right: 22px;
	}
	.top_button_ul{
		margin-bottom: 60px;
	}
	a.top_btn_product03{
		font-size: 20px;
		width: 100%;
		height: 85px;
	}
	a.top_btn_product03:hover{
		font-size: 16px;
	}
	a.top_btn_product03:hover .text_small{
		font-size: 13px;
	}
	a.top_btn_product03 .text_small{
		font-size: 14px;
	}
	a.top_btn_product03 .icon_yajirushi{
		width: 50px;
		height: 50px;
	}
	a.top_btn_product03 .icon_yajirushi:after{
		right: 22px;
	}
	.third_sec ul{
		margin: 0;
	}
	.third_sec ul.top_contents{
		gap: 10px;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 20px;
	}
	.third_sec ul.top_contents li{
		width: 100%;
	}
	.third_sec section h3.top_contents_tit{
		font-size: 11px;
		padding: 10px;
	}
	.third_sec .box .menu{
		padding: 0 20px 40px;
	}
	.third_sec .box .menu{
		padding: 0 0 50px;
	}
}

/*************************/
/** Fukumimi            **/ 
/*************************/
.fmimi_sec{
	/*background-color: #f3f5f4;*/
	text-align:center;
}
.fmimi_sec section{
	display:inline-block;
	position:ralative;
	margin:0 auto;
	padding:0;
	margin-bottom:0px;
	max-width:1100px;
	width:94%;
	font-size:14px;
	line-height:16px;
	text-align:center;
	padding-left:1%;
}
.fmimi_sec section >div{
float:left;
	position:ralative;
/*	display:block;
	position:ralative;*/
	max-width:270px;
	width:100%;
	max-height:190px;
	height:100%;
	min-height:190px;
	/*overflow:hidden;*/
}
.fmimi_sec section >div >a >div{
	position:ralative;
	max-width:270px;
	width:100%;
	max-height:190px;
	height:100%;
	min-height:190px;
	/*overflow:hidden;*/
display: -webkit-flex;
display:flex;
align-items:center; /* 縦方向中央揃え */
justify-content:center; /* 横方向中央揃え */
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
}

.fmimi_sec section >div a{
	color:#fff;
	text-decoration:none;
	padding:0;
	margin:0;
}
.fmimi_sec div a .fmimi img{
	display:inline;
width:100%;
	padding:0;
	margin:0;
}
.fmimi_sec div a div.txt{
display: -webkit-flex;
display:flex;
align-items:center;
justify-content:center;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
/*position:absolute;*/
margin:0;
padding:0;
	color:#fff;
	padding:2px 5px;
	width:175px;
	height:70px;
	border:1px solid #fff;
	z-index:100;
	overflow:hidden;
	font-weight:bold;
	font-size:10pt;
}
.fmimi_sec div a .fmimi .txt p{
	font-weight:bold;
	font-size:10pt;
}

.fmimi_sec .fmimicolor0{
	background-color:rgba(46,1,24,1);
}
.fmimi_sec .fmimicolor1{
	background-color:rgba(89,61,47,1);
}
.fmimi_sec .fmimicolor2{
	background-color:rgba(132,124,62,1);
}
.fmimi_sec .fmimicolor3{
	background-color:rgba(175,183,82,1);
}

.btn_sec{
	margin: auto;
	width:410px;
	max-width:85%;
}

.btn_sec2{
	margin: auto;
	width:410px;
}
.btn_sec3{
	margin: auto;
	width:261px;
	max-width:85%;
}

.second_access{
}

.second_access section{
	padding:6% 0 6%;
	margin:auto;
	max-width:1100px;
	width:92%;
	text-align:center;
	font-size:16px;
	line-height:2;
	color:#eaeaea;
}
.second_access section h2{
	text-align:center;
	margin-bottom:5%;
}

.second_access section .map{
	float:left;
	width:61.6%;
}
.second_access section .map_text{
	float:right;
	width:32.7%;
	margin-top:156px;
}
.second_access section p{
	margin:7% 0 2%;
}

.second_event{
	background:url(img/bg_event.jpg) no-repeat center top;
	background-size:cover;
}

.second_event section{
	padding:6% 0 6%;
	margin:auto;
	max-width:840px;
	width:92%;
	text-align:center;
	font-size:16px;
	line-height:2;
}
.second_event section h2{
	text-align:center;
	margin-bottom:5%;
}
.second_event ul{
	margin-bottom:4.5%;
}
.second_event li{
	border-bottom:1px solid #c4c4c4;
	padding:15px 0;
	text-align:left;
}
.second_event li a{
	color:#56575f;
	background:url(img/arrow_event.jpg) no-repeat right center;
	margin-right:10px;
	text-decoration:none;
}
.second_event li .date{
	float:left;
	padding:0 20px;
}
.second_event li .fl_box{
	padding:0 40px 0 20px;
	border-left:1px solid #c4c4c4;
}


.btn_area li{
	float:left;
	width:50%;
}
.btn_area li img{
	width:100%;
}

.second_gallery{
	background: url(img/bg_gallery.jpg) no-repeat;
	background-size:cover;
}

.second_gallery section{
	padding:6% 0 6%;
	margin:auto;
	max-width:1100px;
	width:92%;
	text-align:center;
	font-size:16px;
	line-height:2;
}
.second_gallery section h2{
	text-align:center;
	margin-bottom:5%;
}
.second_gallery section li{
	float:left;
	width:23%;
	margin-left:2.6666%;
	margin-bottom:3%;
}
.second_gallery section li:first-child{
	margin-left:0;
}
.second_gallery section li img{
	margin-bottom:10px;
}
.second_gallery section li p a{
	color:#56575f;
	background:url(img/arrow_event.jpg) no-repeat right center;
	padding-right:50px;
	display:inline-block;
}
.search_area{
	padding:20px 40px;
	background:#fff;
	line-height:30px;
	letter-spacing:0;
	
}
.search_area h3{
	float:left;
	padding-right:40px;
	border-right:1px solid #56575f;
	margin-right:40px;
}
.select{
	float:right;
	margin-left:5px;
	
}
span.customSelect {
	font-size:16px;
	line-height: 30px;
	height: 30px;
	width: 230px;
	box-sizing:border-box;
	border:1px solid #56575f;
	background:url(img/arrow_search.jpg) no-repeat left;
	text-align:center;
}

.customSelectInner {
    width: 100% !important;
	padding-left:10px;
}
.sel_l{
	float:left;
}
.sel_r{
	float:right;
}

.bottom{
	background: url(img/bg_bottom.jpg) no-repeat;
	background-size:cover;
}

.bottom .inner_bottom{
	padding:6% 0 6%;
	margin:auto;
	max-width:1100px;
	width:92%;
	text-align:center;
	font-size:16px;
	line-height:2;
}
.bottom .inner_bottom .sns{
	margin-bottom:5%;
}
.bottom .inner_bottom .sns li{
	display:inline-block;
	margin:0 20px;
}
.bn_bottom{
	float:left;
	width:48.1%;
	margin-right:3.8%;
}
.bn_bottom .bn_wrap{
	margin-bottom:30px;
}
.fbwrap{
	float:left;
	width: 48.1%;
}

/*************************/
/** Marketing top       **/ 
/*************************/
.Marketing{
	color:#f3f3f3;
	text-align:left;
	padding: 0 1%;
	margin:0;
	/*background-color:#efefef;*/
	max-width:1100px;
	width:98%;
	margin: 0 auto;
}
.Marketing .top img{
	position:relative;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
}
.Marketing .top .areaMenu{
	display:block;
	position:absolute;
	top:0;
	max-width:1100px;
	width:98%;
	margin:0 auto;
		/*border: 1px dotted #0f0;*/
}
.Marketing .top .areaMenu .menuBox{
margin:0;
	margin-top:34%;
	width:100%;
		/*overflow:hidden;*/
		/*border: 1px dotted #f00;*/
}
.Marketing .top .areaMenu .menuBox div{
	display:block;
	float:left;
	margin:0;
	padding:0;
	/*	border: 1px dotted #0f0;*/
}
.Marketing .top .areaMenu .menuBox div a{
display:block;
	position:relative;
	color: #afafaf;
	text-decoration:none;
	text-align:right;
	margin:0;
	padding:0;
	padding-right:20%;
	padding-bottom:0;
	font-size:10px;
	font-weight:bold;
	font-family:sans-serif,'Arial';
	line-height:20px;
	opacity:0.7;
	/*	background-color: rgba(200,33,33,0.8);*/
}
.Marketing .top .areaMenu .menuBox div a:hover{
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border-radius: 6px;
}
.Marketing .top .areaMenu .menuBox .filler0{
max-width:57px;
width:4.95%;
padding:0 0.1%;
}
.Marketing .top .areaMenu .menuBox .fact{
max-width:310px;
width:16.0%;
}
.Marketing .top .areaMenu .menuBox .fact a{
	padding-bottom:14%;
}
.Marketing .top .areaMenu .menuBox .filler1{
max-width:8px;
width:0.5%;
}
.Marketing .top .areaMenu .menuBox .why{
max-width:420px;
width:21.7%;
}
.Marketing .top .areaMenu .menuBox .why a{
	padding-bottom:10.5%;
}
.Marketing .top .areaMenu .menuBox .filler2{
max-width:20px;
width:1.8%;
}
.Marketing .top .areaMenu .menuBox .what{
max-width:283px;
width:15.2%;
}
.Marketing .top .areaMenu .menuBox .what a{
	padding-bottom:15%;
}
.Marketing .top .areaMenu .menuBox .filler3{
max-width:11px;
width:0.77%;
}
.Marketing .top .areaMenu .menuBox .how{
max-width:305px;
width:16.4%;
}
.Marketing .top .areaMenu .menuBox .how a{
	padding-bottom:14%;
}
.Marketing .top .areaMenu .menuBox .filler4{
max-width:7px;
width:0.68%;
}
.Marketing .top .areaMenu .menuBox .whatif{
max-width:325px;
width:17.2%;
}
.Marketing .top .areaMenu .menuBox .whatif a{
	padding-bottom:13%;
}
.Marketing .top .areaMenu .menuBox .filler5{
max-width:52px;
width:4.3%;
}
.Marketing .top .areaMenuSM{
	display:block;
	position:absolute;
	top:0;
	max-width:1100px;
	width:98%;
	margin:0 auto;
}
.Marketing .top .areaMenuSM .menuBox{
	display:block;
	position:absolute;
margin:0;
	margin-left:16.2%;
	width:100%;
		/*overflow:hidden;*/
}

.Marketing .top .areaMenuSM .Boxfact{
	margin-top:85.5%;
	
}
.Marketing .top .areaMenuSM .Boxwhy{
	margin-top:111.2%;
}
.Marketing .top .areaMenuSM .Boxwhat{
	margin-top:189.2%;
}
.Marketing .top .areaMenuSM .Boxhow{
	margin-top:210.2%;
}
.Marketing .top .areaMenuSM .Boxwhatif{
	margin-top:243.2%;
}

.Marketing .top .areaMenuSM .menuBox div{
	display:block;
	/*float:left;*/
	margin:0;
	padding:0;
	font-size:10px;
}
.Marketing .top .areaMenuSM .menuBox div a{
display:block;
	position:relative;
	color: #afafaf;
	text-decoration:none;
	text-align:right;
	margin:0;
	padding:0;
	padding-right:10%;
	padding-bottom:0;
	font-size:10px;
	font-weight:bold;
	font-family:sans-serif,'Arial';
	line-height:20px;
	opacity:0.7;
	/*	background-color: rgba(200,33,33,0.8);*/
}
.Marketing .top .areaMenuSM .menuBox div a:hover{
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border-radius: 6px;
}
.Marketing .top .areaMenuSM .menuBox .fact{
max-width:420px;
width:21.7%;
}
.Marketing .top .areaMenuSM .menuBox .fact a{
	padding-bottom:21%;
}
.Marketing .top .areaMenuSM .menuBox .why{
max-width:420px;
width:21.7%;
}
.Marketing .top .areaMenuSM .menuBox .why a{
	padding-bottom:21%;
}
.Marketing .top .areaMenuSM .menuBox .what{
max-width:420px;
width:21.7%;
}
.Marketing .top .areaMenuSM .menuBox .what a{
	padding-bottom:19%;
}
.Marketing .top .areaMenuSM .menuBox .how{
max-width:420px;
width:21.7%;
}
.Marketing .top .areaMenuSM .menuBox .how a{
	padding-bottom:18%;
}
.Marketing .top .areaMenuSM .menuBox .whatif{
max-width:420px;
width:21.7%;
}
.Marketing .top .areaMenuSM .menuBox .whatif a{
	padding-bottom:33%;
}
.Marketing .mkt_sub_title .forPC{
	max-width:500px;
	width:100%;
	margin: 0;
}
.Marketing .mktg_menu{
background-color: #56575f;
display:block;
position:relative;
color:#fff;
margin: 0 auto;
}
.Marketing .mktg_menu .menutitle{
	max-width:100%;
	width:98%;
	text-align:center;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	font-size:1.2em;
	font-weight:bold;
}
.Marketing .mktg_menu .title{
	text-align:left;
	padding-left:0;
	font-weight:bold;
}
.Marketing .mktg_menu .half{
	background-color: #56575f;
	display:inline-block;
	max-width:50%;/*ここを550pxにすると 下<ul>より遅く詰まり、右halfが下に来る。50%はギリギリまで左右halfは横並び*/
	width:99%;
	margin:0;
	padding:0;
}
.Marketing .mktg_menu ul{
	display:inline-block;
	float:left;
	max-width:248px;
	width:100%;
	padding:10px;
}
.Marketing .mktg_menu ul li{
	padding:0;
	margin:0;
}
.Marketing .mktg_menu ul li a{
	padding-left:5px;
	color:#cccccc;
	text-decoration:none;
}
.Marketing .mktg_menu ul li a:hover{
	text-decoration: underline;
}
.Marketing .mktg_menu ul li span{
	font-size:1.5em;
	font-weight:bold;
	color:#333;
}
.Marketing .mktg_menu ul li ul{
	margin-top:0px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0;
}
.Marketing .mktg_menu ul li ul li{
	margin-top:0px;
	font-size:1em;
	padding:0;
}
.Marketing .ERC{
float:none;
	display:inline-block;
	position:relative;
	width:100%;
	margin-top:50px;
	text-align:center;
}
.Marketing .ERC_inner{
display:inline-block;
position:relative;
text-align:left;
}
.Marketing .ERC .mkt_sub_title,
.Marketing .ERC .mkt_sub_erc{
display:inline-block;
position:relative;
text-align:left;
}
.Marketing .ERC .mkt_sub_erc img{
	position:relative;
	max-width:800px;
	width:100%;
	margin: 10px auto;
	padding:0;
}



/*************************/
/** Product box        **/ 
/*************************/
.product_sec{
	background-color:#FFF;
}
.product_sec section{
	padding:1% 0 1%;
	margin:auto;
	max-width:1100px;
	width:100%;
	text-align:center;
	font-size:16px;
	line-height:2em;
}
.products{
	color:#000;
	text-align:center;
	padding: 0 4%;
	margin:0;
	/*background-color:#efefef;*/
	font-size:14pt;
}

.products img{
	position:relative;
	max-width:1100px;
	width:100%;
	margin: 0 auto;
	padding:0;
}
.products .prodtitle{
font-family: helvetica, arial, sans-serif;
font-size: 24pt;
color: #003366;
font-weight:bold;
margin-top:3em;
}
.products .prodcontents{
overflow:hidden;
}
.products .text{
display:inline-block;
	text-align:left;
	margin:0 auto;
	color: #003366;
margin-top:1em;
padding: 0 5%;
}

/*********************
  DRONE business
*********************/
.drbiz_video{
	display:inline-block;
	position:relative;
}
#drbiz_video{
max-width:720px;
width:100%;
margin:0 auto;
background-size: cover;
background-attachment: fixed;
}


/********************************
contact box
********************************/

/********************************
pagetop
********************************/

/************************
pagination
************************/
.pagination{
	margin:40px auto 0;
	widows: 100%;
	padding:0 0 0px;
	text-align:center;
	position:relative;
	height:40px;
	line-height:40px;
	color:#999
}
.pagination a{
	color:#000;
	transition: all 0.3s ease-in-out 0s;
}
.pagination a, .pagination span{
	padding:10px 14px;
}
.pagination span.current{font-weight:bold;}
.pagination a.pg_pre,.pagination a.pg_next{
	width:40px;
	height:40px;
	background:#000;
	color:#fff;
	padding:0;
	text-decoration:none;
}
.pagination a:hover.pg_pre,.pagination a:hover.pg_next{
	text-decoration:none;
	background:#666;
}
.pagination a.pg_pre{
	position:absolute;
	left:0;
	top:0;
}
.pagination a.pg_next{
	position:absolute;
	right:0;
	top:0;
}
.pagination a.pg_next span{
	display: block;
	width: 100%;
	height: 100%;
}
.pagination a.pg_next span:after{
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	content: "";
	display: block;
	margin: auto 8px;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pagination a.pg_pre span:after{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	content: "";
	display: block;
	margin: auto 16px;
	width: 15px;
	height: 15px;
	transform: rotate(-45deg);
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.sp_pager{display:none;}

.pagerwrap{
	margin:40px auto 0;
	max-width:1000px;
	width:96%;
	padding:0 0 40px;
	text-align:center;
	position:relative;
	height:60px;
	line-height:60px;
}
.pagerwrap a.pg_pre{
	position:absolute;
	left:0;
	top:0;
}
.pagerwrap a.pg_next{
	position:absolute;
	right:0;
	top:0;
}
/********************************
footer
********************************/
footer{
	background-color:#F6F6F6;
	/*background:url(img/bg_footer.jpg) no-repeat right top;*/
	/*background-size:cover;*/
	/*padding-bottom:60px;*/
	padding-bottom:0;
}
footer .inner_footer{
	/*padding:5% 0 6%;*/
	padding:5% 0 5% 5.5%;
	margin:auto;
	max-width:1100px;
	width:100%;
	line-height:2;
	color: #56575f;
	margin-bottom:0px;
		/*border:1px dotted #0f0;*/
}
footer .inner_footer >ul{
	float:left;
	/*max-width:340px;*/
	width:330px;
	padding:0;
}

footer .inner_footer ul li{
	margin-bottom:5px;
	/*background:url(img/arrow_ft.png) no-repeat left center;*/
}
footer .inner_footer ul li a{
	padding-left:5px;
	color:#56575f;
	text-decoration:none;
}
footer .inner_footer ul li a:hover{
	text-decoration: underline;
}
footer .inner_footer ul li span{
	font-size:1.0em;
	font-weight:bold;
	color:#333;
}
footer .inner_footer ul li ul{
	margin-bottom:10px;
	margin-left:15px;
}
footer .inner_footer ul li ul li span{
	font-size:0.7em;
}
footer .inner_footer .fmenuCenter a{
	font-size: 10pt;
}

.headquarter{
	padding:5% 0 20px;
	margin:auto;
/*	max-width:1100px;*/
	max-width:100%;
	width:100%;
	line-height:2;
	color: #fff;
	position:relative;
	bottom:0;
	z-index: 110;
	background-color:#272727;
		text-align:center;
		/*border:1px dotted #f00;*/
display:block;
}
.headquarter .addr{
display:inline-block;
position:relative;
	text-align:left;
	margin-bottom:20px;
		/*border:1px dotted #0f0;*/

}
.copy_old{
display:inline-block;
position:relative;
	background-color: #fff;
	line-height:50px;
	width:20%;
	min-width:250px;
	/*position:absolute;
	float:right;
	z-index: 110;
	bottom: 0;
	right: 0;*/
	/*border:1px dotted #f00;*/
	text-align: center;
}
.copy_old p{
	background-color: #56575f;
	color:#cccccc;
	font-size:8px;
	margin:auto;
	padding:5% 1%;
	max-width:1100px;
	width:96%;
	line-height:16px;
}
.copy_old div{
	background-color: #fff;
	color:#aaa;
	line-height:40px;
	padding: 5px;
}
.copy_old div div{
text-align:right;
}
.copy_old div div a{
	margin-left:10px;
}
.copy{
display:inline-block;
position:relative;
	background-color: #272727;
	line-height:50px;
	min-width:160px;
	width:200px;
	/*position:absolute;
	float:right;
	z-index: 110;
	bottom: 0;
	right: 0;*/
	/*border:1px dotted #f00;*/
	text-align: center;
	margin-bottom:30px;
}
.copy p{
	background-color: #272727;
	color:#cccccc;
	font-size:8px;
	margin:auto;
	padding:5% 1%;
	max-width:1100px;
	width:96%;
	line-height:16px;
}
.copy div{
	background-color: #272727;
	color:#aaa;
	line-height:40px;
	padding: 5px;
}
.copy div div{
text-align:left;
padding-left:5%;
}
.copy div div a{
	margin-left:10px;
}
.SPfiller{
/*	メニュー縦並びの時のマージン */
}
.copy #FBlogo,
.copy #YTlogo{
	height:20px;
}


/*************************/
/** Profile             **/ 
/*************************/
#profile{
	text-align:center;
}

/********************************
sub 共有
********************************/
.alignleft{
	float:left;
	margin:0 30px 30px 0;
}
.alignright{
	float:right;
	margin:0 0 30px 30px;
}
.aligncenter{
	text-align:center;
	margin-bottom:30px;
}
.sub_body{
	/* background:#efefef; */
	background-color: #FFF;
	color: #56575f;
}
.sub_body a{
	color: #eaeaea;
}
.sub_body .single a{
	color: #000;
	word-break: break-all
}
.sub_body .single a:hover{
	color: #000;
	opacity: 0.5;
	transition: all 0.3s;
}
.sub_body .single a.smb-btn{
	color: #FFF;
}
.wd_1100{
    padding: 6% 0 6%;
    margin: auto;
    max-width: 1100px;
    width: 98%;
    font-size: 16px;
    line-height: 2;
}
.pages{
	color:#333;
}
.pages a{color:#333;}
.h2_type1{
	margin: 0 0 4%;
    background: url(img/bg_third_h3.png) repeat-y;
    background-size: 100% auto;
    font-size: 24px;
	padding:8px;
	text-align:center;
}
.h2_type2{
	text-align:center;
	margin: 0 0 5%;
	background:url(img/bd_h2_w.jpg) no-repeat center bottom;
	padding-bottom:28px;
	font-size:35px;
	line-height:1.2;
}
.h2_type3{
	font-size:28px;
	font-weight: bold;
	text-align:center;
	margin: 0 0 5%;
	background:url(img/bd_h2_b.jpg) no-repeat center bottom;
	padding-bottom: 8px;
	color:#141414;
	line-height:1.6;
	text-align: left;
}

.h2_type4{
	text-align:center;
	margin: 0 0 4%;
	background: url(img/bg_ttl_4.png) repeat-y;
	background-size: 100% auto;
	font-size: 24px;
	padding:8px;
	color:#141414;
}

.fl_haikan_r{
	float: right;
	width:48%;
	margin-left:4%;
}

.onegai h3{
	font-size:18px;
	margin-bottom:20px;
}
.onegai li{
	list-style:outside disc;
	margin:0 0 16px 20px;
}

.article_keidai{
	margin-bottom:60px;
}
.article_keidai .fl_box{
	margin-left:130px;
}
.fl_keidai_r{
	float:right;
	margin-left:4%;
	width:36%;
}
.ta_c_lesp{text-align:center;}

.about_body{
	margin:auto;
	max-width:840px;
	text-align:center;
}
.about_body p{
	margin-bottom:20px;
}

.tb_common{
	margin-bottom: 7%;
    border-collapse: collapse;
    width: 100%;
}
.tb_common th, .tb_common td{
	border: 1px solid #8c8c8c;
    padding: 10px;
    vertical-align: middle;
	font-weight:normal;
}
.tb_common th{
	width: 33.33%;
}
.tb_common th.th_harf{
	width:16.6666%;
}
.tb_common td table{
	border-collapse: collapse;
    width: 100%;
}
.tb_common td table th, .tb_common td table td{
	padding: 5px 10px;
}
.tb_common td table th{
	width:auto;
}

.mountharea{
	background:url(img/bg_mounth.jpg) no-repeat center top;
	background-size:cover;
}
.mountharea a{
	text-decoration:none;
}
.mountharea .event{
	margin:auto;
	max-width:840px;
}
.mountharea .event li{
	border-bottom:1px solid #acacac;
	padding:15px 0;
	text-align:left;
}
.mountharea .event li a{
	color:#56575f;
	background:url(img/arrow_event.jpg) no-repeat right center;
	margin-right:10px;
	text-decoration:none;
}
.mountharea .event li .date{
	float:left;
	padding:0 20px;
}
.mountharea .event li .time{
	float:left;
	padding:0 20px 0 0;
}
.mountharea .event li .fl_box{
	padding:0 40px 0 20px;
	border-left:1px solid #acacac;
}

.time_line{
	margin:auto;
	max-width:840px;
}
.time_line a{
	color:#eaeaea;
	text-decoration:none;
	background:url(img/arrow_ws.jpg) no-repeat left center;
	background-size:auto 100%;
	padding-left:30px;
}
.time_line ul{
	float:left;
	width:50%;
}
.time_line ul .time_line_m{
	float:left;
	width:110px;
	text-align:center;
	background:#000;
}
.time_line ul li{
	background:url(img/line_timeline.png) repeat-y left center;
}
.time_line ul li.nonbd1, .time_line ul li.nonbd2{
	background:none;
}
.time_line ul .fl_box{
	padding-bottom:68px;
}
.time_line ul li a:hover{
	text-decoration:underline;
}

.archives{
	background:url(img/bg_archives.jpg) no-repeat center top;
	background-size:cover;
	color:#141414;
}
.archives .tab{
	border-bottom:2px solid #000;
	text-align:center;
	height:38px;
}
.archives .tab li{
	display:inline-block;
	padding:0 10px;
	background:#000;
	color:#e9ebf4;
	border:2px solid #000;
	box-sizing: border-box;
	width:17.7%;
	min-width:68px;
	margin:0 0.9% -2px;
	font-size:12px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	cursor:pointer;
	top:0;
}
.archives .tab li.selected{
	background:#e9ebf4;
	color:#000;
	border-bottom:2px solid #e9ebf4;
}
.archives .tab_target div{
	margin-top:40px;
}
.archives .tab_target div p{
	text-align:center;
	margin-bottom:20px;
}
.archives .tab_target div ul{
	margin:auto;
	max-width:840px;
	font-size:14px;
}
.archives .tab_target div ul li a{
	color:#000;
}
.archives .tab_target div ul li.current a{
	color:#ccc;
}

.writer{
	text-align:center;
	margin-bottom:30px;
}

/********************************
single
********************************/
.single{
	background:#FFF;
	color: #141414;
}
.single_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.single_main{
	width: calc(100% - 320px);
}
.aside{
	width: 280px;
}


.sidebar_section {
	margin-bottom: 40px;
  }
  
  .widgettitle {
	background-color: #56575f;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 5px 10px;
  }
  
  .sidebar_ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	margin-bottom: 20px;
	width: 100%;
  }
  .sidebar_ul .sidebar_thumbail {
	line-height: 0;
	width: 80px;
  }
  .sidebar_ul .sidebar_thumbail img {
	width: 100%;
	height: auto;
  }
  .sidebar_ul .sidebar_tit_area {
	width: calc(100% - 100px);
  }
  
  .sidebar_day {
	font-size: 0.75rem;
	margin-top: -5px;
	display: block;
  }
  
  .sidebar_ul_cat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-bottom: 6px;
  }
  .sidebar_ul_cat li {
	margin: 0 3px 3px 0;
	width: auto;
  }
  .sidebar_ul_cat li a {
	background-color: #666;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	margin: 0;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	padding: 0 5px;
	position: relative;
  }
  
  .sidebar_tit {
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.6em;
  }
  .sidebar_tit a {
	color: #252525;
  }
  
  .aside_year_content > ul {
	margin-bottom: 40px;
	padding-left: 20px;
  }
  
  .aside_year_tit {
	font-size: 0.875rem;
	font-weight: bold;
  }
  .sidebar_archive li a {
	color: #252525;
  }
  



.single_time{
	font-size: 13px;
	line-height: 180%;
}
.single .eyecatch{
	width:300px;
	text-align:center;
	float:left;
	margin:0 30px 30px 0;
}
.single p{
	margin-bottom:20px;
}
.single table{
	width:100%;
	clear:both;
	border-collapse:collapse;
}
.single table th,.single table td{
	padding:2%;
	border:1px solid #8c8c8c;
	vertical-align:top;
}
.single table th{
	width:25%;
}

.single .others{
	margin-top:80px;
}
.single .others p{
	text-align:center;
	margin-bottom:100px;
}
.single .others p a{
	margin:0 10px;
	display:inline-block;
}



/* single list */
.single_list_ul li{
	display: flex;
	flex-wrap: wrap;
}
.single_list_ul li .single_time{
	width: 120px;
}
.single_list_dtils{
	width: calc(100% - 120px);
}


@media screen and (max-width: 640px) {
	.single_main{
		margin: 0 20px;
		width: auto;
	}
	.single_list_ul{
		margin-bottom: 40px;
	}
	.single_list_ul li .date{
		width: 100%;
	}
	.single_list_dtils{
		font-size: 14px;
		line-height: 180%;
		width: 100%;
	}
  }



table.form{
	margin-bottom: 3%;
    border-collapse: collapse;
    width: 100%;
	border-top: 1px solid #8c8c8c;
}
table.form th, table.form td{
	border-bottom: 1px solid #8c8c8c;
    padding: 10px;
    vertical-align: middle;
	font-weight:normal;
	text-align:left;
}
table.form th{
	width: 33.33%;
}
table.form input, table.form textarea{
	width:98%;
	border:none;
	padding:2% 1%;
}
.form_btn input, .form_btn button{
	border:3px solid #717070;
	background:#232323;
	color:#fff;
	padding:20px 60px;
	font-size:16px;
}

table.formfree{
	margin-bottom: 3%;
    border-collapse: collapse;
    width: 100%;
	border-top: 1px solid #8c8c8c;
}
table.formfree th, table.formfree td{
white-space: nowrap;
	border-bottom: 1px solid #8c8c8c;
    padding: 10px;
    vertical-align: middle;
	font-weight:normal;
	text-align:left;
}
table.formfree th{
	width: 20%;
}
table.formfree input, table.formfree textarea{
	width:98%;
	border:none;
	/*padding:2% 1%;*/
	margin: 0 0 2px 0;
}
table.formfreechild{
    border-collapse: collapse;
    /*width: 100%;*/
}
table.formfreechild th, table.formfreechild td{
white-space: nowrap;
	border-bottom: none;
    padding: 3px 20px;
    vertical-align: middle;
	font-weight:normal;
	text-align:left;
}
table.formfreechild input, table.formfreechild textarea{
	/*width:98%;*/
	border:none;
	/*border: 1px solid #f00;*/
	padding:10px 5px;
}
.font4{
	font-size: 1.0em;
}
/********************************
 Gallery 
*********************************/
/*.sub_body{background:#444444;}*/
.galleryBG{background:#444444;}
.title_box{text-align:center;}
.outer_box{margin:0 auto;max-width:80%;width:100%;}
.paragraph_title{ margin-bottom:10px;font-size:20px;}
.hr_line{border-top: 1px solid #56575f; border-right: none; border-bottom: none; border-left: none;}
.paragraph_margin{margin-top:80px;}
.right_margin{margin-right:10px;}
.left_margin{margin-left:10px;}
.two_column{max-width:48%;width:100%;float:left;}
.paragraph_margin_2col{margin-top:0px;}
.ug-gallery-wrapper .ug-bullets .ug-bullet.ug-bullet-active{
	background-color: #56575f !important;
}
.ug-gallery-wrapper .ug-bullets .ug-bullet{
	border: 1px solid #56575f !important;
}


/********************************
screen_width_1800px
********************************/
@media screen and (max-width: 4000px) {
	/*大画面時 クリッカブルマップ レイアウト崩れ 防止用 
	  おおもとをblockにして解決  
	.forSM{display:none;}
	.forPC{display:block;}*/
}
/********************************
screen_width_1700px
********************************/
@media screen and (max-width: 1700px) {
/*	nav{
		font-size: 1.25em;
	}
	nav ul li{margin:auto 8px;}*/
}
/********************************
screen_width_1500px
********************************/
@media screen and (max-width: 1500px) {
/*	nav{
		font-size: 1.2em;
	}
	nav ul li{margin:auto 8px;}*/
}
/********************************
screen_width_1400px
********************************/
@media screen and (max-width: 1400px) {
/*	nav{
		font-size: 1.09em;
	}
	nav ul li{margin:auto 5px;}*/
}
/********************************
screen_width_1200px
********************************/
/*@media screen and (max-width: 1200px) {
	nav{
		font-size: 1.05em;
	}
	nav ul li{margin:auto 5px;} 
}*/

/********************************
screen_width_1181px
********************************/
/*
@media screen and (max-width: 1181px) {
	.btn_sp_menu{display:none;}
	.btn_pc_menu{display:block;}
}
*/
/********************************
screen_width_1180px
********************************/
@media screen and (max-width: 1180px) {
	nav ul{text-align:right;}
	nav ul li{line-height:60px;}
	nav ul li ul{top:60px; text-align:center;}
	/*header{height:60px;}*/
	#sub_main_visual{top:60px;margin-bottom:60px;}
	.logo{padding:18px 0 0; height:22.5px;}
	.logo img,.btn_sp_menu img{height:100%;}
	.btn_sp_menu{padding:11px 0 0; height:33px;}
	.sel_l{float:none; margin-bottom:20px;}
	.sel_r{float: none;}
	.bn_bottom,.fbwrap{width:100%; float:none; margin-right:0;}
	.fb iframe{width:451px; margin:auto;}
	._2p3a{margin:auto;}
	.fb{float:none; margin:auto; overflow:hidden;}
	.btn_area li{overflow:hidden;}
	.btn_area li img{width:140%; max-width:140%; margin-left:-20%;}
	header .pctopmenu{display:none;}
	header{background-color: rgba(0,0,0,0);border:none;/*max-height:90%;height:90%;*/}
	header .logo {display:none;}
	#sub_main_visual{top:0;}
	.btn_sp_menu{display:block;}
	nav{display:none;top:60px;background-color: rgba(79,79,79,0);font-size: 1.0em;}
	nav ul li{display:block; line-height:40px; text-align:left; padding-left:2%;}
	nav ul li ul{display:block; position:relative; background-color: rgba(79,79,79,0); top:0px;margin-left:1em;}
	/*footer .inner_footer ul{float:none;}*/
	footer .inner_footer >ul{width:32%;}
	.second_sec .corp_msg {font-size:14px;}
	.second_sec .corp_msg .title1{font-size:28px;}
	.second_sec .corp_msg .title2{font-size:18px;}
	.second_sec .corp_msg .msg-title{font-size:16px;}
	.second_sec .corp_msg .msg4{font-size:16px;}
	.products{padding:0 3px;}
	.fmimi_sec section{max-width:1100px;width:100%;}
}
/********************************
screen_width_1110px
********************************/
@media screen and (max-width: 1110px) {
	.Marketing .mktg_menu .title{padding-left:0;}
	.Marketing .mktg_menu .half{padding-left:10%; width:40%}
	.fmimi_sec section{max-width:890px;width:100%;}
	.fmimi_sec section div a .fmimi{width:100%;}
	.fmimi_sec section >div {width:220px;}
	}
/********************************
screen_width_920px
********************************/
@media screen and (max-width: 920px) {
	nav ul li{letter-spacing:0;}
	.forPC{display:none;}
	.forSM{display:block;}
	.forPCTEL{display:none;}
	.forSMTEL{display:block;}
	.forSMTELpage{font-size:1.0em; text-decoration:none;}
	.forSMTELfoot{color:#fff; font-size:1.0em; text-decoration:none;}
	/* Gallery */
	#gallerysp{display:block !important;}
	#gallerypc{display:none !important;}
	/* Gallery End */
	/** TOP page  **/
	.third_sec .box .inner-left{width:100%}
	.third_sec .box .inner-right{width:100%;max-width:840px;}
	/** TOP page END **/
}
/********************************
screen_width_860px
********************************/
@media screen and (max-width: 860px) {
	header{background-color: rgba(0,0,0,0);}
	.btn_sp_menu{display:block;}
	nav{display:none;top:60px;background-color: rgba(79,79,79,0);}
	nav ul li{display:block; line-height:40px; text-align:left; padding-left:2%;}
	nav ul li ul{display:block; position:relative; background-color: rgba(79,79,79,0); top:0px;margin-left:1em;}
}
/********************************
screen_width_840px(ここからメニューボタンが縦並び
********************************/
@media screen and (max-width: 840px) {
	.btn_area li{float:none; width:100%;}
	.forProdPC{display:none !important;}
	.forProdSM{display:block !important;}
	.SPfiller{display:inline-block;padding:20px 0;}
	.Marketing .mktg_menu .half{padding-left:5%; width:45%}
	/* Gallery */
	.two_column{max-width:100%;width:100%;clear:both;}
	.right_margin{margin-right:0;}
	.left_margin{margin-left:0;}
	.paragraph_margin_2col{margin-top:50px;}
	/* Gallery End*/

}
/********************************
screen_width_780px
********************************/
@media screen and (max-width: 780px) {
	.btn_sec2{max-width:85%; }
	.second_gallery section li{width:49%; margin-left:2%;}
	.second_gallery section li:nth-child(2n+1){margin-left:0;}
	body{letter-spacing:0;}
	footer{}
	.third_sec section .box >ul{ grid-template-columns: 1fr 1fr;}
	.second_sec section, 
	.second_sec .section, 
	.third_sec section, 
	.third_sec .section, 
	.second_access section, 
	.second_access .section, 
	.second_event section, 
	.second_event .section, 
	.second_gallery section , 
	.second_gallery .section{/*padding:18% 0 18%;*/}
	.second_sec section h2, 
	.second_sec .section h2, 
	.third_sec section h2, 
	.third_sec .section h2, 
	.second_access section h2, 
	.second_access .section h2, 
	.second_event section h2, 
	.second_event .section h2, 
	.second_gallery section h2, 
	.second_gallery .section h2{/*margin-bottom:10%;*/}
	.second_sec section h2 img, 
	.second_sec .section h2 img, 
	.third_sec section h2 img, 
	.third_sec .section h2 img, 
	.second_access section h2 img, 
	.second_access .section h2 img, 
	.second_event section h2 img, 
	.second_event .section h2 img, 
	.second_gallery section h2 img, 
	.second_gallery .section h2 img{zoom: 0.7;}
}

/********************************
screen_width_640px(ここからフッターリンクが縦並び
********************************/
@media screen and (max-width: 640px) {
	.second_access section .map, .second_access section .map_text{float:none; width:100%;}
	.second_access section .map,.second_access section .map_text{margin-top:0; margin-bottom:20px;}
	.second_access section .map{margin-bottom:60px;}
	.search_area h3{float:none; padding:0 0 10px; margin:0 0 10px; border:none;border-bottom:1px solid #56575f;}
	.second_sec section p, .second_sec .section p{text-align:left;}
	.third_sec section .at_thsec, .third_sec section table, .tb_common{margin-bottom:10%;}
	.third_sec section h3{margin-bottom:6%;}
	.second_event li .date{float:none; margin-bottom:5px;}
	.second_event li .fl_box{border:none;}
	.btn_area{width:100%; overflow:hidden;}
	.btn_area li{width:140%; margin-left:-20%;}
	.btn_area li img{width:100%; max-width:100%; margin-left:0;}
	.second_gallery section ul{margin-bottom:2%;}
	.bottom .inner_bottom .sns{margin-bottom:10%;}
	header{background-color: rgba(0,0,0,0);}
	.smtopmenu{width:100%;}
	nav{background-color: rgba(79,79,79,0);}
	.h2_type1, .h2_type4{margin-bottom: 6%;font-size:18px;}
	.h2_type2, .h2_type3{ margin-bottom: 0;font-size:20px; line-height: 1.4em;}
	.ta_c_lesp{text-align:left;}
	.event li .fl_box{clear:both; border:none;}
	.time_line ul{float:none; width:100%;}
	.time_line ul li.nonbd1{background:url(img/line_timeline.png) repeat-y left center;}
	.single table th,.single table td{ display:block; width:96%;}
	.single table th{ background:#ddd;}
	.single .others p{margin-bottom:50px;}
	.single .eyecatch{float:none; width:100%; margin:0 0 20px;}
	.archives .tab li{font-size:10px;}
	.sp_pager{display:block;}
	.pc_pager{display:none;}
	.tb_common.sp_tb th, .tb_common.sp_tb td{display:block; width:98%; padding:1%;}
	footer .inner_footer{padding-top:7%;padding-left:7%;}
	footer .inner_footer ul{float:none;width:96%;}
	footer .inner_footer >ul{padding-top:20px;}
	footer .headquarter{height:100%;bottom:0;}
	footer .headquarter .addr{margin-bottom:50px;padding:0 7%;}
	footer .copy_old{display:block;position:absolute;margin:0 auto;width:60%;float:none;right:20%;left:20%;font-size:2em;}
	footer .copy{margin-left:4.6%;font-size:2em;margin-bottom:30px;}
	.second_sec .top_button{border:none;}
	.Marketing .mktg_menu .half{max-width:100%;}
	.Marketing .mktg_menu .half ul{max-width:100%;}
	.Marketing .mktg_menu .title{padding-left:0;}
	.Marketing .top .areaMenuSM .menuBox div a{padding-right:0%;line-height:14px;}
	.products{font-size:14pt;line-height:1.6em;}
}
/********************************
screen_width_500px
********************************/
@media screen and (max-width: 500px) {
	.bottom .inner_bottom .sns li{width:48%; margin:0 1%;}
	table.form th, table.form td{
		display:block;
		width:98%;
		padding:1%;
	}
	table.formfree th, table.formfree td,table.formfreechild th, table.formfreechild td{
		display:block;
		width:98%;
		padding:1%;
	}
	.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
	margin:auto;
}
	.Marketing .mktg_menu .half{width:100%;}

}
/********************************
screen_width_460px
********************************/
@media screen and (max-width: 420px) {
	.fb iframe{width:100% !important;}
	.fb iframe body{width:100%; overflow:hidden;}
	.select{float:none; margin-left:0;}
	span.customSelect{width:100%;}
	span.sp{display:inline;}
	/** TOP page  **/
	.third_sec .box .books div{width:100%}
	.third_sec .adj02{width:100%}
	.third_sec .box .inner-right .menu{width: 100%}
	/** TOP page END **/
	
}

/********************************
********************************/
.gallery{
	background: url(img/bg_gallery.jpg) no-repeat;
	background-size:cover;
}

.gallery li{
	float:left;
	width:23%;
	margin-left:2.6666%;
	margin-bottom:3%;
	text-align:center;
}
.gallery li:nth-child(4n+1){
	margin-left:0;
}
.gallery li img{
	margin-bottom:10px;
}
.gallery li p span{
	color:#56575f;
	background:url(img/arrow_event.jpg) no-repeat right center;
	padding-right:50px;
	display:inline-block;
}
.gallery_pics{
	overflow:hidden;
}
.gallery_nav a{
	color:#444444;
}
/************************
modal
************************/
.wrap_modal{
	padding:50px 60px 80px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border-radius: 6px;
	border:2px solid #fff;
	background:#000;
	text-align:left;
	color:#fff;
	font-family:'Helvetica','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴシック ProN','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;/*'メイリオ',Meiryo,*/
}
.wrap_modal h2{
	text-align:center;
}
@media screen and (max-width: 780px) {
	.gallery li{width:49%; margin-left:2%;}
	.gallery li:nth-child(2n+1){margin-left:0;}
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}
/***********************/
/** 20190811 ***********/
area{border:none;outline:none;}
#issue20190531{
	background:#fff;
	display:block;
	opacity:0;
	position:absolute;
	left:193px;
	top:26px;
	width:160px;
	height:40px;
}
#issue20190531:hover{
	opacity:0.5;
}
@media screen and (max-width: 640px) {
	#issue20190531:hover{
	opacity:0;
	}
}



/********************************
pager
********************************/
.pager{
	border-top: 1px solid #56575f;
	margin:80px 0 20px;
	padding-top: 40px;
}
.pager > li{
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.pager a{
	color: #56575f;
	display: inline-block;
	position: relative;
	text-decoration:none;
	transition: all 0.3s;
}
.pager a:hover{
	opacity: 0.7;
}
.pager .pre{
	padding-left:30px;
}
.pager .pre a:after{
	border-top: 1px solid #56575f;
	border-left: 1px solid #56575f;
	content: "";
	display: block;
	margin: auto 0;
	position: absolute;
	top: 0;
	left: -27px;
	bottom: 0;
	transform: rotate(-45deg);
	width: 15px;
	height: 15px;
}
.pager .next{
	padding-right:30px;
	position: relative;
	text-align: right;
}
.pager .next a:after{
	border-top: 1px solid #56575f;
	border-right: 1px solid #56575f;
	content: "";
	display: block;
	margin: auto 0;
	position: absolute;
	top: 0;
	right: -27px;
	bottom: 0;
	transform: rotate(45deg);
	width: 15px;
	height: 15px;
}
.btn_backtotop{
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	.pagenation_title{
		margin-bottom: 40px;
	}
	.pager{
		margin: 40px 0 20px;
	}
	.pager .next , .pager .pre{
		float: none;
		font-size: 12px;
		line-height: 120%;
		margin-bottom: 10px;
		padding: 0;
	}
	.sub_body .single .pager .next a, .sub_body .single .pager .pre a{
		background-color: #666;
		border-radius: 50px;
		color: #FFF;
		display: block;
		line-height: 120%;
	}
	.pager .next a{
		padding: 5px 30px 5px 10px;
	}
	.pager .pre a{
		padding: 5px 10px 5px 30px;
	}
	.pager .next a:after{
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		width: 8px;
		height: 8px;
		right: 10px;
	}
	.pager .pre a:after{
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		width: 8px;
		height: 8px;
		left: 10px;
	}
	.aside{
		margin: 0;
		width: auto;
	}
	.sidebar_ul, .sidebar_archive{
		margin: 0 20px;
	}
}



/* publish */
.plublis_wrap{
	padding: 6% 0 6%;
    margin: auto;
    max-width: 1100px;
    width: 100%;
    font-size: 16px;
    line-height: 2;
}
.publish_tit{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.publish_list_set{
	padding: 40px;
}
.publish_list_ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.publish_list_ul > li{
	text-align: center;
}
.publish_list_ul > li > .publish_books_item{
	margin-bottom: 10px;
}
.publish_list_ul > li > p{
	font-size: 13px;
	line-height: 1.6em;
}
.publish_books_name{
	margin-bottom: 5px;
}
.publish_books_name > strong{
	font-size: 15px;
	line-height: 1.6em;
}

.btn_publish_more{
	background-color: #56575f;
	border-radius: 5px;
	color: #FFF;
	display: block;
	margin: 0 auto;
	max-width: 340px;
	padding: 10px 20px;
	text-decoration: none;
	width: 100%;
	transition: all 0.3s;
}
.publish_books_item:hover , .btn_publish_more:hover{
	opacity: 0.7;
	text-decoration: none;
	transition: all 0.3s;
}
.publish_books_iconset{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 340px;
	width: 80%;
}
.publish_books_icon{
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.publish_tit{
		font-size: 26px;
		margin-bottom: 10px;
	}
	.publish_list_set{
		padding: 0;
	}
	.publish_list_ul{
		background-color: #efefef;
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.publish_list_ul > li{
		background-color: #FFF;
		margin-bottom: 20px;
		padding: 30px;
		width: auto;
	}
	.publish_books_item{
		margin: 0 auto;
		max-width: 340px;
		width: 80%;
	}
	.publish_books_iconset{
		gap: 5px;
		margin: 0 auto;
		width: 100%;
	}
	a.btn_publish_more{
		font-size: 14px;
		padding: 10px 20px;
	}
}