/*
Theme Name: meviy04_2
Description: Meviy Blog Template
Author: MASAtoshi OKA
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meviy04_2
Tested up to: 5.7
Requires PHP: 6.3
Version: 4.2
*/
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Reset
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,tr,embed,object,a{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,button{	box-sizing:border-box;display: block;}
.sec_wrap li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
i{margin-left:5px;}
input,select{font-size:16px;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Body
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

html, body{min-height: 100vh; height: 100%; scroll-padding-top: 132px}
html{scroll-behavior: smooth;}
body {
	margin: 0;
	font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	overflow: visible !important;
}
.entry_wrapper img {pointer-events: none;}
#wrapper{
	width: 100%;
	overflow: hidden;
	height: auto;
	min-height: calc(100vh - 165px);
}
main{min-height: calc(100vh - 260px); }
.archive_page, .dl_page, .single_page{min-height: calc(100vh - 160px); height: auto;}
@media screen and (max-width: 900px) {
	#wrapper{min-height: calc(100vh - 17vw); }
	main{min-height: calc(100vh - 480px); }
	.archive_page, .dl_page, .single_page{min-height: calc(100vh - 480px); }
}
div p,div li,div dt,div dd,div form,div pre,div td,div th,div label,
div div,div h1,div h2,div h3,div h4,div h5,div h6,
p p,p li,p dt,p dd,p from,p pre, p td,p th,p label,p div,
li p,li li,li dt,li dd,li from,li pre,li td,p th,li label,li div,li h3,
td p,td li,td dt,td dd,td from,td pre,td td,td th,td label,td div,
th p,th li,th dt,th dd,th from,th pre,th td,th th,th label,th div,
label p,label li,label dt,label dd,label form,label pre,label td,label th,label div,
form th,form td{
	font-size:100%;
}
.sticky{}
.gallery-caption{}
.bypostauthor{}

a{overflow:hidden; word-wrap:break-word;}
a:link{color:#4b4b4b;text-decoration:none;}
a:visited{color:#4b4b4b;text-decoration:none;}
a:hover{color:#4b4b4b;text-decoration:none;}
a:active{color:#4b4b4b;text-decoration:none;}
a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}
/* clear */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix{height:1%;}

/*////////////////////////////////////////////////////////////*/
/* ---------------------------- IMG --------------------------*/
/*////////////////////////////////////////////////////////////*/
.img_page img{width: 100%; width: auto;}
.img_page p a{
	margin-top: 30px;
	color: #24569F;
	text-decoration: none;
	padding: 5px 10px;
	border: 1px solid #24569F;
	font-weight: 500;
}
a.a_img{display: inline;}
a {max-width: 100%;}
img{max-width: 100% !important; height: auto}
img.alignright { display: inline; float: right; margin-left: 24px; margin-bottom: 5px; margin-top: 5px; }
img.alignleft { margin-top: 5px; }
img.aligncenter { clear: both; display: block; float: none; margin:0 auto; }
.entry-content img:after{content: ""; display: block; clear: both;}
.img600x315{position: relative; width: 100%; background: #fff;}
.img600x315:before {
    content:"";
    display: block;
    padding-top: 52.5%;
}
.img600x315_content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*////////////////////////////////////////////////////////////*/
/* -----------------------レイアウト--------------------------*/
/*////////////////////////////////////////////////////////////*/


/* section */
section{width:100%;}
div.sec_wrap{
	max-width:1030px;
	width:100%;
	margin:0 auto;
	padding:0;
	box-sizing: border-box;
}
@media screen and (max-width: 1030px) {div.sec_wrap{padding: 0 10px;}}
div.sec_wrap.wrap-no-margin{padding:0;}
.post, .page, #single_page { margin-bottom: 60px; clear: both; }
#single_page{margin-top:60px;}

.sticky_wrapper{display: flex;}
.blog_main{
	width: calc(100% - 260px);
	margin: 20px 30px 20px 10px;
}
.sidebar{
	display: block;
	width: 215px;
	margin: 20px 0 0 0;
}
.sidebar_sticky{
	position: -webkit-sticky;
	position: sticky;
   top: 104px;
}

.entry_box{margin-bottom: 50px; }

/*
.side_bnr_above{
	position: -webkit-sticky;
	position: sticky;
	top: 104px;
	z-index: 100;
}
*/

/* no sidebar */
@media screen and (max-width: 900px) {
	.sticky_wrapper{
		display: block;
	}
	.blog_main{
		width: 100%;
		margin-left: 0px;
		float: none;
	}
	.sidebar{
	margin: 0;
	float: none;
	width: 100%;
	}
}

/* モバイル対応 */
.mobile{display: none;}
@media screen and (max-width:770px) {
	.pc{display: none;}
	.mobile{display: inline;}
}

/* 背景色 --------------------------------------------*/
.bg_gray_light{background: #f2f2f2;}/* フッターと同じ */
.bg_gray_light2{background: #f9f9f9;}
.bg_gray_dark{background: #808080;}
.bg_blue_dark{background: #0b1364; }

/* アンカーズレ補正  (ヘッダー64 + 30) --------------------------------------------*/
a.anchor {
    display: block;
    padding-top: 132px;
    margin-top: -132px;
}
@media screen and (max-width: 900px) {
	a.anchor {
    display: block;
    padding-top: 17vw;
    margin-top: -17vwx;
	}
}

/*////////////////////////////////////////////////////////////*/
/* -----------------------SCROLL UP---------------------------*/
/*////////////////////////////////////////////////////////////*/

/*リンクの形状*/
#page-top a{
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: #005EAB url(images/common/arrow1.png) no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  transition:all 0.3s;
}

#page-top a:hover{
  background: #0b1364 url(images/common/arrow1.png) no-repeat;
  opacity: 1;
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
  bottom:10px;
  z-index: 2;
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/
#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}

/*////////////////////////////////////////////////////////////*/
/* -----------------------グリッド----------------------------*/
/*////////////////////////////////////////////////////////////*/

ul.blog_grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	list-style: none;
	margin: 20px 0;
	}
ul.blog_grid li.acv_set{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px;
	border-right: 1px solid #ebebeb;
	box-sizing: border-box;
}
ul.blog_grid li.acv_set.acv_set_cat_writer{border-right: none;}
li.acv_set > div{width: 100% !important; }
ul.blog_grid.list_col1 li.acv_set{
	width: 100%;
	margin-bottom: 0px;
	border-bottom: 1px dotted #555;
	padding: 10px 0 20px 0;
}
ul.blog_grid.list_col1{padding-left: 15px; margin-bottom: 40px;}
ul.blog_grid.list_col2 li.acv_set{width: 50%; margin-bottom: 60px }
ul.blog_grid.list_col3 li.acv_set{width: 33%; margin-bottom: 40px;}
ul.blog_grid.list_col4 li.acv_set{width: 25%; margin-bottom: 40px;}
ul.blog_grid.list_col2 li.acv_set:nth-of-type(2n){ border: none;}
ul.blog_grid.list_col3 li.acv_set:nth-of-type(3n){ border: none;}
ul.blog_grid.list_col4 li.acv_set:nth-of-type(4n){border: none;}
ul.blog_grid li a{color: #555;}
ul.blog_grid li.acv_set a img{width: 100%; height: auto; margin-bottom: 5px;}
ul.blog_grid li.acv_set a h3{font-weight: 600; font-size: 13px; clear: both; text-align: justify;}

ul.blog_grid.list_col2 li.acv_set a h3{font-size: 17px;}
ul.blog_grid li.acv_set a h3 small{font-weight: 400; font-size: 11px;}
ul.blog_grid li.acv_set h4 a{
	font-size: 12px;
	display: inline-block;
	float: left;
	padding: 2px 4px;
	margin-right: 5px;
	background: #555;
	color: #fff;
	font-weight: 600;
}
ul.blog_grid li.acv_set a p{font-weight: 400; font-size: 12px; clear: both; text-align: justify; margin-top: 5px; line-height: 140%;}
ul.blog_grid li.acv_set a p small{font-size: 10px;}
ul.blog_grid.list_col1 li.acv_set a h3{
	font-size: 20px;
	font-weight: 400;
}
ul.blog_grid.list_col1 li.acv_set h4 a{
	display: block;
	border: none;
	font-size: 13px;
	padding: 0;
	background: none;
	-moz-border-radius:0px;
	border-radius:0px;
	margin-right: 5px;
	width: 100%;
	color: #005EAB;
}
ul.blog_grid.list_col1 .acv_date{color: #005EAB;}
ul.blog_grid li ul.acv_cat{display: block;padding-top: 5px;}
ul.blog_grid li ul.acv_cat li{
	margin: 0px 10px 0px 0px;
	color:#555;
	text-align:center;
	display:inline-block;
}
ul.blog_grid li ul.acv_cat li a{
	display: block;
	padding: 2px 4px;
	font-size:11px;
	font-weight: 600;
	background: #555;
	color: #fff;
}
ul.blog_grid li ul.acv_cat li a small{font-size: 9px;}
ul.blog_grid li ul.acv_cat li a:hover{background: #555; color: #fff;}
.acv_date{font-size: 12px; color: #8f8f8f}
.acv_type1 .acv_date{font-weight: 300; text-align: right;}
@media screen and (max-width:960px) {
	ul.blog_grid.list_col4 li.acv_set{width: 33%; margin-bottom: 40px;}
	ul.blog_grid.list_col2 li.acv_set a h3{font-size: 13px;}
}
@media screen and (max-width:700px){
	ul.blog_grid.list_col4 li.acv_set{width: 50%; margin-bottom: 40px;}
	ul.blog_grid.list_col3 li.acv_set{width: 50%; margin-bottom: 40px;}
	ul.blog_grid li.acv_set{padding: 10px;}
}

ul.acv_with_text{
	display: block;
	width: 100%;
	list-style: none;
}
ul.acv_with_text > li{
	display: block;
	width: 100%;
	float: none;
	background: #fff;
	margin: 20px 0;
	clear: both;
	overflow: hidden;
	position: relative
}
ul.acv_with_text > li a{color: #555;}
.acv_with_text_img{
	width: 300px;
	display: block;
	float: left;
	position: relative;
}

.acv_with_text_text{
	width: calc(100% - 300px);
	height: 100%;
	display: block;
	float: left;
	padding: 10px 15px;
	box-sizing: border-box;
	position: relative;
}
.acv_with_text_text h3{
	display: block;
	width: 100%;
	float: none;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px dotted #555;
	margin-bottom: 10px;
	padding-bottom: 3px;
	line-height: 135%;
}
.acv_with_text_text h3 small{font-size: 12px;}
.acv_with_text_text p{font-size: 13px; margin-bottom: 7px;}
.acv_with_text_text .acv_date{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
ul.acv_with_text_cat{
	list-style: none;
	display: block;
	float: none;
	padding:0 0 10px 0;
	clear: both;
	width: 100%;
	height: 30px;
}
ul.acv_with_text_cat li a{
	display: block;
	float: left;
	padding: 3px 5px;
	margin-right: 10px;
	font-size: 12px;
	background: #555;
	color: #fff;
	font-weight: 600;
}
@media screen and (max-width:700px){
	.acv_with_text_img{width: 100%;}
	.acv_with_text_img img{width: 100%; height: auto;}
	.acv_with_text_text{width: 100%;}
}
.cat_media_wrapper{
	display: block; margin-bottom: 140px;
}
/*////////////////////////////////////////////////////////////*/
/* -----------------------パンクズリスト----------------------*/
/*////////////////////////////////////////////////////////////*/
#breadcrumb{display: block; width: 100%; float: none;}
#breadcrumb ul{
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
}
#breadcrumb ul li{
	display: block;
	float: left;
	color: #9a9a9a;
	font-size: 12px;
	font-weight: 500;
	line-height: 160%;
}
#breadcrumb ul li br{display: none;}
#breadcrumb ul li.bread_writer{font-size: 10px;}
#breadcrumb ul li a{color:#9a9a9a; padding: 5px; }
#breadcrumb ul li a:hover{color: #fff; background:#555; }
#breadcrumb ul li:before{content:"> "; color: #b6b6b6;}
#breadcrumb ul li:first-child:before, #breadcrumb ul li.bread_writer:before{content: "";}

/*////////////////////////////////////////////////////////////*/
/* --------------------セクションタイトル---------------------*/
/*////////////////////////////////////////////////////////////*/
h2.section_title{
	display: block;
	border-top: 3px solid #555;
	border-bottom: 3px solid #555;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
	padding: 10px 0;
	letter-spacing: 1px;
}
h2.section_title.title_s{
	padding: 5px 0;
	font-size: 15px;
	margin-bottom: 10px;
	border-top: 2px solid #555;
	border-bottom: 2px solid #555;
	}
h2.section_title.sec_whtie{
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	color: #fff;
}
.section_title.sec700, .section_title.sec400{
	display: block;
	float: none;
	margin: 20px auto;
	clear: both;
}
.section_title.sec700{width: 700px;}
.section_title.sec400{width: 400px;}

.news_list h2.section_title{ width: calc(100% - 14px); margin: 0 7px 20px 7px;}

@media screen and (max-width:700px){
	.section_title.sec700{width: 100%;}
}
/*////////////////////////////////////////////////////////////*/
/* -----------------タグ / カテゴリー-------------------------*/
/*////////////////////////////////////////////////////////////*/
.tag_icon, .cat_icon{
	display: inline-block;
	width: 12px; height: 12px;
	margin: 0 5px 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.cat_icon{width: 16px; height: 16px; margin: 5px 5px 0 0;}
.tag_blue .tag_icon{background: url(images/common/tag_blue.png) 0 0px no-repeat; background-size: contain;}
.tag_gray .tag_icon{background: url(images/common/tag_gray.png) 0 0px no-repeat; background-size: contain;}
.tag_gray2 .tag_icon{background: url(images/common/tag_gray2.png) 0 0px no-repeat; background-size: contain;}
.tag_white .tag_icon{background: url(images/common/tag_white.png) 0 0px no-repeat; background-size: contain;}

.cat_blue .cat_icon{background: url(images/common/cat_blue.png) 0 0px no-repeat; background-size: contain;}
.cat_gray .cat_icon{background: url(images/common/cat_gray.png) 0 0px no-repeat; background-size: contain;}
.cat_gray2 .cat_icon{background: url(images/common/cat_gray2.png) 0 0px no-repeat; background-size: contain;}
.cat_white .cat_icon{background: url(images/common/cat_white.png) 0 0px no-repeat; background-size: contain;}

.list_tag, .tag_area ul li, .list_cat, .cat_area ul li {
	display: inline-block;
	font-weight: 600;
	font-size: 13px;
}
.list_tag a, .list_cat a{
	padding: 0 5px ;
	font-size: 13px;
	font-weight: 600;
	line-height: 100%;
}
.tag_gray, .tag_gray a, .tag_gray li a,
.cat_gray, .cat_gray a, .cat_gray li a{color: #555 !important}
.tag_white, .tag_white a, .tag_white li a,
.cat_white, .cat_white a, .cat_white li a{color: #fff !important;}
.tag_blue, .tag_blue a, .tag_blue li a,
.cat_blue, .cat_blue a, .cat_blue li a{color: #3296d4 !important}
.tag_gray2, .tag_gray2 a, .tag_gray2 li a,
.cat_gray2, .cat_gray2 a, .cat_gray2 li a{color: #b1b1b1 !important}

.tag_area{
	display: block;
	float: none;
	margin: 20px auto;
	text-align: center;
}
.cat_area{display: inline-block;}
.tag_area ul, .cat_area ul{list-style: none;}
.tag_area ul li:before, .cat_area ul li:before{ content: " | "}
.tag_area ul li:first-child:before, .cat_area ul li:first-child:before{content: ""}
.tag_area .tag_icon, .cat_area .cat_icon{width: 14px; height: 14px;}
.tag_area .list_tag, .cat_area .cat_tag {font-size: 15px;}
.tag_s .tag_icon, .cat_s .cat_icon{width: 11px; height: 11px;}
.tag_s .tag_area .list_tag, .cat_s .cat_area .list_cat {font-size: 10px;}

/*////////////////////////////////////////////////////////////*/
/* ------------------------READ MORE--------------------------*/
/*////////////////////////////////////////////////////////////*/

.read_more2 a, .read_more3 a{
	display: block;
	float: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	padding: 10px 0;
	font-weight: 600;
	margin: 20px auto 50px auto;
	color: #555 !important;
	letter-spacing: 2px;
}
.read_more2 a{border: 2px solid #c6c6c6; width: 70%; font-size: 14px;}
.read_more3 a{border: 2px solid #555; width: 400px; font-size: 16px;}
.read_more2 a:hover, .read_more3 a:hover{background: #555; color: #fff !important; border: 2px solid #555; opacity: 1}
.read_more3.read_white a{border: 2px solid #fff; width: 400px; color: #fff !important;}
.read_more3.read_white a:hover{background: #fff; color: #555 !important; border: 2px solid #fff; opacity: 1}

/* カテゴリーボタン */
ul.archive_cat{
	list-style: none;
	display: block;
	margin: 30px auto;
	position: relative;
	text-align: center;
	width: 100%;
	}
ul.archive_cat li{
	display: inline-block;
	position: relative;
	margin: 0 10px;
	height: 40px;
}
ul.archive_cat li a{
	padding: 5px 10px;;
	border: 2px solid #555;
	color: #555 !important;
	-moz-border-radius:4px;
	border-radius:4px;
}
ul.archive_cat li a:hover{
	background: #000;
}
/* カテゴリ検索*/
.acv_search{display: block; margin-top: 30px; clear: both; width: 100%; float: none; }
.acv_search h3{ font-weight: 600; font-size: 1.1em; display: block;  margin: 20px 0 10px 0px }
.mobile .acv_search h3{margin-bottom: 0;}

/*////////////////////////////////////////////////////////////*/
/* ---------------------FOOTER BNR----------------------------*/
/*////////////////////////////////////////////////////////////*/
.footer_bnr{
	position: fixed;
	bottom: 0;
  	margin: 0;
  	width: 100%;
  	display: none;
  	z-index: 10;
}
.footer_bnr a{
	width: 100%;
  	padding: 15px;
  	text-align: center;
  	font-size: 20px;
  	font-weight: 600;
  	color: #fff !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.footer_bnr a:hover{
	opacity: 0.9;
}
.footer_bnr_text_wrapper{
	display: flex;
	flex-direction: column;
	opacity: 1;
	padding: 0 20px;
}

.footer_bnr strong{font-size: 1.3em;}
.footer_bnr strong sup{font-size: 10px; }

.footer_bnr a .footer_bnr_btn{
	display: inline-block;
	margin-left: 15px;
	background: #ffc600;
	color: #000 !important;
	padding: 10px 20px;
	-moz-border-radius:10px;
	border-radius:10px;
	opacity: 1;
	font-size: 18px;
}
.footer_bnr_btn:after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(./images/common/footer_bnr_arrow_2.png)center center no-repeat;
	background-size: contain;
	margin-left: 6px;
}
.footer_bnr a img{
	height: 60px;
	width: auto;
	margin-right: 15px;
}
.footer_bnr#footer_bnr_cat_5 a img{
	height: 40px;
}
.footer_bnr a:hover img{
	opacity:1 !important;
	filter: alpha(opacity=100)!important;
	filter: saturate(200%);
}
.footer_bnr_caution{
	font-size: 10px;
	text-align: center !important;
}
.footer_bnr_close{
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 12px;
	top:calc(50% - 14px);
	overflow: hidden;
	background: url(./images/common/footer_bnr_close.png) 0 0 no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
.footer_bnr_close:hover{
	background: url(./images/common/footer_bnr_close_hover.png) 0 0 no-repeat;
  background-size: contain;
  cursor: pointer;
}
.footer_bnr_close a{}

.footer_bnr_mobile{display: none;}
@media screen and (max-width: 1100px){
	.footer_bnr a img{height: 40px;}
	.footer_bnr a {font-size: 16px};
}
@media screen and (max-width: 900px){
	.footer_bnr a{
		flex-direction: column;
		text-align: center;
		font-size: 18px;
	}
	.footer_bnr_text_2{
		padding: 10px 15px;
		margin-left: 0;
		font-size: 16px;
	}
	.footer_bnr a img{height: 35px; height: auto; display: block;}
	.footer_bnr a .footer_bnr_btn{
		padding: 5px 10px;
		width: 100%;
		max-width: 500px;
		font-size: 17px;
	}
}

@media screen and (max-width: 600px){
	.footer_bnr a{font-size: 16px;}
	.footer_bnr a .footer_bnr_btn{font-size: 14px; padding: 5px 10px; width: 100%;}
	.footer_bnr_btn:after{display: none;}
	.footer_bnr_text_2{
		font-size: 15px;
	}
	.footer_bnr a img{height: 30px !important;}
}

@media screen and (max-width: 400px){
	.footer_bnr a{font-size: 14px;}
	.footer_bnr a .footer_bnr_btn{font-size: 12px;}
	.footer_bnr a img{height: 20px !important;}
}


/*////////////////////////////////////////////////////////////*/
/* ---------------------MAIN image----------------------------*/
/*////////////////////////////////////////////////////////////*/

section.main_image{
	width:100%;
	height:160px;
	text-align:center;
	margin-top: 109px;/* 94px */
	overflow: hidden;
}

.no_main_img{margin-top: 109px;} /* 94px */
.single_page{padding-top: 109px;} /* 94px */

@media screen and (max-width:900px){
	section.main_image{margin-top: 17vw;}
	.no_main_img{margin-top: 17vw;}
	.single_page{padding-top: 17vw;}
}

.main_image_right{
	display: block;
	float: right;
}
.main_image_left{
	display: block;
	float: left;
}
section.main_image ul{list-style: none;}
section.main_image ul li{
	display: inline-block;
	padding: 4px 8px;
	margin: 0 10px 0 0;
	font-weight: 600;
	border: 1px solid #fff;
	font-size: 15px;
	-moz-border-radius:4px;
	border-radius:4px;
}
section.main_image ul li a{color: #fff;}
section.main_image ul li:hover{background:#fff;  }
section.main_image ul li:hover a{color: #0b1364; opacity: 1;}

section.main_image.menu_blue ul li{border: 1px solid #0b1364;}
section.main_image.menu_blue ul li a{color: #0b1364;}
section.main_image.menu_blue ul li:hover {background:#0b1364;  }
section.main_image.menu_blue ul li:hover a{color: #fff; opacity: 1;}

section.main_image.menu_gray ul li{border: 1px solid #555;}
section.main_image.menu_gray ul li a{color: #555;}
section.main_image.menu_gray ul li:hover {background:#555;  }
section.main_image.menu_gray ul li:hover a{color: #fff; opacity: 1;}

@media screen and (max-width:700px){
	 section.main_image ul li{padding: 0px 6px; font-size: 13px;}
}

.title_bg{
	display: table;
	float: none;
	margin: 50px auto;
	width: 700px;
	height: 100px;
	-moz-border-radius:50px;
	border-radius:50px;
	background: rgba(255, 255, 255, 0.8)
}
.title_bg_content{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.title_bg_content h1{
	font-size: 25px;
	font-weight: 800;
	color: #555;
	letter-spacing: 2px
}
.title_bg_content h1 a{color: #555;}
.title_bg_content h2{font-size: 14px; font-weight: 600}
@media screen and (max-width:750px) {
	.title_bg{ width: 80%; height: 80px; margin-top: 60px}
	.title_bg_content h1{font-size: 20px;}
	.title_bg_content h2{font-size: 13px; }
}


/* info top */
/* .info_top_page{padding-top: 132px;} */
.info_top_page section.main_image{
	background: #f2f2f2;
	text-align: left;
}
.info_top_page section.main_image img{
	display: block;
	float: left;
	margin: 0 20px 0 150px !important;
	padding: 0;
	height: 180px;
	width: auto;
}
.info_top_page section.main_image h1{
	font-size: 26px;
	font-weight: 800;
	text-align: left;
	color: #0b1364;
	padding: 30px 0 0 5px;
}
@media screen and (max-width: 1030px) {
	
}
.info_top_page section.main_image h1 small{display: none;}
.info_top_page section.main_image ul{margin-top: 10px;}
.info_top_page section.main_image h2{
	color: #0b1364;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 0 0 15px;
}
@media screen and (max-width: 900px) {
	.info_top_page section.main_image img{margin: 0 20px 0 20px !important;}
	.info_top_page section.main_image h1{font-size: 22px}
	.info_top_page section.main_image h2{font-size: 14px;}
}
@media screen and (max-width: 600px) {
	.info_top_page section.main_image img{
		margin: 30px 10px 0 10px !important;
		height: 150px;
	}
	.info_top_page section.main_image h1{font-size: 20px}
	.info_top_page section.main_image h2{font-size: 12px;}
}
@media screen and (max-width: 400px) {
	section.main_image{height: 130px;}
	.info_top_page section.main_image h1{padding: 10px 0 5px 0;}
	.info_top_page section.main_image h2{padding: 0;}
	.info_top_page section.main_image img{
		margin: 10px 10px 0 0px !important;
		height: 120px;
	}
	.info_top_page section.main_image h1{font-size: 20px}
	.info_top_page section.main_image h2{font-size: 12px;}
}


/* blog top */
#blog_top_page section.main_image{
	background: #0b1364;
	text-align: left;
}
#blog_top_page section.main_image img{
	display: block;
	float: left;
	margin: 0 20px 0 150px !important;
	padding: 0;
	height: 180px;
	width: auto;
}
#blog_top_page section.main_image h1{
	font-size: 26px;
	font-weight: 800;
	text-align: left;
	color: #fff;
	padding: 30px 0 0 5px;
}
#blog_top_page section.main_image h1 small{display: none;}
#blog_top_page section.main_image ul{margin-top: 10px;}
#blog_top_page section.main_image h2{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 0 0 15px;
}
@media screen and (max-width: 900px) {
	#blog_top_page section.main_image img{margin: 0 20px 0 20px !important;}
	#blog_top_page section.main_image h1{font-size: 22px}
	#blog_top_page section.main_image h2{font-size: 14px;}
}
@media screen and (max-width: 600px) {
	#blog_top_page section.main_image img{
		margin: 30px 10px 0 10px !important;
		height: 150px;
	}
	#blog_top_page section.main_image h1{font-size: 20px}
	#blog_top_page section.main_image h2{font-size: 12px;}
	#blog_top_page section.main_image h2 br{display: none;}
}
@media screen and (max-width: 400px) {
	#blog_top_page section.main_image{height: 100px;}
	#blog_top_page section.main_image img{
		margin: 20px 10px 0 0px !important;
		height: 80px;
	}
	#blog_top_page section.main_image h1{font-size: 16px; padding: 15px 0 0 0;  margin: 0;}
	#blog_top_page section.main_image h2{font-size: 12px; padding: 0;  margin: 0; line-height: 140%; }
}

/* ARCHIVE */
.main_img_acv{display: block; float: right; width: 720px; overflow: hidden;}
.main_img_acv img{height: 200px; width: auto !important ;}
.acv_text{
	margin: 0px 0 0 15px;
	display: block;
	float: none;
	clear: both;
	box-sizing: border-box;
}
.acv_text.blog_series{
	display: flex;
	background: #555;
	color: #fff;
	padding: 15px;
	clear: both;
	width: calc(100% - 15px);
	box-sizing: border-box;
	-moz-border-radius:5px;
	border-radius:5px;
}
.acv_text h1{
	font-size: 23px;
	font-weight: 800;
}
.acv_text.blog_series h1, .acv_text.blog_series h2{color: #fff}
.writer_series_title.have_img{
	width: calc(100% - 220px);
	overflow: hidden;
}

.acv_text.blog_series .writer_series_img{
	width: 200px;
	margin-left: 20px;
}
.acv_text.blog_series .writer_series_img img{width: 100%; height: auto;}
.acv_text h1 a{color: #555;}
.acv_text h1 small{font-size: 15px;}
.writer_series_title small{font-weight: 600; }
.parent_title a{font-size: 15px; font-weight: 800; color: #555;}
.acv_case .acv_text h1{margin: 0; padding: 0}
.acv_text h2{
	font-size: 14px;
	font-weight: 500;
	color: #555;
	margin: 5px 0 0px 0;
}
.acv_text p{font-size: 14px}
.cat_parent a{
	font-size: 14px;
	font-weight: 800;
	color: #555 !important;
	margin-bottom: 5px;
}

.acv_text h2.dontshow{
	display: none;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}
.acv_text ul.acv_nav{
	display: block;
	margin-top: 10px;
	float: left;
}
.acv_text ul.acv_nav li{
	display: block;
	float: left;
	padding: 1px 7px;
	margin: 0 10px 10px 0;
	font-size: 14px;
	background: #fff;
	color: #555;
	font-weight: 600;
	box-sizing: border-box;
	border: solid 2px #555;
	-moz-border-radius:4px;
	border-radius:4px;
}
.acv_text ul.acv_nav li a{color: #555}
.acv_text ul.acv_nav li:hover, .acv_text ul.acv_nav li.current-menu-item{background:#555;}
.acv_text ul.acv_nav li:hover a, .acv_text ul.acv_nav li.current-menu-item a{color: #fff; opacity: 1;}

.archive_page ul li.new div.acv_with_text_img:before,
ul.info_release_list li.new .info_release_img:before{
	position:absolute;
	content:"";
	top:0;left:0;
	width:81px;height:81px;
	background: url(./images/common/new_tri.png) no-repeat;
	background-size:100%;
	animation: flash 3s ease-in-out infinite alternate;
	z-index: 100;
}
ul.info_release_list li.new .info_release_img:before{
	width:60px;height:60px;
}
@keyframes flash {50% {opacity: 0;}}

@media screen and (max-width:1030px) {
	.acv_text{width: auto;}
	.main_img_acv{width: calc(100% - 310px);}
}
@media screen and (max-width:800px) {
	.acv_text{width: auto;}
	.acv_text h1{font-size: 17px;}
	.acv_text h2{font-size: 12px;}
	.main_img_acv{width: calc(100% - 210px);}
	.acv_text ul li{font-size: 13px; padding: 7px 7px;}
}
@media screen and (max-width:700px) {
	.acv_text{margin: 0 10px}
}
@media screen and (max-width:600px) {
	.acv_text.blog_series{display: block;}
	.writer_series_title.have_img{width: 100%}
	.acv_text.blog_series .writer_series_img{
		width: 100%;
		max-width: 400px;
		margin: 10px auto
	}
}

/*////////////////////////////////////////////////////////////*/
/* ---------------------INFO TOP------------------------------*/
/*////////////////////////////////////////////////////////////*/

section.info_news{padding: 40px 0 20px 0;}
section.info_release{; padding: 40px 0 20px 0;}
section.info_tips{padding: 40px 0 20px 0;}
section.bnr_area{}
section.info_event{ padding: 40px 0 20px 0;}
section.info_media{padding: 40px 0 20px 0;}
section.info_SNS{padding: 40px 0;}

/* slider */
ul.pickup{
	display: block;
	float: left;
	width:400px;
	margin:0;
}
ul.pickup li{position:relative; overflow:hidden;}
ul.pickup li img{width:100%; height: auto;}
ul.pickup li div.title{
	position:relative;
	width:100%;
	background:#fff;
	padding:10px;
	box-sizing: border-box;
	height: 80px;
}
ul.pickup li div.title h4{
	color:#555 !important;
	font-size:10px;
	font-weight:bold;
	display: block;
	}
ul.pickup li div.title h3{
	color:#555;
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
	line-height:1.4;
	}
ul.pickup li div.title h3 small{font-size: 12px;}
ul.pickup li div.title h3 small br{display: none;}
ul.slide-dots {display:flex;justify-content:center;}
ul.slide-dots li{width:60px;margin:15px 10px;border-radius:0;height:6px;}
ul.slide-dots button{border:none;border-radius:0;width:100%;height:6px;background:#aeaeae;text-indent:-9999px;}
ul.slide-dots li.slick-active button  {background:#555;}

/* NEWS */
.news_list{
	display: block; float: left;
	width: calc(100% - 440px) ;
	margin: 0 0 0 40px;
	padding:0;
}
.news_list ul li{}
.news_list ul li a{
	min-height:25px;
	display:block;
	padding:7px;
	box-sizing: border-box;
}
.news_list ul li a:hover{
	background:rgba(0, 0, 0, 0.3);
	color: #fff;
	opacity: 1;
}
.news_list ul dl{}
.news_list ul dl dt{
	font-size:10px;
	color:#555;
	line-height:1;
	margin: 0; padding: 0;
}
.news_list ul dl dd{
	font-size:14px;
	color:#555;
	font-weight:bold;
	line-height:1.5;
	letter-spacing: 0.1em;
}
.news_list ul dl dd br{display: none;}
@media screen and (max-width:1030px){
	ul.pickup{margin-left: 20px;}
	.news_list{width: calc(100% - 460px) ; margin: 0 0 0 20px}
}
@media screen and (max-width:800px){
	ul.pickup, .news_list{width: 500px; float: none; margin: 0 auto;}
}
@media screen and (max-width:600px){
	ul.pickup, .news_list{width: 100%;}
}

/* BNR */
section.info_bnr{padding: 40px 0;}
section.info_bnr h2.section_title{margin-bottom: 40px;}

/* Release */
.info_release_img{position: relative;}
ul.info_release_list{
	display: block;
	width: 800px;
	float: none;
	margin: 40px auto;
	list-style: none;
	}

ul.info_release_list li{
	display: block;
	width: 100%;
	float: none;
	margin: 15px 0;
	overflow: hidden;
	}

ul.info_release_list li img{
	display: block;
	float: left;
	width: 200px;
	height: auto;
	}
.info_release_text{
	display: block;
	float: left;
	width: calc(100% - 220px);
	margin-left: 20px;
	padding-top: 0px;
}
.info_release_text h3{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 400;
}
.info_release_text h3 small{
	font-size: 12px; font-weight: 300
}
.info_release_text h3 a{color: #555;}
.info_release .acv_date{text-align: right;}
@media screen and (max-width:800px){
	ul.info_release_list li img{width: 100px;}
	ul.info_release_list{width: 100%;}
	.info_release_text{padding-top: 0; width: calc(100% - 120px); }
	.info_release_text h3{font-size: 14px; margin: 0; }
}
ul.info_cat{list-style: none;}
ul.info_cat li{}

/* Tips */
ul.info_tips_list{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	list-style: none;
}
ul.info_tips_list li{
	display: block;
	width: 100%;
	float: none;
	margin:  0;
	overflow: hidden;
	padding: 0;
}
ul.info_tips_list li a{
	display: block;;
	padding: 15px 10px;
	border-top: 1px solid #c1c1c1;
	cursor: pointer;
}
.info_top_page ul.info_tips_list li a{
	border-top: 1px solid #fff;
}
ul.info_tips_list li a:hover{
	background: #0b1364;
	opacity: 1;
	color: #fff;
}
.info_top_page ul.info_tips_list li a:hover{
	background: #fff;
	opacity: 1;
	color: #0b1364;
}
.info_tips_text{
	display: block;
	float: none;
	width: 100%;
	margin-left: 0px;
	padding-top: 0px;
}
.info_tips_text h3 small{font-size: 12px; font-weight: 300; padding-bottom: 5px;}
.info_tips_text h3 {color: #555; font-size: 20px; font-weight: 600; padding-bottom: 5px;}
.info_top_page .info_tips_text h3 {color: #fff;}
.info_tips_text p{font-size: 14px; color: #646464;}
.info_top_page .info_tips_text p{color: #989cc1;}
ul.info_tips_list li a:hover .info_tips_text h3{color: #fff;}
ul.info_tips_list li a:hover .info_tips_text p{color: #fff;}
.info_top_page ul.info_tips_list li a:hover .info_tips_text h3{color: #0b1364;}
.info_top_page ul.info_tips_list li a:hover .info_tips_text p{color: #0b1364;}

ul.acv3_list{
	padding: 20px 0;
	list-style: none;
}
ul.acv3_list li{
	display: block;
	float: none;
	background: #fff;
}
ul.acv3_list li a{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	/* border-top: 1px solid #c1c1c1; */
	cursor: pointer;
	margin-bottom: 20px;
}
.info_top_page ul.acv3_list li a{
	border-top: 1px solid #fff;
}
ul.acv3_list li a:hover{
	background: #0b1364;
	opacity: 1;
	color: #fff;
}
.info_top_page ul.acv3_list li a:hover{
	background: #fff;
	opacity: 1;
	color: #0b1364;
}
.acv3_img{
	width: 300px;
}
.acv3_img img{
	width: 100%;
	height: auto;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.acv3_text{
	width: calc(100% - 300px);
	display: block;
	float: none;
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
}
.acv3_text h3 small{font-size: 12px; font-weight: 300; padding-bottom: 5px;}
.acv3_text h3 {color: #555; font-size: 17px; font-weight: 600; padding-bottom: 5px;}
.info_top_page .acv3_text h3 {color: #fff;}
.acv3_text p{font-size: 12px; color: #646464;}
.acv3_text p small{font-size: 9px;}

ul.acv3_list li a:hover .acv3_text h3{color: #fff;}
ul.acv3_list li a:hover .acv3_text p{color: #fff;}

@media screen and (max-width:800px){
	ul.info_tips_list{width: 100%;}
	ul.acv3_list{width: 100%;}
	.info_tips_text h3{font-size: 14px; }
	.acv3_text h3{font-size: 14px; }
}

/* Event */
p.info_event_intro{
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}
ul.info_event_list{list-style: none; margin: 20px 0;}
ul.info_event_list li{
	display: block;
	width: 50%;
	float: left;
	height: 150px;
	box-sizing: border-box;
	padding: 10px;
	font-size: 13px;
}
.info_event_event, .info_event_seminar{
	display: block;
	float: none;
	width: 70px;
	text-align: center;
	padding: 3px;
	clear: both;
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 5px;
}
.info_event_seminar{background: #ff9100;}
.info_event_event{background: #0b1364;}
ul.info_event_list li a {color: #fff;}
ul.info_event_list li a h3{font-size: 16px; font-weight: 600;}
ul.info_event_list li .info_event_event a{color:#bababa;}
ul.info_event_list li .info_event_seminar a{color:#555;}

@media screen and (max-width:800px){
	ul.info_event_list li{width: 500px; float: none; margin: 0px auto;}
	ul.info_event_list li{height: auto;}
}
@media screen and (max-width:550px){
	ul.info_event_list li{width: 100%;}
}

/* MEDIA */
ul.info_media_list{list-style: none; padding: 20px 0 40px 0;}
ul.info_media_list li{
	display: block;
	width: 16.6%;
	float: left;
	box-sizing: border-box;
	padding: 10px;
}
ul.info_media_list li img{
	width: 100%;
	height: auto;
	margin-bottom: 7px;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}
ul.info_media_list li a{color: #555;}
ul.info_media_list li h3{
	text-align: justify;
	font-weight: 600;
	font-size: 11px;
	line-height: 130%;
	margin-bottom: 3px;
}
ul.info_media_list li p{
	text-align: center;
	font-weight: 400;
	font-size: 10px;
}
@media screen and (max-width:1000px){
	ul.info_media_list li{width: 33%;}
}
@media screen and (max-width:700px){
	ul.info_media_list li{width: 50%;}
}

/* SNS */
ul.info_sns_list{list-style: none; text-align: center;}
ul.info_sns_list li{
	display: inline-block;
	width: 33%;
	padding: 10px;
	font-size: 13px;
	font-weight: 600;
	box-sizing: border-box;
}
ul.info_sns_list li img{
	width: 100%;
	height: auto;
}
li.sns_tw a{color: #000;}
li.sns_fb a{color: #2e6d8d;}
@media screen and (max-width:700px){
	ul.info_sns_list li{width:calc(50% - 20px);}
}
@media screen and (max-width:500px){
	ul.info_sns_list li{
		width:calc(100% - 20px);
		max-width: 350px;
		display: block;
		margin: 15px auto;
	}
}

/*////////////////////////////////////////////////////////////*/
/* ---------------------INFO TOP------------------------------*/
/*////////////////////////////////////////////////////////////*/


/* 連載 */
img.blog_series_img{
	display: block;
	width: auto;
	height: 160px;
	float: left;
	margin-left: 100px;
}
.blog_series_text{
	display: block;
	float: left;
	width: 300px;
	color: #005EAB;
	padding-left: 20px;
}
.blog_series_text h2{font-weight: 600; font-size: 22px; padding-top: 50px; letter-spacing: 2px;}
.blog_series_text p{font-weight: 400; font-size: 14px;}

#blog_series ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
#blog_series ul li{
	display: block;
	width: calc(50% - 10px);
	float: left;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow: hidden;
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	box-shadow:0px 0px 4px rgba(0,0,0,0.2);
}
#blog_series ul li:nth-child(odd){margin: 0px 10px 20px 0;}
#blog_series ul li:nth-child(even){margin: 0px 0px 20px 10px;}
#blog_series ul li a{color: #555; }
#blog_series ul li:hover{
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
	box-shadow:0px 0px 4px rgba(0,0,0,0.5);
	opacity: 1;
}
#blog_series ul li a:hover, #blog_series ul li a:hover img{opacity: 1;}
#blog_series ul li a img{
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	-moz-border-radius:50px;
	border-radius:50px;
	margin: 10px 10px 0 0;
}
.series_text{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(100% - 120px);
}
a .series_text h4{color: #555; font-size: 13px; font-weight: 600; }
a .series_text h4 small{font-size: 11px; font-weight: 400;}
a .series_text h3{color: #555; font-size: 18px; font-weight: 600; height: 60px;}
a .series_text h3 small{font-size: 13px;}
a .series_text p{color: #555; font-size: 13px; font-weight: 400;}

@media screen and (max-width:600px){ /* 20211109 */
	#blog_series ul li{width:100%; margin: 10px 0 !important; }
}

/* 基礎知識 */

/* おすすめ記事 */
#blog_recommnend{margin-top: 50px;}
#blog_recommnend h2.section_title_blog{padding-top: 20px;}
#blog_recommnend img.blog_series_img{margin-left: 200px;}
#blog_recommnend .blog_series_text h2{padding-top: 70px;}

/*////////////////////////////////////////////////////////////*/
/* ---------------------お客さま事例----------------------------*/
/*////////////////////////////////////////////////////////////*/

section.case_page_nav ul{padding-bottom: 0px;}
section.case_page_user, section.case_page_product{padding: 40px 0;}

.case_set_above{width: 100%;}
.case_thumb {
	display: table;
	width: 100%; height: 100%;
	overflow: hidden;
}
.case_thumb_inner{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 600;
	color: #b4b4b4;
	overflow: hidden;
	letter-spacing: 1px;

}
.case_thumb_inner img{width: 100%; height: auto; display: block;}
.case_thumb_inner.logo_long img{height: 110px !important ; width: auto;}

.case_page ul.blog_grid{margin: 40px 0;}
.case_page ul.blog_grid li.acv_set {border: none; padding: 20px;
	display: flex;
	flex-direction: column;
}

h3.case_catch{
	font-weight: 600;
	font-size: 14px !important;
	margin: 10px 0 10px 0;
	text-align: left;
	width: 100% !important;
	display: block;
}

.case_com_name{
	text-align: center;
	font-size: 12px;
	color: #555;
	display: block;
	width: 100%;
}

h4.product_name{
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #555;
	width: 100%;
	margin: 10px 0 5px 0;
}
table.case_product_table{width: 100%; margin-top: 5px;}
table.case_product_table td{
	font-size: 12px;
	padding: 2px 3px;
	font-weight: 400;
}
table.case_product_table td.product_cel_left{width: 90px;}

@media screen and (max-width:700px){
	h3.case_catch{font-size: 14px !important;}
	h4.product_name{font-size: 12px;}
}
@media screen and (max-width:500px){
	h3.case_catch{font-size: 12px !important;}
	.case_com_name{font-size: 10px;}
	.case_thumb_inner{font-size: 14px;}
	.case_page ul.blog_grid{margin: 5px 0;}
	.case_page ul.blog_grid li.acv_set {border: none; padding: 10px;}
}
@media screen and (max-width:400px){
	ul.blog_grid.list_col3 li.acv_set.set_product_case{width: 100%; margin-bottom: 30px;}
	h3.case_catch{font-size: 16px !important;}
	h4.product_name{font-size: 14px;}
}

/* 導入事例 */
.user_case_acv_title{
	display: block;
	float: none;
	width: 100%;
	padding: 20px 0;
}
.user_case_acv_title h1{
	font-size: 35px;
	font-weight: 600;
	text-align: center;
}
.user_case_acv_title h1 a{color: #000;}
.user_case_acv_title h2{
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}
.user_case_acv_title h2 a{color: #000;}

.user_case_acv_title p{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
ul.user_case_term{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
ul.user_case_term > li{
	width: 120px;
	height: 30px;
	margin: 10px;
	position: relative;
	background: #fff;
	box-sizing: border-box;
	font-weight: 600;
	z-index: 100;
}
ul.user_case_term > li:first-child{width: auto;}
ul.user_case_term > li.user_case_term_problem{
	width: 160px;
}
ul.user_case_term > li.product_case_term_service{
	width: 140px;
}

ul.user_case_term > li span{
	display: block;
	padding: 5px 10px;
}
ul.user_case_term > li a{
	display: block;
	color: #000;
	background: #fff;
	padding: 5px 10px;
}
ul.user_case_term > li a:hover{
	color: #fff;
	background: #555;
	opacity: 1;
}
ul.user_case_term > li:hover{
	background: #555;
	color: #fff;
}
ul.user_case_term > li > ul{
	display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
ul.user_case_term > li > ul li a{
	display: block;
	width: 100%;
	height: 30px;
	background: #fff;
	color: #555;
	padding: 5px 10px;
	font-weight: 600;;
}
ul.user_case_term > li > ul li a:hover{
	background: #555;
	color: #fff;
	opacity: 1;

}
@media screen and (max-width:800px){
	.user_case_acv_title h1{
	font-size: 25px;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #555;
	margin-bottom: 10px;
	}
	.user_case_acv_title h2{
		margin-top: 10px;
		font-size: 18px;
		text-align: left;
		padding-left: 5px;
	}
	.user_case_acv_title p{
		text-align: left;
		font-size: 14px;
	}
}

/* ACV LIST */
ul.user_case_term > li:hover ul {
    display: block;
}
ul.acv_user-case{
	padding-top: 40px;
}
ul.acv_user-case > li{
	list-style-type: none;
	width: 100%;
	margin-bottom: 40px;
	background: #fff;
	display: flex;
	flex-direction: column;
	-moz-border-radius:10px;
	border-radius:10px;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.acv_user_title a{
	display: block;
	background-color: #0b1364;
	padding: 5px 15px;
	color: #fff !important;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}

.acv_user_title a small{font-size: 12px; padding-left: 10px;}

.acv_user_info{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 15px;
	justify-content: center;
}

.acv_user_company{
	width: 160px;
	padding-right: 15px;
	box-sizing: border-box;
	text-align: center;
}
.acv_user_img{
	width: 230px;
}
.acv_user_text{
	width: calc(100% - 390px);
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}


.acv_user_company_name a{
	font-size: 12px;
	color: #555 !important;
}

.acv_user_company_name br{display: none;}


.acv_user_text_date{
	font-size: 12px;
}
.acv_user_text_main{
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.acv_user_text_main a{
	color: #555 !important;
}
.acv_user_text_link{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 15px;
	font-weight: 600;
	color: #005EAB;
}
/* 導入事例カテゴリー */

table.user-case_acv_cat{
	margin-top: 10px;
	margin-bottom: 5px;
}
table.user-case_acv_cat td{
	font-size: 14px;
	vertical-align: top;
	padding-bottom: 5px;
}
table.user-case_acv_cat td.user_td_left{
	padding: 0;
	font-weight: 600;
	color: #555;
	width: 80px;
}
table.user-case_acv_cat td ul{
	display: inline;
}
table.user-case_acv_cat td ul li{
	display: inline;
	margin: 0 0 0 10px
}
table.user-case_acv_cat td ul li a{
	display:inline-block;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size: 13px;
	font-weight: 600;
	background: #555;
	color: #fff;
	padding: 0 5px;
}

@media screen and (max-width:800px){
	.acv_user_title a{
	padding: 10px 15px 5px 15px;
	font-size: 22px;
	text-align: left;
	line-height: 140%;
}
	.acv_user_company{
		width: 160px;
		padding-right: 15px;
	}
	.acv_user_img{
		width: 230px;
	}
	.acv_user_text{
		width: 100%;
		max-width: 500px;
		padding-left: 0px;
	}
}
@media screen and (max-width:600px){
	ul.user_case_term.user_case{
		justify-content: space-between;
	}
	ul.user_case_term.user_case > li:first-child{
		width: 100%;
		text-align: center;
	}
	.acv_user_title a{
	padding: 10px 15px 5px 15px;
	font-size: 20px;
}
	.acv_user_company{
		width: 160px;
		padding-right: 15px;
	}
	.acv_user_img{
		width: 230px;
	}
	.acv_user_text{
		width: 100%;
		max-width: 500px;
		padding-left: 0px;
		padding-top: 15px;
	}
	table.user-case_acv_cat td{
	font-size: 12px;
	padding-bottom: 3px;
	}
	table.user-case_acv_cat td.user_td_left{
		width: 70px;
	}
	table.user-case_acv_cat td ul li a{font-size: 11px};
}
@media screen and (max-width:400px){
	.acv_user_title a{
	padding: 10px 15px 5px 15px;
	font-size: 16px;
}
	.acv_user_img{
		width: calc(100% - 160px)
	}
}



/* 導入事例個別ページ */
h1.user_case-title{
	display: block;
	background: #555;
	color: #fff;
	padding: 20px;
	font-size: 30px;
	font-weight: 600;
	margin-top: 30px;
	text-align: left;
}
h1.user_case-title small{
	font-size: 22px;
}
h1.user_case-title ul{
	display: inline;
}
h1.user_case-title ul li{
	display: inline;
	font-size: 18px;
}
h1.user_case-title ul li a{
	color: #fff;
	text-decoration: underline;
}
h1.user_case-title ul li:before{
	content: ', ';
}
h1.user_case-title ul li:first-child:before{
	content: '( ';
}
h1.user_case-title ul li:last-child:after{
	content: ' )';
}
h1.user_case-title small br{display: none;}

.user_case_wrapper{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 40px 0;
}
.user_case_main{
	width: calc(100% - 300px);
}
.user_case_side{
	width: 260px;
	display: flex;
	flex-direction: column;
}

.user_case_intro{}
.user_case_intro p{
	font-size: 1.2em;
	margin-bottom: 10px;
}
.user_case_date{
	font-size: 1em;
	text-align: right;
	margin: 20px 0;
}

.user_case_summery_wrapper{
	-moz-border-radius:10px;
	border-radius:10px;
	overflow: hidden;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.user_case_summery_wrapper h3{
	font-weight: 600;
	font-size: 1.4em;
	margin-bottom: 0px;
	background: #0b1364;
	color: #fff;
	padding: 15px;
	text-align: center;
	-moz-border-radius:10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.user_case_summery{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 5px 15px;
	background: #fff;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
.user_case_summery_left{
	width: calc(100% - 220px);
}
.user_case_summery_right{
	width: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.user_case_summery_left h5{
	font-weight: 600;
	font-size: 1.2em;
	padding-top: 10px;
}
.user_case_summery_left ul li{
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 2px;
}
.user_case_summery_right h4{
	font-size: 1.3em;
	font-weight: 600;
	padding: 10px;
	border-top: 2px solid #0b1364;
	border-bottom: 2px solid #0b1364;
	color: #0b1364;
	text-align: center;
}

.user_case_side_content{
	background: #fff;
	padding: 15px;
}
.user_case_side img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.user_case_side table{
	width: 100%;
}
.user_case_side table td{
	padding: 10px 0;
	font-size: 14px;
	font-weight: 600;
	vertical-align: top;
}
.user_case_side table td a{
	color: #555;
	text-decoration: underline;
}
td.company_about_td_left{
	width: 90px;
}
.user_case_side table td li{
	display: inline;
}
.user_case_side table td li:before{
	content: ', ';
}
.user_case_side table td li:first-child:before{
	content: none;
}
.company_about{}
.company_about h4{
	font-size: 1.1em;
	font-weight: 600;
	margin: 20px 0 10px 0;
}
.company_about h4 br{display: none;}

@media screen and (max-width:1025px){
	.user_case_wrapper{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: 40px 0;
	}
	.user_case_main{
		width: 100%
	}
	.user_case_side{
		width: 100%;
		display: block;
	}
	.user_case_side_content{
		width: 100%;
		max-width: 400px;
		float: none;
		margin: 0 auto;
	}
}
@media screen and (max-width:600px){
	.user_case_summery{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	}
	.user_case_summery_left{
		width: 100%
	}
	.user_case_summery_right{
	width: 100%;
	display: block;
	flex-direction: column;
	justify-content: center;
	margin: 20px 0;
	}
	.user_case_summery_right br{display: none;}
}

.user_case_related{
	display: block;
	width: 100%;
	clear: both;
	margin-top: 30px;
}
.user_case_related h3{
	font-size: 22px;
	font-weight: 600;
	border-bottom: 2px solid #555;
}

.user_case_related ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 40px;
}
.user_case_related ul li{
	width: calc(33% - 20px);
	line-height: 120%;
}
.user_case_related ul li a{
	color: #555;
	font-size: 12px;
	font-weight: 400;
}
.user_case_related ul li a img{
	margin-bottom: 6px;
}
.user_case_related ul li a h4{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}
@media screen and (max-width:800px){
	.user_case_related ul{
		flex-direction: column;
		justify-content: center;
		;
	}
	.user_case_related ul li{
		width: 300px;
		margin: 20px auto;
		float: none;
	}
}
/* お客様事例追加フォーマット */
.case_point_title,
.case_point_text{
	display: block;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	border: 2px solid #0a1464;
}
.case_point_title{
	background: #0a1464;
	color: #fff;
	font-weight: 600;
	padding: 10px;
	font-size: 1.4em;
	text-align: center;
	margin-top: 30px;
}
.case_point_text{
	color: #0a1464;
	padding: 15px;
	margin-bottom: 30px;
}
.case_point_text p,
.case_point_text ul li{
	color: #0a1464;
	font-size: 16px !important;
}
.case_point_text p{margin: 0 !important;}

/* 製作事例 */
ul.acv_product-case{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 40px 0;
}
ul.acv_product-case > li{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(33% - 20px);
	overflow: hidden;
	background: #fff;
	overflow: hidden;
	margin: 10px;
	-moz-border-radius:4px;
	border-radius:4px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
ul.acv_product-case > li img{
	width: 100%;
	height: auto;
}
ul.acv_product-case > li a h2{
	font-size: 16px;
	font-weight: 600;
	padding: 5px 15px 5px 10px;
	color: #555;
	margin-bottom: 7px;
}
ul.acv_product-case > li table{
	margin-bottom: 5px;
}
ul.acv_product-case > li td{
	font-size: 14px;
}
td.product_td_left{
	padding: 0 0 0 15px;
	font-weight: 600;
	color: #005EAB;
}
ul.acv_product-case > li td ul{
	display: inline;
}
ul.acv_product-case > li td ul li{
	display: inline;
	margin: 0 0 0 10px
}
ul.acv_product-case > li td ul li a{
	display:inline-block;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size: 13px;
	font-weight: 600;
	background: #005EAB;
	color: #fff;
	padding: 0 5px;
}
@media screen and (max-width:800px){
	ul.acv_product-case > li{
		width: calc(50% - 20px);
	}
}
@media screen and (max-width:600px){
	ul.acv_product-case > li{
		width: 100%;
		margin: 20px 0;
	}
}


/*////////////////////////////////////////////////////////////*/
/* ---------------------ARCHIVE-------------------------------*/
/*////////////////////////////////////////////////////////////*/

/* TYPE ------------------ */
.acv_dm,
.acv_fa,
.acv_rp,
.acv_common{
	display: block;
	position:absolute;
	top:0px;
	left: 0px;
	z-index: 10;
	text-indent: -9000px;
	width:40px; height:40px;
}
/* .acv_fa{background:url(./images/common/cat_fa.gif) 0 0 no-repeat; background-size:contain; }
.acv_rp{background:url(./images/common/cat_rp.gif) 0 0 no-repeat; background-size:contain; }
.acv_common{background:url(./images/common/cat_common.gif) 0 0 no-repeat; background-size:contain; } */


/*////////////////////////////////////////////////////////////*/
/* -----------------------pagination--------------------------*/
/*////////////////////////////////////////////////////////////*/
.acv_pagination{
	display: block;
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.acv_pagination a{}
.acv_pagination a.acv_num,
.acv_pagination a .acv_prev,
.acv_pagination a .acv_next{
	padding: 5px;
	border: 2px solid #555;
	margin: 5px;
	font-size: 15px;
	font-weight: 600;
	color:  #555;
	}

.acv_pagination a:hover{opacity: 1;}
.acv_pagination a.acv_num.acv_current,
.acv_pagination a.acv_num:hover,
.acv_pagination a .acv_prev:hover,
.acv_pagination a .acv_next:hover{
	background: #555;
	color: #fff;
}
.acv_pagination a .acv_prev,
.acv_pagination a .acv_next{
	-moz-border-radius:20px;
	border-radius:20px;
}

.pagination{text-align: center; margin: 10px 0 50px 0; display: block; }
.pagination a, .pagination .current{
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	border: 2px #555 solid;
	text-decoration: none ;
	margin: 0 5px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
.entry-content .pagination a{
	background: #fff;
	color: #555;
}
.entry-content .pagination a:hover,
.entry-content .pagination .current{
	background: #555;
	color: #fff !important;
	vertical-align: top;
}


.pagination span.pn_pre a,
.pagination span.pn_next a {
	-moz-border-radius:10px;
	border-radius:10px;
}


/*////////////////////////////////////////////////////////////*/
/* ---------------------Sidebar-------------------------------*/
/*////////////////////////////////////////////////////////////*/

.side_gray{
	background: #e8e8e8;
	padding: 20px 15px 5px 15px;
	margin-bottom: 20px;
}
.sidebar a{text-decoration: none; color: #555;}
.sidebar a:hover{text-decoration: underline;}

.sidebar h3 {
	font-size: 14px;
	margin-bottom: 10px;
	padding: 4px;
	font-weight: 600;
	border-bottom: 2px solid #555;
	border-top: 2px solid #555;
	color: #555;
	text-align: center;
}

.iframe-portrait{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 177.77%;
}
.side_video{
	background: #fff;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom: 20px;
	padding: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.sidebar .side_video h3{
	border: none !important;
	margin-bottom: 0;
	color: #0b1364;

}
.iframe-portrait iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
}

/* BNR */
ul.side_bnr2 li{
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
	-moz-border-radius:5px;
	border-radius:5px;
}
ul.side_bnr2 li img{width: 100%; height: auto;}
@media screen and (max-width:900px){
	ul.side_bnr2{padding: 0; margin: 0;}
	ul.side_bnr2{
		text-align: center
	}
	ul.side_bnr2 li{
		width: 200px;
		display: inline-block;
		margin: 10px;
	}
}
@media screen and (max-width:700px){
	ul.side_bnr2{display: flex; flex-wrap: wrap;}
	ul.side_bnr2.bnr_col1 li{width: calc(100% - 20px); max-width: 400px; margin: 10px auto;}
	ul.side_bnr2.bnr_col2 li{width: calc(50% - 20px);}
	ul.side_bnr2.bnr_col3 li{width: calc(33% - 20px);}
}

/* Popular Post */
ul.popular_posts {padding: 10px 0;}
ul.popular_posts li{
	display: block;
	float: none;
	margin-bottom: 23px;
	padding: 0;
}
ul.popular_posts li a{color: #555;}
ul.popular_posts li:last-child{margin: 0;}
.side_rank{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 27px;
	height: 27px;
	background: #fff;
	color: #555;
	font-weight: 800;
	font-size: 18px;
	line-height: 150%;
}
ul.popular_posts li h4{
	display: inline-block;
	width: calc(100% - 37px);
	margin-left: 10px;
	font-size: 12px;
	line-height: 130%;
	font-weight: 400;
	text-align: left;
}

/* SNS */
ul.side_sns li{
	display: block;
	width: 100%;
	margin: 20px 0;
	font-weight: 600;
	font-size: 12px;
	text-align: center;
}
.sidebar ul li.sns_tw a{color: #3296d4;}
.sidebar ul li.sns_fb a{color: #2e6d8d;}

/* Event */
ul.side_event_list li{
	display: block;
	margin-bottom: 15px;
}
.side_event_day{font-size: 10px;}
ul.side_event_list li h4{
	font-size: 12px;
	line-height: 140%;
	font-weight: 600;
}
ul.side_event_list .info_event_event, .info_event_seminar{
	display: block;
	float: none;
	width: 55px;
	text-align: center;
	padding: 2px;
	clear: both;
	font-size: 10px;
	font-weight: 800;
	margin-bottom: 2px;
}
ul.side_event_list li .info_event_event a{color:#fff;}
ul.side_event_list li .info_event_seminar a{color:#000;}

/* カテゴリー */
.sidebar ul ul.side_cat li{
	display: block;
	margin: 20px 0;
	font-weight: 600;
	font-size: 14px;
	line-height: 140%
}
.sidebar ul ul.side_cat li li {margin: 10px 0 10px 10px; font-size: 12px;}

/*////////////////////////////////////////////////////////////*/
/* ----------------------バナー------------------------------*/
/*////////////////////////////////////////////////////////////*/
.bnr_area{display: block; padding: 40px 0;}
.single_bnr, .mobile_bnr{
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	box-sizing: border-box;
	-moz-border-radius:5px;
	border-radius:5px;
}

.single_bnr{width: calc(100% - 20px);  margin: 10px ;  float: none;  clear: both; }
.bnr_25 .single_bnr{width: calc(25% - 20px); float: left; clear: none;}
.bnr_33 .single_bnr{width: calc(33.3% - 20px); float: left; clear: none;}
.bnr_50 {text-align: center;}
.bnr_50 .single_bnr{width: calc(33.3% - 20px); float: none; clear: none; display: inline-block;}
.bnr_100 .single_bnr{width: calc(100% - 20px);}

.single_bnr img, .single_bnr_half img{width: 100%; height: auto;}
.single_bnr a, .single_bnr_half a{display: block !important;}

@media screen and (max-width:700px){
	.mobile_bnr{width: 90%;  margin: 20px auto ; float: none; clear: both; }
	.bnr_33 .single_bnr{width: 300px; float: none; margin: 10px auto;}
	.bnr_50 .single_bnr{width: calc(50% - 20px); margin: 10px; display: block; float: left;}
}
@media screen and (max-width:500px){
	section.info_bnr{padding: 0;}
	.bnr_25 .single_bnr,
	.bnr_33 .single_bnr,
	.bnr_50 .single_bnr{
		width:calc(100% - 20px);
		float: none;
		clear: both;
		margin: 20px auto;
	}
}

/* コンバージョンボタン */
.cv_area{display: flex; padding: 40px 0; flex-direction: row;}
.cv_area .cv_btn{
	margin: 10px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	overflow: hidden;
}
.cv_area.cv_33 .cv_btn{width: calc(33.3% - 20px);}
.cv_area.cv_50 .cv_btn{width: calc(50% - 20px); }
.cv_area.cv_100 .cv_btn{width: calc(100% - 20px);}

@media screen and (max-width:700px){
	.cv_area{display: block; padding: 10px 0 0 0;}
	.cv_area.cv_33 .cv_btn,
	.cv_area.cv_50 .cv_btn,
	.cv_area.cv_100 .cv_btn{
		width: calc(100% - 20px);
		max-width: 400px;
		margin: 10px auto 20px auto;
	}
}

/*////////////////////////////////////////////////////////////*/
/* ----------------------youtube------------------------------*/
/*////////////////////////////////////////////////////////////*/
.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-wrap.ratio1-1{padding-bottom: 100%;}
.video-wrap.ratio4-3{padding-bottom: 75%;}
.video-wrap.ratio3-4{padding-bottom: 133.3%;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-wrap #video_mp4{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.mp4_wrap{width: 100%; text-align: center;}
.mp4_box{max-width: 900px; display: block; margin: 0 auto;}

/*////////////////////////////////////////////////////////////*/
/* ---------------------サイドアンカー -----------------------*/
/*////////////////////////////////////////////////////////////*/
.side_position{
	display: table-cell;
	position: fixed;
	right: 30px;
	top: 0;
	width: 15px;
	height: 100%;
	vertical-align: middle;
	z-index: 9999;
}
.side_position ul{
	display: inline-block;
	list-style: none;
	position: absolute;
	top: 50%;
	margin-top: -150px;
}
.side_position ul li a{
	display: block;
	float: none;
	margin: 13px 0;
	width: 6px;
	height: 6px;
	-moz-border-radius:10px;
	border-radius:10px;
	background: #fff;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.4);
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
	overflow: hidden;
	text-indent: -9999px;
	z-index: 9999;
}
.side_position #nav li a{}
.side_position #nav li a:hover {background: #555;}
.side_position #nav li.on a{
  background: #555
}
.ui-tooltip1{
	background: #555 !important;
	color: #fff !important;
	font-size: 14px !important;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0) !important;
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,0) !important;
	box-shadow:0px 0px 0px rgba(0,0,0,0)!important;
}

/*////////////////////////////////////////////////////////////*/
/* ------------------------その他 ----------------------------*/
/*////////////////////////////////////////////////////////////*/
button{text-transform: none;  cursor: pointer;  overflow: visible;}

/* メヴィーを使ってみる */
a .use_meviy_btn {
	display: inline-block;
	width: 100% !important;
	padding: 20px 10px;
	margin: 20px 0;
	font-size: 25px; font-weight: 500; width: 90%;
	background: #00519d;
	background: -moz-linear-gradient(left, #00519d 0%, #011d65 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #00519d 0%,#011d65 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #00519d 0%,#011d65 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-moz-border-radius:10px;
	border-radius:10px;
	text-align: center
	 }
a .use_meviy_btn img{
	display: block;
	float: none; margin: 5px auto;
	width: 279px; height: 26px;
}
.use_meviy_btn a:hover{background: #005EAB; color: #fff !important;}

/* 検索結果 */
h2.search_title{
	display: block;
	width: 100%;
	clear: both;
	padding: 20px 0 0 0px;
	margin: 0px;
	font-size: 22px;
	font-weight: 600;
	color: #555;
	text-indent: 0;
}
.no-result h2.search_title{padding-top: 80px}
.search_again{
	display: block;
	float: none;
	margin: 0 auto;
	width: 100%;
	height: 100px;
	padding: 100px 0;
}
.search_again form{padding: 0 !important; margin: 0 !important;}
.search_again input[type="text"]{
	display: inline-block;
  -webkit-appearance: none;
  background-color: #fff !important;
  color: #555 !important;
  border: 2px solid #555 !important;
  margin: 0 !important;
  outline: none;
  box-shadow: none;
  width: calc(100% - 75px) !important;
  font-size: 18px;
  padding: 10px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.search_again div input[type="submit"]{
	display: inline-block;
	text-align: center;
	width: 60px !important;
	margin: 0 0 0 10px !important;
	background: #555;
	color: #fff;
	font-weight: 600;
	border: none;
	cursor: pointer;
	font-size: 18px;
	padding: 9px 0;
	box-sizing: border-box;
	font-weight: 600;
	-moz-border-radius:3px;
	border-radius:3px;
}
.search_again div input[type="submit"]:hover { background-color: #ddd; color: #555}

.search_dl_series br{display: none;}
.search_dl_thumb{display: block; background: #fafafa; padding-top: 5px;}
.search_dl_thumb img{
	display: block;
	float: none;
	margin: 0 auto ;
	height: 150px;
	width: auto;
}

/* 404 */
.notfound p, .notfound li{color:#005EAB }
p.notfound_top a{
	display: inline-block;
	padding: 10px;
	background:#005EAB; color: #fff;
	text-decoration: none;
	font-weight: 600; font-size: 15px;
	}
p.notfound_top a:hover{background: #555; color: #fff !important;}

@media screen and (max-width:550px) {}
@media print{}