/*
Theme Name:   デザインテンプレート201607
Theme URI: http://www.dejikichi.com/
Description: DigitalKitchen オリジナルテンプレート
Version: 1.0
Author: Digital Kitchen
Author URI: http://www.dejikichi.com/
*/

/*	INDEX
-------------------------------------------------
	RESET
	BASE
	HEADER
	NAVIGATION
	CONTENT
	SIDE BAR
	WIDGET
	FOOTER
	COMMENT TEMPLATE
	MISC
	HACK
*/

@charset "utf-8";
/*2025*/
/*	RESET
-------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
html{overflow-y:scroll;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
input,textarea,{margin:0;padding:0;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
a:focus{outline:none;}
body {background:#ffffff;color:#333333;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",sans-serif;text-align:center;line-height:1.4;}

/*	BASE
-------------------------------------------------*/

html {font-size:14px;}
body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.8;
}
#pageframe{}

#page{
	padding:80px 0 0;
	margin:0 auto 0;
	background: transparent;
	text-align: left;
	min-height:520px;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 1.1rem;
	font-weight: normal;
}

h2,
h2.pageh2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
h2.pageh2 span,
h2.posth2 span{
	display:inline-block;
	font-size:1rem;
	font-weight:normal;
	margin:0 1rem;
}

h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:0.4em;
}
h3.posth3{
	font-size:20px;
	color:#2692FF;
}
h3.posth3 span:first-child {
	display:inline-block;
	font-size:1rem;
	font-weight:normal;
	margin:0 2rem;
}
h3.posth3 span:last-child {
	font-size:20px;
	/*color:#2692FF;*/
}



abbr, acronym, a img {border: 0;}
address, dl, p {
	padding: 0;
	margin:0;
}
blockquote {margin: 0;}
blockquote p {padding: 1em;}
blockquote blockquote {margin: 1em;}
code {background: #fff;}
dl{margin-bottom:1em;}
dt {
	font-weight: bold;
	margin:0 0 0.4em 0;
}
dd {margin: 0 0 0 15px;}
hr {
	clear: both;
	border: 0;
	height: 1px;
	text-align: left;
}
small {font-size: smaller;}
pre {width: 90%;}
input[type="text"], textarea {
	font-size: 0.8rem;
	padding: 2px 2px 10px 2px;
	width:90%;
}
select {margin-left: 1rem;}
.alignright {
	float:right;
	margin: 0 0 1rem 1rem;
}
.alignleft {
	float:left;
	margin: 0 1rem 1rem 0;
}

@media screen and (max-width:768px){
	#page{
		width:100%;
		padding:120px 0px 0;
		margin:0 auto;
	}
	h2,
	h2.pageh2{padding:0 0.4em;}
}



/*	HEADER
-------------------------------------------------*/
#headerframe{
	width:100%;
	height:70px;
	position:fixed;
	top:0;
	background-color:#fff;
	z-index:10;
	border-bottom:2px solid #ccc;
}
@media screen and (max-width:768px){
	#headerframe{
		margin:0;
		height:auto;
		background-position:0 -30px;
	}
}

#header{
/*
	width:1160px;
*/
	width:1360px;
	margin:0 auto;
	padding:0 20px;
}

#header img.dk10th{
/*
	display:none;
*/
	float:right;
}

#header h1{
	float:left;
}

#header h1 img{
	height:48px;
	height:42px;
}

@media screen and (max-width:768px){
	#header h1 img{
		width:60%;
		height:auto;
		display:inherit;
	}

}

#header .headmenu{
	margin:10px;
	padding:0px 10px 0;
	display:block;
	
}

#header .headmenu li{
	display:inline-block;
}
#header .headmenu li:nth-child(1),
#header .headmenu.topmenu li:nth-child(1){display:none;}


#header .headmenu li a:link,
#header .headmenu li a:visited{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding:8px 4px;
	color:#333;
	border-bottom:2px solid #ccc;
	margin:0 4px;
	display:inline-block;
	width:92px;
}
#header .headmenu li a:hover,
#header .headmenu li a:active{
	opacity:0.8;
	background-color:#efefef;
	color:#FF8000;
	border-bottom:2px solid #FF9326;

}

#menu-item-1386{position: relative;}
#menu-item-1386 ul{
	display:none;
	position:absolute;
	bottom:-135px;
	left:0px;
	background-color:#FFF;
}

#menu-item-1386 ul li{display:block !important;}

#menu-item-1386 ul li a:link,
#menu-item-1386 ul li a:visited{
	width:270px !important;
	text-align:left !important;
	padding-left:1em !important;
	font-size:15px !important;
	font-weight:initial !important;
}

.menubtn{display:none;}

@media screen and (max-width:768px){
	#header{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	#header .headmenu{
		width:100%;
		padding:0;
		margin:0;
		background-color:rgba(238,238,238,0.9);
		z-index:8;
		display:none;
	}
	#header .headmenu li{
			display:block;
			width:100%;
			border:1px solid #ccc;
	}

	#header .headmenu.topmenu li:nth-child(1){display:block;}

	#header .headmenu li a:link,
	#header .headmenu li a:visited{
		display:block;
		width:100%;
		margin-bottom:none;
	}

	#header .headmenu li a:hover,
	#header .headmenu li a:active{
		background-color:#fff;
		opacity:1;
	}
	.menubtn{
		display:inline-block;
		cursor:pointer;
		margin:10px;
		width:20%;
	}

	.menubtn img{width:100%;}

	#header h1{
		margin-top:0px;
		float:inherit;
		display:inline-block;
		width:60%;
	}

	#header h1 img{width:100%;}

}

.page_image{
	width:1400px;
	margin:0 auto 10px;
}
@media screen and (max-width:768px){
	.page_image{
		width:100%;
		margin:0 auto 10px;
	}
	.page_image img{
		width:100%;
	}
}

/*	NAVIGATION
-------------------------------------------------*/

/*	CONTENT
-------------------------------------------------*/


#container {
	width:1200px;
	margin:0 auto;
}
#main {
	width:960px;
	float:right;
}

#main .entry{min-height:240px;}

@media screen and (max-width:768px){
	#container {
		width:100%;
		margin:0 auto;
	}

	#main {
		width:100%;
		float:initial;
	}

}

#bread {
	text-align: left;
	margin-bottom:10px;
}
.post{}

.inquiry_form,
.entry{
	margin: 0;
	margin-bottom:1em;
	padding:20px;
	border:1px solid #ccc;
	border-radius:10px;
	clear:both;
	min-height:320px;
	width:918px;
}

@media screen and (max-width:768px){
	#bread{padding:0 1em;}

	.inquiry_form,
	.entry{
		width:98%;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}
	.entry img{width:100%;height:auto;}
}

.entry div{margin:0 10px 10px;}


.mw_wp_form table,
.entry table{
	width:100%;
	margin:10px 0;
}

.mw_wp_form table th,
.mw_wp_form table td,
.entry table th,
.entry table td,
.recruit-posts table th,
.recruit-posts table td{
	padding: 0.5em;
	display:table-cell;
	border:1px solid #ccc;
}
.mw_wp_form table th,
.entry table th,
.recruit-posts table th{
	font-weight:bold;
	background-color:#efefef;
	vertical-align:middle;
	width:20%;
}

.recruit-posts table th{}

@media screen and (max-width:768px){

	.mw_wp_form table th,
	.mw_wp_form table td,
	.entry table th,
	.entry table td,
	.recruit-posts table th,
	.recruit-posts table td{
		padding: 0.4em;
		display:block;
	}

	.mw_wp_form table th,
	.entry table th,
	.recruit-posts table th{
		width:inherit;
		text-align:center;
		white-space: inherit;
	}
	.mw_wp_form table td,
	.entry table td,
	.recruit-posts table td{
		width:inherit;
		white-space: inherit;
	}
	.entry div{margin:10px 0;}

}

.entry ol li {
}



.ddCntntBlock {
	margin: 0 2em;
	padding:1em;
}
/*	home.php	-------------------------*/
#top_slider{
	max-height:300px;
	overflow:hidden;
	max-width:1200px;
	max-width:100%;
	margin:0 auto 20px;
	position:relative;
}
#top_slider img{width:100%;}
.bx-wrapper .bx-viewport{left:0;}
@media screen and (max-width:1198px){
	#top_slider img{width:100%;}
}

.bx-wrapper,
.bx-wrapper .helper img{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
.bx-wrapper {
	width:100%;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#topmain{
	width:960px;
	margin:0 auto 20px;
	min-height:380px;
	float:right;
}

@media screen and (max-width:1198px){
	#top_slider{
		height:100%;
		width:100%;
	}
	#top_sliderimg{max-width:640px;}
}

@media screen and (max-width:768px){
	#topmain{
		width:100%;
		min-height:260px;
	}
	#topmain h2{padding:0 10px;}
	.bx-wrapper,
	.bx-wrapper .helper img{
		width:100%;
		height:auto;
	}

}


#dk_catch{
	padding:0px;
	margin:0 0 20px 0;
}


#dk_catch img{}

#dk_catch .dk_catch_area{
	background-image:url(./images/dkcatch_bg2.jpg);
	background-repeat:no-repeat;
	background-position:830px 24px;
	font-size:28px;
	font-weight:bold;
	font-family:"ヒラギノ明朝 ProN","游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ＭＳ 明朝",serif;
	line-height:1.4;
}

#dk_catch .dk_catch_area ol{
	list-style-type: decimal;
	margin-left:40px;
}
#dk_catch .dk_catch_area ol li{
	line-height:1.4;
}
#dk_catch .dk_catch_area ol li.catch_sp{
	position:relative;
	margin-bottom:24px;
}

#dk_catch .dk_catch_area ol li span.catch_notes{
	font-size:18px;
	color:#ff2626;
	position:absolute;
	top:32px;
	left:0px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",sans-serif;
	font-weight:bold;
}

#dk_catch .dk_catch_area .dkcatch_response{margin-left:4px;}

@media screen and (max-width:768px){
	#dk_catch{}

	#dk_catch img{width:100%;}


	#dk_catch .dk_catch_area{
		background-position:0px 0px;
		font-size:14px;
		background-image:url(./images/dkcatch_bgsp.jpg);
		background-size:100% auto;
	}

	#dk_catch .dk_catch_area ol{margin-left:2em;
	}
	#dk_catch .dk_catch_area ol li.catch_sp{
		position:inherit;
		margin-bottom:0px;
	}

	#dk_catch .dk_catch_area ol li span.catch_notes{
		font-size:14px;
		position:inherit;
		top:0;
		left:0;
	}
	#dk_catch .dk_catch_area .dkcatch_response{
		margin-left:4px;
		display:inline-block;
	}


}

#top_jisseki{}

#top_jisseki a{
	display:block;
	text-decoration:none;
}

#top_jisseki img{
	margin-bottom:10px;
}

#top_jisseki span{
	display:block;
	padding:4px 8px;
	border:1px solid #FF2626;
	font-weight:bold;
	color:#fff;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,38,38) 0%,rgb(255,153,153) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,38,38)),color-stop(1, rgb(255,153,153)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,38,38) 0%,rgb(255,153,153) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,38,38) 0%,rgb(255,153,153) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,38,38) 0%,rgb(255,153,153) 100%);
}

#dk_service{margin-bottom:20px;}

#dk_service a:hover img{opacity:0.5;}

#dk_service ul{font-size:0;}

#dk_service ul li{
	display:inline-block;
	margin:0 10px 20px 10px;
}

#dk_service ul li:nth-of-type(3){margin-right:0;}


#top_service_btn{cursor:pointer;}

.flexwrap > div{
	display:flex;
	flex-flow:row wrap;
	width:100%;
	margin-bottom:2em;
}
.flexwrap div a{flex:0 1 auto;}
.flexwrap div.row1 a{flex:0 0 100%;}
.flexwrap div.row2{justify-content:space-between;}
.flexwrap div.row4{justify-content:space-between;}


#dk_service #servicemenu-hp{}

#dk_service #servicemenu-hp h2{
	font-size:16px;
	margin-bottom:-1px;
	font-weight:initial;
	background-color:#F2FFFF;
	display:inline-block;
	padding: 6px 4px 0;
	border: 1px solid #ccc;
	border-bottom: none;
}

#servicemenu-hp{
	font-size:0px;
	margin:10px 0;
}

#servicemenu-hp .hpservice-lineup{
	background-color:#F2FFFF;
	padding:10px;
	border:1px solid #ccc;
}


#servicemenu-hp h2{}

#servicemenu-hp a:link,
#servicemenu-hp a:visited{
	display:inline-block;
	vertical-align:top;
	margin:10px;
	border:1px solid #ccc;
	font-size:18px;
	text-decoration:none;
	color:#333333;
	text-shadow:2px 2px 6px #333;
	position:relative;
	width:212px;
	height:106px;
}

#servicemenu-hp a.hpservice_express2,
#servicemenu-hp a.hpservice_alphaplan,
#servicemenu-hp a.hpservice_universalplan,
#servicemenu-hp a.hpservice_option{
	background-color:#BFFFFF;
}

#servicemenu-hp a.hpservice_express2 img{padding:0;}
#servicemenu-hp a.hpservice_alphaplan img{padding:10px 15px;}
#servicemenu-hp a.hpservice_universalplan img{padding:8px 14px;}
#servicemenu-hp a.hpservice_option{
	background-image:url(./images/option_toplogo.png);
	background-repeat:no-repeat;
	background-position:6px 0;
}


#servicemenu-hp a.hpservice_ehomes,
#servicemenu-hp a.hpservice_dkshop,
#servicemenu-hp a.hpservice_web,
#servicemenu-hp a.hpservice_hosting{
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(238,238,238)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);

}

#servicemenu-hp a.hpservice_ehomes img{padding:14px 2px;}

#servicemenu-hp a:hover,
#servicemenu-hp a:active{
	color:#FFD24D;
	border:1px solid #FF9326;
}

#servicemenu-hp a span.servicetitle{
	font-weight: bold;
	position: absolute;
	top: 32%;
	left: 0;
	width: 100%;
	padding:4px 0;
	text-align: center;
	background-color:rgba(255,255,255,0.6);
}

#servicemenu-hp a img.spbtn{display:none;}

#servicemenu-hp a span.servicetitle span{
	color:#ff2626;

}

#servicemenu-hp a.bosyu_sales span{
	top:16%;
}

#servicemenu-hp a.inquiry_link span{background-color:inherit;}

#servicemenu-hp a.hpservice_ehomes:link ,
#servicemenu-hp a.hpservice_ehomes:visited,
#servicemenu-hp a.hpservice_dkshop:link ,
#servicemenu-hp a.hpservice_dkshop:visited{
	font-size:18px;
	text-shadow:none;
	text-align:center;
}

#servicemenu-hp a.hpservice_dkshop:link span,
#servicemenu-hp a.hpservice_dkshop:visited span{
	font-size:12px;
	color:#333;
}

#servicemenu-hp a.hpservice_web{
	background-image:url(./images/webservice.jpg);
}

#servicemenu-hp a.hpservice_hosting{
	background-image:url(./images/hostingimage.jpg);
}


/*事務所変更のお知らせ20190828*/
.dk_information_wrap{
	max-width:960px;
	margin:0 auto 1em;
	font-size:1.2em;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 6px;
	position:relative;
	overflow:hidden;
}

.dk_information_wrap h3{text-align:center;font-weight:bold;margin-bottom:1em;font-size:1.5em;}

.dk_information_wrap .toggle_open{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:1em;
}
.dk_information_wrap .toggle_open span{font-weight:bold;}

.dk_information_wrap .open_span{
	cursor:pointer;
	text-decoration:underline;
}

.dk_information_wrap .dic_01,
.dk_information_wrap .dic_02,
.dk_information_wrap .dic_03,
.dk_information_wrap .dic_04{margin-bottom:1em;text-align:center;}
.dk_information_wrap .dic_01{margin-bottom:2em;}
.dk_information_wrap .dic_02{}
.dk_information_wrap .dic_03{}

.dk_information_wrap dl{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto 2em;
}
.dk_information_wrap dl dt,
.dk_information_wrap dl dd{box-sizing:border-box;margin-bottom:0.4em;margin-left:0;}

.dk_information_wrap .didl_01{width:460px;}
.dk_information_wrap .didl_01 dt{width:34%;}
.dk_information_wrap .didl_01 dd{width:66%;}

.dk_information_wrap .didl_02{width:460px;}
.dk_information_wrap .didl_02 dt{width:50%;}
.dk_information_wrap .didl_02 dd{width:50%;}

.dk_information_wrap .didl_03{width:460px;}
.dk_information_wrap .didl_03 dt{width:40%;}
.dk_information_wrap .didl_03 dd{width:60%;}

.slide_block{
	position:absolute;
	bottom: -8px;
	right: -18px;
	display:block;
	width:60px;
	height:14px;
	transform: rotate(135deg);
	padding-top: 8px;
	background-color: #f9f9f9;
}
.slide_block span{
	display:block;
	width:60px;
	height:6px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;

}


@media screen and (max-width:768px){

	#dk_service ul li{
		width:100%;
		padding:0 10px;
		margin:0 0 10px;
		box-sizing:border-box;
	}

	.flexwrap img{width:100%;}

	.flexwrap div.row2{justify-content:space-between;}
	.flexwrap div.row2 a{
		flex:1 1 100%;
		margin:1em;
	}
	.flexwrap div.row4{
		flex-flow:row wrap;
		justify-content:flex-start;
	}
	.flexwrap div.row4 a{
		margin: 0 1em 2em 0;
	}

	#dk_service ul li img{width:100%;}

	#servicemenu-hp a:link,
	#servicemenu-hp a:visited{
		display:inline-block;
		vertical-align:top;
		margin:8px;
		border:none;
		font-size:18px;
		text-decoration:none;
		color:#333333;
		text-shadow:none;
		position:relative;
		background-color:#fff;
		background-image:none;
		width:44%;
		height:auto;
	}
	#servicemenu-hp a:link img,
	#servicemenu-hp a:visited img{
		width:90%;
		padding:0;
		text-align:center;
	}
	#servicemenu-hp a span{
		display:none;
	}
	#servicemenu-hp a.hpservice_express2 img,
	#servicemenu-hp a.hpservice_alphaplan img,
	#servicemenu-hp a.hpservice_universalplan img,
	#servicemenu-hp a.hpservice_option img,
	#servicemenu-hp a.hpservice_ehomes img,
	#servicemenu-hp a.hpservice_dkshop img,
	#servicemenu-hp a.hpservice_support img,
	#servicemenu-hp a.hpservice_hosting img{display:none;}

	#servicemenu-hp a img.spbtn{
		display:block;
		width:100%;
	}
	
	#sidebar.top_side{display:none;}

	#servicemenu-hp .hpservice-lineup{
		padding:0;
		text-align:center;
	}

}



#jisseki_top{
	margin-bottom:20px;
	clear:both;
}

#jisseki_top ul.jisseki_top_pc,
#jisseki_top ul.jisseki_top_sp{
	width:49%;
	display:inline-block;
	vertical-align:top;
	margin-left:0;

}

#jisseki_top ul{margin-left:20px;}

#jisseki_top ul li{
	display:inline-block;
	vertical-align:top;
	font-size:0;
	margin-right:22px;
	margin-bottom:20px;
	text-align:center;
	width:210px;
}

#jisseki_top ul li:nth-child(4),
#jisseki_top ul li:nth-child(8){margin-right:0;}

#jisseki_top ul li a{
	text-decoration:none;
	color:#333;
}

#jisseki_top ul li span{font-size:14px;}

#jisseki_top ul li img{
	max-width:210px;
}

@media screen and (max-width:768px){

	#jisseki_top ul.jisseki_top_pc,
	#jisseki_top ul.jisseki_top_sp{
		width:100%;
		display:block;
		text-align:center;
	}

	#jisseki_top ul li{
		margin:10px;
		width:40%;
	}
	#jisseki_top ul li span{font-size:12px;}
	#jisseki_top ul li img{
		width:100%;
		height:auto;
	}
	#jisseki_top ul li:nth-child(5),
	#jisseki_top ul li:nth-child(6),
	#jisseki_top ul li:nth-child(7),
	#jisseki_top ul li:nth-child(8){display:none;}
}

#customer_voice_top{
	margin-bottom:20px;
	clear:both;
}

#customer_voice_top .cvlist{margin-left:20px;}

#customer_voice_top .cvlist .cv_entry{
	display:inline-block;
	vertical-align:top;
	width:268px;
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	margin:0 20px 20px 0;
	text-align:center;
}

#customer_voice_top .cvlist .cv_entry a:link,
#customer_voice_top .cvlist .cv_entry a:visited{
	display:inline-block;
	text-decoration:none;
	color:#333;
}

#customer_voice_top .cvlist .cv_entry img{width:240px;}

#customer_voice_top .cvlist .cv_entry .cv_readcontents{text-align:left;}

#customer_voice_top .cvlist .cv_entry .cv_readcontents a{float:right;}

@media screen and (max-width:768px){
	#customer_voice_top .cvlist{
		margin-left:0;
		margin:0 auto;
		padding:0 10px;
	}
	#customer_voice_top .cvlist .cv_entry:nth-child(2),
	#customer_voice_top .cvlist .cv_entry:nth-child(3){
		display:none;
	}
	#customer_voice_top .cvlist .cv_entry{
		width:inherit;
		margin:0;
	}
}

a.list_link:link,
a.list_link:visited{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	float:right;
	text-decoration:none;
	border:1px solid #FF2626;
	padding:6px 27px;
	margin:10px 28px 20px;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,115,115)),color-stop(1, rgb(255,153,153)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%);
}

a.list_link:hover,
a.list_link:active{
	background-image:none;
	background-color:#FF9326;
	border-color:#FF9326;
}

@media screen and (max-width:768px){
	a.list_link:link,
	a.list_link:visited{
		float:inherit;
		margin:10px 0 20px;
		text-align:center;
		display: inherit;
	}

}

#top_contents{
	clear:both;
/*
	margin-top:40px;
*/
}

#subcontents{
	display:inline-block;
	vertical-align:top;
}

#subcontents a:link,
#subcontents a:visited{
	text-decoration:none;
	color:#333333;
}
#subcontents a:hover,
#subcontents a:active{color:#FF8000;}

#subcontents ul li{
	width:298px;
	height:98px;
	margin-bottom:22px;
	border:1px solid #ccc;
}

#subcontents ul li:last-child{margin-bottom:0;}

#subcontents .aboutus{
	background-image:url(./images/aboutusimage.jpg);
	background-repeat:no-repeat;
}
#subcontents .map_link{
	background-image:url(https://maps.google.com/maps/api/staticmap?center=26.1998502,127.6679199&zoom=15&size=300x164&markers=color:red|&sensor=false);
	background-image:url(./images/accessimage.jpg);
	background-repeat:no-repeat;
}
#subcontents .recruit_link{
	background-image:url(./images/recruitimage.jpg);
	background-repeat:no-repeat;
}

#subcontents .aboutus a span,
#subcontents .map_link a span,
#subcontents .recruit_link span{
	padding:10px 0;
	background-color:rgba(255,255,255,0.6);
	display:block;
	text-align:center;
	font-weight:bold;
	margin-top:14px;
}
#subcontents .aboutus a span{margin-top:24px;}

@media screen and (max-width:768px){
	#subcontents{
		display:inline-block;
		vertical-align:top;
		width:100%;
		text-align:center;
	}
	#subcontents ul{
		display:inline-block;
	}
}

@media screen and (max-width:300px){
	#subcontents ul{width:100%;}
	#subcontents ul li{width:100%;}
}

#infomation{
	width:618px;
	display:inline-block;
	margin:0 10px 10px 0;
}


#infomation h2{
	display:inline-block;
}


#infomation dl{
	margin-left:20px;
	background-color:#fbfbfb;
	border:1px solid #ccc;
}

#infomation dl a:link,
#infomation dl a:visited{
	display:inline-block;
	width:100%;
	text-decoration:none;
	color:#005fbb;
}

#infomation dl a:hover,
#infomation dl a:active{color:#FF8000;}


#infomation dl dt,
#infomation dl dd{
	margin:0 10px 0 10px;
	padding:0 10px;
}

#infomation dl dt{
	border-bottom:2px dotted #ccc;
	margin-bottom:4px;
	padding-bottom:4px;
	font-weight:inherit;
}
#infomation dl dd{
	margin-top:4px;
	font-size:12px;
}

#infomation .infocatlink{
	padding:4px 10px;
	float:right;
}

@media screen and (max-width:768px){
	#infomation{
		display:block;
		width:100%;
	}
	#infomation dl{
		margin-left:0;
		padding:10px;
	}
}

/*	category.php	-------------------------*/

.biz_concept{
	padding:10px;
	margin-bottom:20px;
}

#service_menu{}

#service_menu li{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	position:relative;
}

#service_menu li:hover{
	opacity:0.6;
	border:1px solid #FF9326;
}

#service_menu li span{
	color:#333;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	top:30%;
	left:0;
	background-color:rgba(255,255,255,0.6);
	padding:10px;
	text-align:center;
	width:100%;
}

#service_menu li img{max-height:90px;}

.biz_concept dd{
	margin:0;
	display:inline-block;
	vertical-align:top;
}

.biz_concept dd:nth-child(3){
	width:700px;
	margin-left:1em;
}

.biz_concept dt{margin-bottom:10px}
.biz_concept dd img{
}
@media screen and (max-width:768px){
	.biz_concept dd:nth-child(3){
		width:100%;
	}
}

#cat-customer_voice{}

.cv_img{
	text-align:center;
	margin-bottom:20px;
}
.cv_img img{
	width:520px;
	border:1px solid #333;
}

#cat-customer_voice dl,
.post-customer_voice dl{
}

#cat-customer_voice dl dt,
#cat-customer_voice dl dd,
.post-customer_voice dl dt,
.post-customer_voice dl dd{margin-bottom:10px;}

#cat-customer_voice p.link_line,
.post-customer_voice p.link_line{
	text-align:right;
	margin:10px;
}

#cat-customer_voice p.link_line a:link,
#cat-customer_voice p.link_line a:visited,
.post-customer_voice p.link_line a:link,
.post-customer_voice p.link_line a:visited,
#cat-customer_voice .cv_entry .cv_contents .link_line a:link,
#cat-customer_voice .cv_entry .cv_contents .link_line a:visited{
	padding:6px 20px;
	background-color:#fff;
	border-radius:20px;
	text-decoration:none;
	color:#333;
	border:1px solid #ccc;
	font-weight:bold;
}

#cat-customer_voice p.link_line a:hover,
#cat-customer_voice p.link_line a:active,
.post-customer_voice p.link_line a:hover,
.post-customer_voice p.link_line a:active,
#cat-customer_voice .cv_entry .cv_contents .link_line a:hover,
#cat-customer_voice .cv_entry .cv_contents .link_line a:active{
	color:#FF8000;
	border:1px solid #FF9326;
	background-color:#eee;
}

@media screen and (max-width:768px){
	.cv_img img{
		width:100%;
	}

}

/*	single.php	-------------------------*/

p.update{
	clear:both;
	text-align:right;
	margin:0.4em 0 0.4em 0;

}

/*	page.php	-------------------------*/

.service_entry{
	border-bottom:2px solid #333;
	margin-bottom:20px;
}

.service_entry h3.servicepost_h3{
	border-bottom:2px solid #00b22d;
}

.service_entry h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;

}

.express2read,
.pxpress2designimage,
.express2merit,
.express2faq{
	margin-bottom:2em !important;
}

.express2read{}

.express2read dt{
	border-bottom:1px solid #666;
}

.express2read dd{}

.express_merit dl{height:360px;}

.plan_comparison{}

.plan_comparison h3{
	font-size:24px;
	font-weight:bold;
	margin-bottom:0px;
}

.plan_comparison h3 span{
	float:right;
	font-size:14px !important;
	color:#333;
	font-weight:normal;
	padding-top: 18px;
}

#post-1410 h3{
	background-image:url(./images/dkicon.gif);
	background-repeat:no-repeat;
	padding-left: 36px;
	background-size: 26px;
	background-position-y: 5px;
}

/*	page　料金表
-------------------------------------------------*/
#serviceplan_pricelist{
	font-size:0;
	text-align:center;
}

#pricelist{
	display:inline-block;
	font-size:14px;
}
#pricelist table{
	width:900px;
	text-align:center;
	margin-bottom:2em;
}
#pricelist table#spec_table,
#pricelist table#price_table{margin-bottom:10px;}

#pricelist caption{
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	border:1px solid #ccc;
	border-bottom:none;
	padding:4px;
}

#pricelist caption span{
	font-weight:normal;
	font-size:0.8em;
}

#pricelist th{
	font-weight:bold;
	padding:4px 6px;
	text-align:center;
	border:1px solid #ccc;
	border-collapse:collapse;
	width:220px;
	vertical-align:middle;
}

#pricelist td{
	white-space:nowrap;
	border:1px solid #ccc;
	border-collapse:collapse;
	vertical-align:middle;
}




@media screen and (max-width:768px){

	#pricelist table{
		width:100%;
		margin-bottom:10px;
		font-size:8px;
	}

	#pricelist table th{
		font-size:12px;
		display:table-cell;
		width:100%;
	}

	#pricelist table td{
		font-size:10px;
		display:table-cell;
		white-space:inherit;
	}

}

/*	page　導入実績
-------------------------------------------------*/
.jisseki{clear:both;}

.jisseki a{}

.jisseki .jisseki_area{
	display:inline-block;
	margin-left:20px;
}

.jisseki ul{
	padding:10px 8px;
	border:1px solid #ccc;
	background-color:#eee;
	width:1140px;
}

.jisseki ul:hover{opacity:0.6;}

.jisseki ul li{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	font-size:0;
}

.jisseki ul li:last-child{margin:0;}

@media screen and (max-width:768px){
	.jisseki{clear:both;}
	.jisseki a{}
	.jisseki .jisseki_area{
		display:inline-block;
		margin-left:0px;
	}
	.jisseki ul{
		padding:10px 8px;
		border:1px solid #ccc;
		background-color:#eee;
		width:100%;
	}
	.jisseki ul:hover{opacity:0.6;}
	.jisseki ul li{
		display:inline-block;
		vertical-align:top;
		margin-right:10px;
		font-size:0;
		width:18%;
	}
	.jisseki ul li img{width:100%;}
	.jisseki ul li:last-child{margin:0;}

}

/*	express2
-------------------------------------------------*/
.express2read{}

.express2read dl{
	border:1px solid #efefef;
	padding:10px;
	margin-bottom:20px;
}

.express2read dl dd{}

.express2read dt{
	margin-bottom:1em;
	clear:both;
}

.express2read dl dd img{
	width:140px;
	float:left;
	margin-right:1em;
}


.express2function{}

.express2function h4{
	font-weight:bold;
	clear:both;
	margin-left:1em;
}

.express2function div,
.express2function dl{margin-left:2em;}

.express2function dt{clear:both;}

.express2function img{width:240px;}

.entry div.express2designimage{
	clear:both;
	margin-bottom:40px;
}

.designarea{
	margin-bottom:2em;
	display:flex;
	flex-wrap:wrap;
}
.designarea dl{
	margin:0 1%;
	width:48%;
}
.designarea dl dt{text-align:center;margin-bottom:0;}
.designarea dl dd{margin:0;}
.designarea dl img{width:100%;height:auto;}


.express2merit{margin-bottom:20px!important;}
.express2merit ul{
	list-style: outside;
	margin-left:3em;
	margin-bottom:3em;
}

.express2merit ul li{margin-bottom:10px;}

.other_merit{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}


@media screen and (max-width:768px){
	.entry div.designarea{
		width:100%;
		margin:10px 0;
	}
	.designarea div{margin:0;}
	.designarea img{
		float:inherit;
		display:block;
		margin-bottom:10px;
	}

	.designarea .design_a,
	.designarea .design_b,
	.designarea .design_c,
	.designarea .design_d{
		width:100%;
		text-align:left;
	}

	.designarea a{
		position:inherit;
		display:block;
		text-align:center;
	}
.pxpress2designimage ul.designlist{width:100%;}
.pxpress2designimage ul.designlist li{
	width:44%;
	display:inline-block;
}


}

.template_images div{margin-top:20px;}

.template_images dl{margin:0 10px 0;}
.template_images dl dt,
.template_images dl dd{
	text-align:center;
	margin:0;
}


/*	flow
-------------------------------------------------*/
.entry .start_flow_image,
.entry .flowchart_image,
.entry .flow_contents{
	display:inline-block;
	vertical-align:top;
	margin:0 0 20px 0;
}

.start_flow_image{
	width:300px;
}
.start_flow_image img{width:300px;}

.start_flow_image img:nth-child(1){margin-top:40px;}
.start_flow_image img:nth-child(2){margin-top:100px;}
.start_flow_image img:nth-child(3){margin-top:20px;}
.start_flow_image img:nth-child(4){margin-top:36px;}

.flow_contents{
	width:300px;
	margin-left:10px;
}

.flow_contents ol li:nth-child(1){margin-top:4px;}
.flow_contents ol li:nth-child(2){margin-top:48px;}
.flow_contents ol li:nth-child(3){margin-top:58px;}
.flow_contents ol li:nth-child(4){margin-top:48px;}
.flow_contents ol li:nth-child(5){margin-top:48px;}
.flow_contents ol li:nth-child(6){margin-top:110px;}
/*
.flow_contents ol li:nth-child(7){margin-top:54px;}
.flow_contents ol li:nth-child(8){margin-top:62px;}
.flow_contents ol li:nth-child(9){margin-top:58px;}
.flow_contents ol li:nth-child(10){margin-top:10px;}
*/
.flow_contents ol li:nth-child(7){margin-top:120px;}
.flow_contents ol li:nth-child(8){margin-top:16px;}
.flow_contents ol li:nth-child(9){margin-top:88px;}


@media screen and (max-width:768px){

	.start_flow_image{width:100%;}
	.start_flow_image img{width:100%;}

	.start_flow_image img:nth-child(1),
	.start_flow_image img:nth-child(2),
	.start_flow_image img:nth-child(3),
	.start_flow_image img:nth-child(4){margin-top:10px;}

	.flow_contents{width:100%;}
	.flow_contents ol{
		list-style-type:decimal;
		padding-left:1em;
	}

	.flow_contents ol li:nth-child(1),
	.flow_contents ol li:nth-child(2),
	.flow_contents ol li:nth-child(3),
	.flow_contents ol li:nth-child(4),
	.flow_contents ol li:nth-child(5),
	.flow_contents ol li:nth-child(6),
	.flow_contents ol li:nth-child(7),
	.flow_contents ol li:nth-child(8),
	.flow_contents ol li:nth-child(9){margin-top:10px;}









}


/*		αプラン
-------------------------------------------------*/
.alpha_info dl dt a,
.universal_support dl dt a{margin-left:1em;}

/*		ユニバーサルプラン
-------------------------------------------------*/
.entry .universal_estimation{margin-bottom:20px;}

.universal_estimation table{}

.universal_estimation table th{
	text-align:center;
	width:40%;
}
.universal_estimation table td{text-align:right;}

.entry .universal_support{margin-bottom:20px;}

.universal_support dl{margin-left:1em;}

@media screen and (max-width:768px){
	.universal_estimation table th,
	.universal_estimation table td{
		width:100%;
	}
}
/*			DK-Shop
-------------------------------------------------*/
.dkshopread{}
.dkshopinfo{}
.dkshopinfo dl{clear:both;margin-bottom:20px;}
.dkshopinfo dl dt{
	border-bottom:2px solid #FF4000;
	font-size:1.2em;
	margin-bottom:1em;
	font-weight:normal;
}


.dkshopinfo dl dt span.red{
	color:#FF0000;
}
.dkshopinfo dl dt span.green{
	color:#008C00;
}
.dkshopinfo dl dt span.blue{
	color:#007FFF;
}
.dkshopinfo dl dt span.point{margin-right:1em;}
.dkshopinfo dl dd.point span{
	font-weight:bold;
	color:#fff;
	padding:4px 16px;
	background-color:#FF4000;
	margin:0;
	display:inline-block;
}

.dkshopinfo dl dd.dkshopinfoimage{
	margin:10px;
	float:left;
}
.dkshopinfo dl dd.dkshopcontents{
    display: inline-block;
    width: 670px;
    vertical-align: top;
    margin-top: 30px;
    margin-left: 0;
}

@media screen and (max-width:768px){
.dkshopinfo dl dd.dkshopcontents{
	width:100%;
	}
}


.dkshopservice{clear:both;}
.dkshopservice div{
	display:inline-block;
	vertical-align:top;
	width:46%;
}

.dkshopservice div dl{margin-top:10px;}

.dkshopservice div dl dt{
	background-color:#B20000;
	border-radius:10px;
	color:#fff;
	padding:4px;
	text-align:center;
}

.dkshopservice div dl dd{
	display:inline-block;
	vertical-align:top;
	margin:10px 0 10px 10px;
}

.dkshopservice div dl dd ul{
	list-style: inside;
}

.dkshopservice div dl dd ul li{}

.dkshopservice div dl dd.dkshopserviceimage{}

.dkshopservice div table{
	border-collapse:initial;
	border-spacing:0 20px;
	margin-top:-10px;
}

.dkshopservice div table th{
	border:none;
	background-color:#00B200;
	border-radius:10px;
	color:#fff;
	text-align:center;
	height:60px;
	width:50%;
}

.dkshopservice div table td{
	border:none;
	vertical-align:middle;
}

.dkshopprice{}

.dkshopprice div{}
.dkshopprice table,
.pricesample table{
	width:48%;
	display:inline-block;
	vertical-align:top;
}

.dkshopprice table{display:none;}
.pricesample table{margin-right:10px;}

.dkshopprice table caption,
.pricesample table caption{
	background-color:#33B0FF;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:4px;
}

.dkshopprice table th,
.pricesample table th{
	background-color:#fff;
	width:50%;
	text-align:center;
}

.dkshopprice table td,
.pricesample table td{
	text-align:center;
	vertical-align:middle;
	min-width:180px;
}

@media screen and (max-width:768px){
	.dkshopservice div{width:100%;}
	.dkshopservice div table th{height:100%;}
	.dkshopprice div,
	.dkshopprice table,
	.pricesample table{
		width:100%;
	}
	.dkshopprice table th,
	.pricesample table th,
	.dkshopprice table td,
	.pricesample table td{
		display:table-cell;
	}

}


/*	オプション
-------------------------------------------------*/
.option_desc{
	font-weight:bold;
	color:#ff2626;
	font-size:1.2em;
}

.option_list{margin-bottom:20px;}
.option_list2{}

.entry .option_list div,
.entry .option_list2 div{margin:0 0 20px;}

.option_list dl,
.option_list2 dl{
	display:inline-block;
	vertical-align:top;
	border:1px solid #ccc;
	border-radius:20px;
	padding:10px;
	margin:0 20px 40px 20px;
	width:228px;
	height:298px;
	text-align:center;
}
.option_list2 dl{height:368px;}

.option_list dl dt,
.option_list dl dd,
.option_list2 dl dt,
.option_list2 dl dd{
	text-align:left;
}

.option_list dl dd.optionimage,
.option_list2 dl dd.optionimage{
	text-align:center;
	height:120px;
	margin-left:0;
}

.option_list dl dd.optionimage img,
.option_list2 dl dd.optionimage img{
	max-width:180px;
	max-height:100px;
}

.option_list dl dd.optiondescription{height:60px;}
.option_list2 dl dd.optiondescription2{height:170px;margin-bottom:1em;}

.option_list dl dd.optionprice{
	font-weight:bold;
}

.option_list2 dl dd.optionprice2{
	font-weight:bold;
	text-align:right;
}

@media screen and (max-width:768px){
	.option_list dl,
	.option_list2 dl{
		width:90%;
		height:100%;
	}
	.option_list dl dd.optionimage,
	.option_list2 dl dd.optionimage{height:100%;}

	.option_list dl dd.optionimage img,
	.option_list2 dl dd.optionimage img{
		max-width:100%;
		max-height:100%;
	}
	.option_list dl dd.optiondescription{height:100%;}
	.option_list2 dl dd.optiondescription2{height:100%;}


}

#cat-customer{
	margin:10px;
}
#cat-customer h3{margin-bottom:10px;}
#cat-customer img{
	width:200px;
	height:150px;
	vertical-align:top;
	border:1px solid #333;
	margin-right:10px;
}
.inquiry_info{}
.inquiry_info dt{
	clear:both;
	float:left;
	margin-right:1em;
}


/*	DK-SHOP
-------------------------------------------------*/
.dkshopread{}

.dkshopread .shop_support_wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;

}

.dkshopread dl{
	border:1px solid #ccc;
	padding:10px;
	border-radius:10px;
	margin-bottom:20px;

}
.dkshopread dl:nth-of-type(1){width:46%;}
.dkshopread dl:nth-of-type(2){width:46%;}
.dkshopread dl:nth-of-type(3){width:100%;}

.dkshopread dl dt{
	border-bottom:1px solid #333;
	font-size:1.2em;
}
.dkshopread dl dd{}

.dkshopread dl dd img{
	float: right;
	width: 100px;
	height: auto;
	margin: 10px 20px 4px;
}
.dkshopread dl:nth-of-type(2) img{margin-top:26px;}

/*	single-case_studies.php
-------------------------------------------------*/
div.csimg{
	margin:0 0 20px;
	padding:0;
	text-align:center;
}

dl.csdata{
	border:thin dotted #ccc;
	border-radius:4px;
	padding:1em;
}
dl.csdata dt,
dl.csdata dd{margin:0;padding:0;}
dl.csdata dd span{
	display:inline-block;
	width:6em;
}
dl.csdata dd.qrcodeimage{float:right;}
dl.csdata dd.qrcodeimage img{
	max-width:100px;
	max-height:100px;
}
.cspageimage{}

.cspageimage dl{
	display:inline-block;
	vertical-align:top;
	width:30%;
	text-align:center;
	margin-right:10px;
}

.cspageimage dl.case_wrap_sp dd{
	position:relative;
	width:100%;
	overflow: hidden;
	width: 100%;
	height: 530px;
	margin:0;
}

.cspageimage dl.case_wrap_sp dd div.sp_frame{
	position:absolute;
	top:0px;
	left:0px;
	box-sizing: border-box;
	background-image:url(./images/sp_back.png);
	background-repeat:no-repeat;
	background-size: contain;
	width:100%;
	height: 524px;
}
.cspageimage dl.case_wrap_sp dd div.sp_img_wrap{
	position:absolute;
	top: 65px;
	left: 26px;
	overflow-y: scroll;
	width: 240px;
	height: 396px;
	margin: 0;
	padding-right: 20px;
}

.cspageimage dl dd img{
	width:100%;
	height:auto;
}

.arealink{float:right;}

.arealink span{
	font-weight:bold;
	font-size:16px;
	margin-right:1em;
}

.arealink a:link,
.arealink a:visited{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:2px 6px;
	margin:0 1em 0 0;
	width:120px;
	border:1px solid #FF2626;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,115,115)),color-stop(1, rgb(255,153,153)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%);
}

.arealink a:hover,
.arealink a:active{
	background-image:none;
	background-color:#FF9326;
	border-color:#FF9326;

}

@media screen and (max-width:768px){
	.arealink{float:inherit;}
	.arealink span{display:block;}
}

/*	DKShop
-------------------------------------------------*/


/*	会社概要ページ
-------------------------------------------------*/
.jigyounaiyou{margin-bottom:10px;}

.jigyou_image,
.naiyou {
    display: inline-block;
    vertical-align: top;
}

.naiyou {
    width: 360px;
    margin-left: 10px;
}

.jigyounaiyou h3,
.hr_sep h3,
.kigyologo h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom:10px;
}

.kigyologo{margin:20px 0;}


.kigyologo h3{
	font-size:18px;
	font-weight:bold;
}

.kigyologo dl{
	display:inline-block;
	margin-bottom:10px;
}
.kigyologo dl dd{
	float:left;
	margin:0 10px 0 0;
}

.kigyologo dl dt{font-weight:inherit;}
.kigyologo dl dt strong{font-weight:bold;}

.privacy_policy{}

.privacy_policy ul{
	list-style:initial;
	margin-left:1.6em;
}

@media screen and (max-width:768px){
	.kigyologo dl dd{
		float:inherit;
		text-align:center;
	}
}


/*	ウェブサポート
-------------------------------------------------*/
.wss dl{
	margin:10px 0 30px;
	clear:both;
	border:1px solid #eee;
/*
	display:inline-block;
	width:46%;
	border:1px solid #ccc;
	vertical-align:top;
*/
}


.wss dt{
	font-weight:bold;
	color:#2693FF;
	color:#ff2626;
	padding:10px 0 0 10px;
}

.wss dd{
	margin:10px 0;
	padding:0 10px;
}

.wss dd ul{
	list-style:inside;
	display:inline-block;
	margin-left:1em;
}

.wss dd img{
	float:left;
	width:180px;
	margin:0 2em 10px 0;
}

@media screen and (max-width:768px){
	.wss dd img{
		float:inherit;
		display:block;
	}
}


/*	DK-Shop	*/
.entry div.ds_section{margin:0 10px 4em;}
.entry div.ds_section h3{
	font-size:1.2em;
	color:#2692FF;
}
.entry div.ds_section div{margin:0;} 
.ds_section figure img{width:100%; height:auto;}

#ds_gaiyou h4{
	font-weight:bold;
	border-bottom:1px solid #ccc;
	width:100%;
	margin:0 auto 1em;
}
#ds_gaiyou .ds_contents{display:flex;flex-wrap:wrap;margin:0 auto 2em;}
#ds_gaiyou .ds_contents figure{width:30%;margin-right:1em;}
#ds_gaiyou .ds_contents div{width:calc(70% - 1em);margin:0;}

.ds_function_catch{padding:0 0 1em;}

.dsspec_contents{margin-bottom:0.4em;}

.dsspec_contents h5{font-weight:bold;}

.dsspec_contents .specdl_wrap{display:flex;flex-wrap:wrap;}
.dsspec_contents dl{width:50%;}
.dsspec_contents dl dt{margin-bottom:0;}
.dsspec_contents dl dd{padding:0;}

.td50per{width:35% !important;}

#ds_support article{display:flex;flex-wrap:wrap;}
#ds_support article.ds_planning{margin-bottom:2em;}
#ds_support article h4{
	font-weight:bold;
	border-bottom:1px solid #ccc;
	width:100%;
	margin:0 auto 1em;
}
#ds_support article figure{width:30%;margin-right:1em;}
#ds_support article div{width:calc(70% - 1em);margin:0;}
#ds_design{}

#ds_function{margin:0 10px 2em;}
#ds_function .ds_contents{display:flex;flex-wrap:wrap;}
#ds_function article{
	width:calc((100% / 3) - 2em);
	margin:0 1em 2em;
	padding:1em 0.4em 0.4em;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:10px;
}
#ds_function figure{margin:0 0 1em;padding:0 4em;}
#ds_function h4{font-weight:bold;text-align:center;}
#ds_function div{margin:0;text-align:center;}

#ds_eccube h3{position:relative;}
#ds_eccube h3 img{
	height:26px;
	width:auto;
	position:absolute;
	top:0px;
	left:120px;
}
#ds_eccube .ds_contents{display:flex;flex-wrap:wrap;}
#ds_eccube .ds_contents figure{width:30%;margin-right:1em;}
#ds_eccube .ds_contents div{width:calc(70% - 1em);margin:0;}

#ds_customize .ds_contents{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#ds_customize article{
	width:calc(100% / 2);
	padding:0 1em;
	box-sizing:border-box;
}
#ds_customize article h4{
	font-weight:bold;
	margin-bottom:0.4em;
	text-align:center;
}
#ds_customize article figure{
	width:50%;
	margin:0 auto 1em;
	padding:1em;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:10px;
}

#ds_price table{margin:0;}
#ds_price table th{width:30%;}
#ds_price table td{width:70%;}


#ds_example .ds_contents{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#ds_example table caption{
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#33B0FF;
	padding:0.4em;
}
#ds_example table.first_table{margin-bottom:2em;}
#ds_example table.next_table{}

#ds_example table th{width:30%;background-color:#ffefef;}
#ds_example table td{
	text-align:center;
	vertical-align:middle;
}
#ds_example table.first_table tr td:nth-of-type(1),
#ds_example table.next_table tr td:nth-of-type(1){text-align:left;}

#ds_example table.first_table tr td:nth-of-type(2),
#ds_example table.next_table tr td:nth-of-type(2){white-space:nowrap;text-align:right;min-width:134px;}


#ds_example .it_table{display:none;}
#ds_example .it_table h4{
	width:100%;
	font-weight:bold;
	text-align:center;
}
/*
#ds_example .it_table table{
	width:calc(50% - 1em);
	margin:0;
}
#ds_example .it_table table th{width:20%;}
#ds_example .it_table table td{width:30%;}
*/
#ds_example .it_table table.first_table{margin-bottom:1em;}
#ds_example .it_table table.next_table{margin-bottom:2em;}
#ds_example .it_table .it_hojo_example{margin-bottom:1em;width:100%;}
#ds_example .it_table .it_hojo_example dl{text-align:center;width:100%;margin-bottom:0;}
#ds_example .it_table .it_hojo_example dt{
	padding:0.4em 2em;
	border-bottom:1px solid #666;
	margin-bottom:0.4em;
	font-size:1.1em;
}
#ds_example .it_table .it_hojo_example dd{font-weight:bold;}
#ds_example .it_table .it_hojo_example dd span{font-weight:normal;font-size:0.8em;}




#ds_spec table{margin:0;}
#ds_spec table th{width:30%;}
#ds_spec table td{width:70%;}


#ds_welcart{margin-top:4em;}
#ds_welcart .ds_contents{
	display:flex;
	flex-wrap:wrap;
}

#ds_welcart .ds_contents figure{width:20%;margin-right:2em;}
#ds_welcart .ds_contents div{width:calc(80% - 2em);}

@media screen and (min-width:769px){
	.pc_none{display:none!important;}
}

@media screen and (max-width:768px){
	.sp_none{display:none!important;}
	#ds_gaiyou .ds_contents figure,
	#ds_gaiyou .ds_contents div{width:100%;margin:0.4em 0 0.4em;}
	#ds_support .ds_contents figure,
	#ds_support .ds_contents div{width:100%;margin:0.4em 0 0.4em;}

	#ds_function .ds_contents{display:block;flex-wrap:initial;}
	#ds_function article{width:100%;display:flex;margin:0 0 2em;}
	#ds_function figure{width:30%;padding:0;margin-right:1em;}
	#ds_function .dsf_contents{width:calc(70% - 1em);}
	#ds_function h4,
	#ds_function div{text-align:left;}


	#ds_eccube .ds_contents figure,
	#ds_eccube .ds_contents div{width:100%;margin:0.4em 0 0.4em;}
	#ds_customize article{width:100%;margin:0 auto 1em;}
	#ds_price table th,
	#ds_price table td{
		width:100%;
		box-sizing:border-box;
		text-align:center;
	}
	#ds_example table{width:100%;}
	#ds_example table.first_table{margin:0 0 1em;}
	#ds_example table th,
	#ds_example table td{
		width:100%;
		box-sizing:border-box;
		text-align:center;
	}
	#ds_example table.first_table tr td:nth-of-type(1),
	#ds_example table.next_table tr td:nth-of-type(1){text-align:center;}

	#ds_example table.first_table tr td:nth-of-type(2),
	#ds_example table.next_table tr td:nth-of-type(2){text-align:cente;}
	#ds_example table.first_table tr td:nth-of-type(2) br,
	#ds_example table.next_table tr td:nth-of-type(2) br{display:none;}


	#ds_spec table th,
	#ds_spec table td{
		width:100%;
		box-sizing:border-box;
	}

	#ds_welcart .ds_contents figure{width:100%;margin:0 4em 1em;}
	#ds_welcart .ds_contents div{width:100%;}
}


/*	IT導入補助 express	*/
#ithojo_page{
	font-family: "游ゴシック","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", sans-serif;
	font-size: 16px;
	line-height: 1.4;
	margin-top:72px;
}

#header .headmenu.itmenu li a:link,
#header .headmenu.itmenu li a:visited{width:160px;}

#header .headmenu.itmenu li.w200 a:link,
#header .headmenu.itmenu li.w200 a:visited{width:220px;}


#ithojo_page #container,
#ithojo_page #main{
	width: initial;
	float: initial;
}



.ithojo_main .ithojo_contents .ithojo_desc {
	width: 1000px;
	margin: 0 auto;
}

#ithojo_page table {
	border-collapse: collapse;
	width: 100%;
}

#ithojo_page table th,
#ithojo_page table td {
	padding: 0.6em;
	padding: 0.4em;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 0 auto;
}

header nav.ithojo_nav ul li{width:16%;}
header nav.ithojo_nav ul li:nth-of-type(3){width:22%;}
header nav.ithojo_nav ul li:nth-of-type(6){}

.ithojo_main{
	width:100%;
}


.ithojo_head_wrap{
	width:100%;
	height:420px;
	position:relative;
	background-image:url(./images/ithead_back.jpg);
	background-position-x: center;
	margin-bottom:2em;
}
.ithojo_head{
	position:absolute;
	top:20px;
	left:50%;
	transform:translate(-50%,0);
}

.ithojo_main .ithojo_contents{
	margin:-200px 0 2em;
	padding-top:200px;
}

.ithojo_main .ithojo_contents h3{
	padding:1em;
	margin:0 0 2em;
	background-color:#014678;
	color:#fff;
	box-sizing:border-box;
	text-align:center;
	font-size:20px;
}

.ithojo_main .ithojo_contents .ithojo_desc{
	width:1000px;
	margin:0 auto;
}

.ithojo_main .ithojo_contents .ithojo_desc table{
	margin-bottom:1em;
}

.ithojo_main .ithojo_contents .ithojo_desc table th,
.ithojo_main .ithojo_contents .ithojo_desc table td{text-align:center;}

#ithojo_about .ithojo_desc{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	padding:2em 0;
}

#ithojo_gaiyou{}

#ithojo_gaiyou table td dl dt{font-weight:bold;}
#ithojo_gaiyou table td dl{
	text-align:left;
	margin:0 auto;
	width:440px;
}
.support_table{}
.support_table td.sttd2{}
.support_table td.sttd3{}
.support_table td.sttd3 ul{list-style:disc;padding-left:2em;margin:0 2em 0;}
.support_table td.sttd3 ul li{text-align:left;}

#ithojo_price{}
#ithojo_price .pt_wrap{margin-bottom:2em;}
#ithojo_price table{}
#ithojo_price table.pt1{margin-bottom:0.4em;}
#ithojo_price table.pt2{}
#ithojo_price table caption{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	background-color:#206499;
	color:#fff;
	border:1px solid #ccc;
	border-bottom:none;
	padding:0.2em;
}
#ithojo_price .price_hojo{font-weight:bold;margin-bottom:1em;font-size:20px;text-align:center;color:#ff2626;}
#ithojo_price h4{font-size:20px;border-bottom:1px solid #666;margin-bottom:1em;font-weight:bold;}
#ithojo_price dl{padding:0 1em;margin-bottom:2em;}
#ithojo_price dt{border-bottom:2px dotted #ccc;margin-bottom:0.4em;font-weight:bold;}
#ithojo_price dt:nth-of-type(2){margin-top:1em;}
#ithojo_price dd{margin-bottom:0.4em;padding-left:2em;font-weight:bold;}
#ithojo_price dd span{font-size:0.8em;margin-left:1em;}
#ithojo_price ul{display:flex;}
#ithojo_price ul li{margin-right:3em;}


.feature_link{
	padding:2em;
	text-align:center;
	border-top:1px solid #666;
}

.feature_link.link_btn a:link,
.feature_link.link_btn a:visited{background-color:#ff8000;}


#ithojo_flow{}

#ithojo_flow figure{margin-bottom:2em;}
#ithojo_flow figure figcaption{
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #666;
	font-size:20px;
}

.if_wrap{}

.if_contents{
	text-align:left;
	border:1px solid #ccc;
	border-radius:10px;
	margin-bottom:2em;
	padding:1em;
	font-weight:bold;
}
.if_contents h4{
	font-weight:bold;
	text-indent:-4.3em;
	margin-left:4.3em;
}
.if_contents h4 span{
	margin-right:1em;
	font-weight:bold;
}
.if_contents .if_desc{font-weight:bold;}

.color_orange{color:#ff6600;}


.ithojo_contact{
	text-align: center;
	padding:2em;
}

.ithojo_head .ithojo_contact{
	padding:0;
}


.ithojo_contact.bottom_ithojo_contact{background-color:#efefef;}

.ithojo_contact a:link,
.ithojo_contact a:visited{
	padding: 0.4em 0.6em;
	border-radius: 0.2em;
	margin: 0 auto;
	box-sizing: border-box;
	display: block;
	width: 320px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	font-weight: bold;
	background-color: #ff2626;
}

.ithojo_contact a:hover,
.ithojo_contact a:active{opacity:0.8;}

#ithojo_link{margin-bottom:0;}

.itlink_wrap{
	width:980px;
	margin:0 auto;
	padding:2em 0;
}

.about_link{margin:0 0 1em;}

.about_link a:link,
.about_link a:visited{
	display:block;
	padding:1em;
	margin:0 auto;
	text-decoration:none;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background-color:#003060;
}

.about_link a:hover,
.about_link a:active{opacity:0.8;}

.itlink_wrap ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin-left:0;
	margin:0 4em 0;
}

.itlink_wrap ul li{
	width:50%;
	display:flex;
	align-items:flex-end;
}

.itlink_wrap ul li a:link,
.itlink_wrap ul li a:visited{text-decoration:none;}

.itlink_wrap ul li a:hover,
.itlink_wrap ul li a:active{opacity:0.8;}


.itlink_wrap ul li .pdficon{
	display:inline-block;
	height:2em;
	margin-left:1em;
}

.itlink_wrap ul li .pdficon img{
	height:100%;
	width:auto;
}

.tihojo_footer{border-top:1px solid #666;}

/*	IT導入補助 DK-Shop	*/
.ithojo2019_dkshop{}
#ithojo_page .ithojo2019_dkshop{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", sans-serif;
}

.ithojo2019_dkshop #ithojo_gaiyou,
.ithojo2019_dkshop #ithojo_price{font-size:14px;}


.ithojo2019_dkshop table th,
.ithojo2019_dkshop table td{
	vertical-align: middle;
	padding:1em !important;
}
.ithojo2019_dkshop table th{font-weight:bold;background-color:#efefef;}
.ithojo2019_dkshop #ithojo_gaiyou table td dl{width:520px;}
.ithojo_main .ithojo2019_dkshop .ithojo_contents h3.ds_h3{
	padding:0.4em;
	margin:0 0 1em;
	font-size:16px;
	background-color:#2692FF;
}


.ithojo2019_dkshop .ds_section{margin:0 0 2em;}
.ithojo2019_dkshop .ds_contents,
.ithojo2019_dkshop #ds_function div.ds_contents{
	width:900px;
	margin:0 auto;
	font-size:14px;
}
.ithojo2019_dkshop #ds_gaiyou .ds_contents,
.ithojo2019_dkshop #ds_support .ds_contents,
.ithojo2019_dkshop #ds_design .ds_contents{text-align:left;}

.ithojo2019_dkshop #ds_function{margin-bottom:0;}

.ithojo2019_dkshop #ithojo_price table caption {
    font-size:16px;
    background-color: #2692FF;
    padding: 0.4em;
}
.ithojo2019_dkshop #ithojo_price table th{background-color:#ffefef;}
.ithojo2019_dkshop #ithojo_price .pt_wrap{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.ithojo2019_dkshop #price_table1 th,
.ithojo2019_dkshop #price_table2 th{width:40%;}

.mw_wp_form span.horizontal-item{
	display:inline-block;
	margin-left:10px;
}

.fixed_wrap{
	position:fixed;
	bottom:40px;
	right:80px;
	width:60px;
}
.fixed_wrap.no-display{display:none;}
.fixed_wrap div{
	margin:20px 0;

}

.fixed_wrap div a:link,
.fixed_wrap div a:visited{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	font-size:12px;
	color: rgba(102,102,102,0.6);
	box-sizing:border-box;
	border-style: solid;
	border-width: 2px;
	border-color: rgba(102,102,102,0.6);
	border-radius: 10px;
	background-color: rgba(230,250,255,0.6);
	opacity: 0.8;
	width:60px;
	height:60px;
	font-weight:bold;
}
.fixed_wrap div#link1 a:link,
.fixed_wrap div#link1 a:visited{
	color:#FF2626;
	border-color:#FF2626;
	background-color: rgba(250,230,255,0.8);
	width:120px;
}

.fixed_wrap div a:hover,
.fixed_wrap div a:active{
	color: #FF9326;
	color:#2626ff;
	border-color: #FF9326;
	border-color:#2626FF;
	background-color: rgba(230,250,255,0.8);
	opacity: 1;
}

.fixed_wrap div#link1 a:hover,
.fixed_wrap div#link1 a:active{
	color:#FF2626;
	border-color:#FF2626;
	background-color: rgba(250,230,255,0.8);
}
.fixed_wrap div#link2{margin:20px 25px 0;}

.fixed_wrap div a:link span,
.fixed_wrap div a:visited span{font-weight:bold;}


/*	WEB運用サポートconcierge	*/
.font20{font-size:20px;}
.padding10{padding:10px;}
.bold{font-weight:bold;}
.align-l{text-align:left;}
.align-r{text-align:right;}
.align-c{text-align:center;}

#concierge_page{
	font-family: "游ゴシック","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", sans-serif;
	font-size: 18px;
	line-height: 1.4;
	margin-top:72px;
}

#concierge_page img{max-width:100%;}

#concierge_image{
	position:relative;
	height:500px;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}

#concierge_image img.wcslogo{
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
}

#concierge_image .img_area{
	width:2200px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-image:url(./images/topslide_image.jpg);
	background-size:cover;
	background-repeat:no-repeat;

	background-color:#5C5C5C;
}

#concierge_image figure.cptopimg1{
	position:relative;
	width:960px;
	height:300px;
	margin:100px auto;
}

#concierge_image figure.cptopimg1 img.mainimage{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#concierge_image figure.cptopimg1 img.main_image{opacity:0;}
#concierge_image figure.cptopimg1 img.catch_img1,
#concierge_image figure.cptopimg1 img.catch_img2{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:8;
	opacity:0;
}


#concierge_image figure.cptopimg1 img.catch_img3{
	position:absolute;
	top:-30px;
	left:30px;
	z-index:8;
	opacity:0;
}


#concierge_image figure.cptopimg1 .content_link{
	opacity:0;
	width:540px;
	position:absolute;
	top:130px;
	left:90px;
	z-index:8;
	text-align:left;

}

#concierge_image figure.cptopimg1 .content_link a:nth-of-type(1),
#concierge_image figure.cptopimg1 .content_link a:nth-of-type(2){width:540px;}

#concierge_image figure.cptopimg1 .content_link a:nth-of-type(3),
#concierge_image figure.cptopimg1 .content_link a:nth-of-type(4),
#concierge_image figure.cptopimg1 .content_link a:nth-of-type(5),
#concierge_image figure.cptopimg1 .content_link a:nth-of-type(6){width:266px;}


#concierge_image figure.cptopimg1 .content_link a:link,
#concierge_image figure.cptopimg1 .content_link a:visited{
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	box-sizing:border-box;
	padding:6px 20px;
	background-color:#FFF;
	border:2px solid #666;
	border-radius:40px;
	margin-bottom:10px;
}

#concierge_image figure.cptopimg1 .content_link a:link span,
#concierge_image figure.cptopimg1 .content_link a:visited span{margin-right:10px;}


#concierge_image figure.cptopimg1 .content_link a:hover,
#concierge_image figure.cptopimg1 .content_link a:active{
	color:#fff;
	background-color:#206499;
	border-color:#fff;
}

#concierge_image figure.cptopimg1 .content_link a:hover span,
#concierge_image figure.cptopimg1 .content_link a:active span{color:#fff;}


#concierge_page #container,
#concierge_page #main{
	width:initial;
	float:initial;
}


#concierge_page section{}

#concierge_page section h3{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	padding:20px;
	background-color:#206499;
	margin:0;
}

#concierge_page section .entry{
	border:none;
	margin:0 auto;
	text-align:left;
}

#target_theme{}

#target_theme article{
	background-color:#f9f9f9;
	border:1px solid #ccc;
	border-radius:10px;
	padding:20px;
	margin-bottom:20px;
}

#target_theme article.case1{}
#target_theme article.case2{text-align:right;}
#target_theme article.case3{}
#target_theme article.case4{text-align:right;}

#target_theme ul{
	text-align:left;
	width:608px;
	padding:20px;
	margin:0 10px;
	border:1px solid #ccc;
	border-radius:10px;
	display:inline-block;
	background-color:#fff;
}


#target_theme figure{
	display:inline-block;
	vertical-align:middle;
}

#target_theme figure img{
	width:138px;
	padding:10px;
	border:1px solid #333;
	border-radius:10px;
	background-color:#fff;
	overflow:hidden;

}

#target_theme figure figcaption{
	display:none;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	background-color:#FFFFFF;
	border:1px solid #333;
}

#target_theme .other_case{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	padding:20px 20px 10px;
}

.click_btn{text-align:center;}

.click_btn a:link,
.click_btn a:visited{
	color:#333;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ccc;
	border-radius:20px;
	padding:6px 40px;

}

.click_btn a:hover,
.click_btn a:active{background-color:#efefef;}

#concierge_support{
	background-color:#efefef;
}

#concierge_support .cs_list{
	padding:20px;
	border:1px solid #ccc;
	border-radius:10px;
	background-color:#fff;
}

#concierge_support .cs_list h4{
	font-weight:bold;
	text-align:center;
	color:#333;
	font-size:18px;
	padding:4px;
	margin:0;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,77) 0%,rgb(217,217,0) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,77)),color-stop(1, rgb(217,217,0)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,77) 0%,rgb(217,217,0) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,255,77) 0%,rgb(217,217,0) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,77) 0%,rgb(217,217,0) 100%);
	border:2px solid #D9D900;
}

#concierge_support .cs_list ul{list-style: outside;}
#concierge_support .cs_list ul li{margin-left:1em;}

#concierge_support dl{padding:20px;}
#concierge_support dl dd{margin-bottom:1em;}

#concierge_support dl dd img{
	float:right;
	width:120px;
	height:auto;
	margin-left:1em;
}

#dk_excel{}

#service_flow{font-size:0;}

#service_flow section{
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	width:238px;
	height:278px;
	padding:10px;
	margin:0 60px 30px 0;
	border:1px solid #206499;
	border-radius:10px;
	position: relative;
}

#service_flow section.sf1:after,
#service_flow section.sf2:after{
	content:url(./images/sfarrow.gif);
	position:absolute;
	top:80px;
	right:-50px;
}
#service_flow section.sf4,
#service_flow section.sf5{
	margin: 0 0 30px 60px;
}
#service_flow section.sf4:before,
#service_flow section.sf5:before{
	content:url(./images/sfarrow.gif);
	position:absolute;
	top:50px;
	left:-50px;

}

#service_flow section.sf3{margin-right:0;}
#service_flow section.sf4,
#service_flow section.sf5{height:198px;}
#service_flow section.sf5{
	margin-right:0;
	width:498px;
}



#service_flow .sf5 figure,
#service_flow .sf5 .sf_content{
	display:inline-block;
	vertical-align:middle;
}

#service_flow .sf5 .sf_content{width:310px;}

#service_flow .sf5 .sf_content ul{
	list-style: initial;
}

#service_flow section h4{
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#service_flow section figure{text-align:center;}

#service_flow section figure img{
	width:160px;
	height:auto;
}


#plan_cost{background-color:#efefef;}

#plan_cost .cost_table{
	padding:20px;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:10px;
}

#plan_cost table th,
#plan_cost table td{text-align:center;}


#customer_voice{}

.cvh4{
	font-size:20px;
	font-weight:bold;
	padding:10px;
	background-color:#BFEFFF;
	width:960px;
	margin:0 auto;
}

#customer_voice article{
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	margin:0 0 20px;
	background-color:#fff;
}

#customer_voice article h4{
	font-weight:bold;
	font-size:18px;
}

#customer_voice figure,
#customer_voice dl{
	display:inline-block;
	vertical-align:top;
}

#customer_voice figure{
	width:260px;
	margin-right:10px;
}

#customer_voice figure img{
	width:240px;
	height:auto;
}

#customer_voice dl{width:620px;}
#customer_voice dl dt{margin-bottom:0;}


#customer_voice .cv_contents{}

#contact{}

.tel_area{background-color:#fff;}
.tel_area div{
	text-align:right;
	width:880px;
	padding:20px 10px 10px;
	margin:10px auto 0;
}

.tel_area div span{
	font-size:18px;
	font-weight:bold;
	display:inline-block;
}

.contact_link{
	background-color:#fff;
	padding:20px 20px 40px;

}

.contact_link a:link,
.contact_link a:visited{
	color:#FFF;
	font-weight:bold;
	font-size:24px;
	text-decoration:none;
	padding:10px 40px;
	border:2px solid #FF2626;
	border-radius:10px;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,77,77) 0%,rgb(217,0,0) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,77,77)),color-stop(1, rgb(217,0,0)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,77,77) 0%,rgb(217,0,0) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,77,77) 0%,rgb(217,0,0) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,77,77) 0%,rgb(217,0,0) 100%);
	display:inline-block;
}

.contact_link a:hover,
.contact_link a:active{}

#footerframe.concierge_footer{
	background-color:#5C5C5C;
}

#footerframe.concierge_footer a,
#copyright{color:#fff;}

.concierge_footer #footer{}

.concierge_footer #footer .footerarea{}


@media screen and (max-width:768px){
	#concierge_page{margin-top:120px;}
	#concierge_image{
		height:100%;
		padding:32% 0 0;
	}
	#concierge_image .img_area{
		width:100%;
		height:auto;
	}
	#concierge_image figure.cptopimg1{
		width:100%;
		height:auto;
		margin:0;
	}

	#concierge_image figure.cptopimg1 .main_img{
		width:100%;
	}
	#concierge_image figure.cptopimg1 .catch_img1,
	#concierge_image figure.cptopimg1 .catch_img2,
	#concierge_image figure.cptopimg1 .catch_img3{
		width:60%;
		top:50% !important;
	}

	#concierge_image figure.cptopimg1 .content_link {
		display:none;
	}

	#concierge_page section{}
	#concierge_page section h3{font-size:20px;}

	#target_theme article{padding:10px;}

	#target_theme ul{
		width:60%;
		padding:10px;
	}

	#target_theme figure{
		width:20%;
		vertical-align:bottom;
	}

	#target_theme figure img{
		width:100%;
		box-sizing:border-box;
		padding:2px;
}
	#concierge_support dl dd figure{text-align:center;}
	#concierge_support dl dd img{
		float:initial;
		margin:0;
	}


	#service_flow .entry{
		width:100%;
		box-sizing:border-box;
	}

	#service_flow section,
	#service_flow section.sf4
	#service_flow section.sf5{
		width:100% !important;
		margin:0 0 80px 0 !important;
		box-sizing: border-box;
		height:initial !important;
	}
	#service_flow section.sf5{margin:0 !important;}
	#service_flow section.sf5 figure{
		display:block !important;
	}

	#service_flow .sf5 .sf_content{
		width:initial;
		padding:0 20px;
	}

	#service_flow section.sf1:after,
	#service_flow section.sf2:after{
		transform: rotate(90deg);
		top:initial;
		bottom:-90px;
		right:50%;
		left:50%;

	}

	#service_flow section.sf4:before,
	#service_flow section.sf5:before{
		transform: rotate(90deg);
		top:-130px;
		left:50%;
		right:50%;
	}

	#customer_voice figure{
		width:initial;
		display:block;
	}

	.cvh4,
	#customer_voice dl{width:initial;}

	.tel_area div{
		width:initial;
	}
	.contact_link a:link,
	.contact_link a:visited {
		font-size:18px;
		padding:10px;
	}
}

/*	ホームページってなに？/ホームページ制作の流れ	*/

.hp_about{}

.hp_about article{margin:0 auto 20px;}
.hp_about article h3{color:#0070C0;font-size:1.5em;text-align:center;width:100%;}
.hp_about article h4{font-weight:bold;}

.hp_concept{display:flex;flex-wrap:wrap;}
.hp_concept h4{font-weight:bold;text-align:center;}
.hp_concept01{
	width:47%;
	background-color:#B2DFF8;
	border:2px solid #0070C0;
	border-radius:10px;
	padding:10px;
	box-sizing:border-box;
	margin-right:2%;
}
.hp_concept02{
	width:47%;
	background-color:#C5E0B4;
	border:2px solid #00B050;
	border-radius:10px;
	padding:10px;
	box-sizing:border-box;
}

.hp_concept01 img,
.hp_concept02 img{width:100%;height:auto;}

.hp_flow{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items:baseline;
}

.hp_flow div{
	width:240px;
	margin:0 20px 20px;
	position:relative;
}
.hpf01{order:1;}
.hpf02{order:2;}
.hpf03{order:3;}
.hpf04{order:6;}
.hpf05{order:5;}
.hpf06{order:4;}

.hpf01:after{
	content:url(https://dejikichi.com/wp-content/uploads/2019/07/hpf_arrow.gif);
	width:30px;
	height:30px;
	position:absolute;
	top:70px;
	right:-25px;
}

.hpf02:after{
	content:url(https://dejikichi.com/wp-content/uploads/2019/07/hpf_arrow.gif);
	width:30px;
	height:30px;
	position:absolute;
	top:70px;
	right:-45px;
}
.hpf03{margin-bottom:50px!important;}
.hpf03:after{
	content:url(https://dejikichi.com/wp-content/uploads/2019/07/hpf_arrow.gif);
	width:30px;
	height:30px;
	position:absolute;
	top:275px;
	right:95px;
	transform:rotate(90deg);
}

.hpf04:after{
	content:url(https://dejikichi.com/wp-content/uploads/2019/07/hpf_arrow.gif);
	width:30px;
	height:30px;
	position:absolute;
	top:80px;
	left:-25px;
	transform:rotate(180deg);
}
.hpf05:after{
	content:url(https://dejikichi.com/wp-content/uploads/2019/07/hpf_arrow.gif);
	width:30px;
	height:30px;
	position:absolute;
	top:35px;
	left:-35px;
	transform:rotate(180deg);
}

.hp_flow div img{
	display:block;
	margin:0 auto 0.4em;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:180px;
}

.hp_flow div.hpf_contents{margin:0;}
.hp_flow div span{
	color:#fff;
	font-weight:bold;
	display:block;
	padding:0px 4px;
	margin-bottom:0.4em;
	border-radius:4px;
	background-color:#0070c0;
}

.hp_about article.hpabout04{margin-bottom:30px;}

/*	オプション
-------------------------------------------------*/

#option dl{
	border:1px solid #ccc;
	width:28%;
	margin:10px;
	border-radius:10px;
	display:inline-block;
	vertical-align:top;
	padding:10px;
}

#option dl dd{margin:0;}

#option dl dd.optionimage{
	text-align:center;
	width:240px;
	height:140px;
}

#option dl dd.optionimage img{
	max-height:140px;
	max-width:240px;
}

#option dl dt{}
#option dl dd.optionprice{
	text-align:right;
	font-weight:bold;
}

/*	ARCHIVE
-------------------------------------------------*/
.dk_about{
	border:1px solid #ccc;
	padding:10px;
	background-color:#FFF0DB;
	border-radius:10px;
	margin-bottom:1em;
}

.dk_about h3 span{
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
}

.dk_about p{
	text-indent:1em;
	margin-bottom:0.5em;
}

.archive-posts{border:1px solid #FF9326;}

@media screen and (max-width:768px){
	.dk_about h3{font-size:18px;}
}

/*	Q&A
-------------------------------------------------*/

.entry div.faqcontents{margin-bottom:20px;}
.faqcontents h3{margin-bottom:12px;}



.entry div.faq_catwrap{
	border-bottom:2px dotted #cccc;
	margin:0 20px 20px;
}

.faqcontents h4{
	font-weight:bold;
	margin-bottom:10px;
	font-size:18px;
}


.faqcontents dl{
	margin-left:50px;
	margin-bottom:40px;
}

.faqcontents dl dt{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:2px;
	text-indent:-44px;
}

.faqcontents dl dt span{
	margin-right:6px;
	font-weight:bold;
	font-size:16px;

	background-color:#2692FF;
	padding:4px 10px;
	border-radius:10px;
	color:#fff;
}

.faqcontents dl dd{margin-bottom:20px;}

@media screen and (max-width:768px){
	.faqcontents dl{
		width:inherit;
	}
}

/*	SIDE BAR
-------------------------------------------------*/
#sidebar {
	width:220px;
	margin-right:20px;
	margin-bottom:20px;
}

#sidebar.pfixed{
	position:fixed;
	top:110px;
}

#sidebar div.menu-case-menu-container,
#sidebar div.menu-cv-menu-container,
#sidebar div.menu-about_us-menu-container,
#sidebar dl{
	text-align:center;
	border:1px solid #ccc;
	margin-bottom:0;
}

#sidebar dl{margin-bottom:20px;}


#sidebar dl dt,
#sidebar h3{
	color:#fff;
	font-weight:bold;
	background-color:#73B9FF;
	border-bottom:1px solid #ccc;
	padding:6px 0;
	width:218px;
	margin-bottom:0;
}

#sidebar h3{
	width:218px;
	text-align:center;
	border:1px solid #ccc;
}

#sidebar div.menu-case-menu-container,
#sidebar div.menu-cv-menu-container,
#sidebar div.menu-about_us-menu-container{
	border-top:none;
	overflow: hidden;
}

#sidebar div.menu-case-menu-container li,
#sidebar div.menu-cv-menu-container li,
#sidebar div.menu-about_us-menu-container li,
#sidebar dl dd{
	border-bottom:1px solid #ccc;
	background-color:#fff;
	width:220px;
	width:100%;
	height:46px;
	margin:0;
	box-sizing:border-box;
}
#sidebar dl dd{position:relative;}

#sidebar div.menu-case-menu-container li:last-child,
#sidebar div.menu-cv-menu-container li:last-child,
#sidebar div.menu-about_us-menu-container li:last-child,
#sidebar dl dd:last-child{border:none;}


#sidebar div.menu-case-menu-container li a:link,
#sidebar div.menu-case-menu-container li a:visited,
#sidebar div.menu-cv-menu-container li a:link,
#sidebar div.menu-cv-menu-container li a:visited,
#sidebar div.menu-about_us-menu-container li a:link,
#sidebar div.menu-about_us-menu-container li a:visited,
#sidebar dl dd a:link,
#sidebar dl dd a:visited{
	font-size:12px;
	color:#333;
	text-decoration:none;
	padding:4px 8px;
	display:inline-block;
	width:202px;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

#sidebar dl dd.price_page_menu a:link,
#sidebar dl dd.price_page_menu a:visited{
	width:194px;
	margin-left:24px;
}


#sidebar div.menu-case-menu-container li a:link,
#sidebar div.menu-case-menu-container li a:visited,
#sidebar div.menu-cv-menu-container li a:link,
#sidebar div.menu-cv-menu-container li a:visited,
#sidebar div.menu-about_us-menu-container li a:link,
#sidebar div.menu-about_us-menu-container li a:visited,
#sidebar dl dd a:link.height2,
#sidebar dl dd a:visited.height2{
	padding:15px 8px;
}

#sidebar div.menu-case-menu-container li.current-menu-item a:link,
#sidebar div.menu-case-menu-container li.current-menu-item a:visited,
#sidebar div.menu-case-menu-container li a:hover,
#sidebar div.menu-case-menu-container li a:active,
#sidebar div.menu-cv-menu-container li.current-menu-item a:link,
#sidebar div.menu-cv-menu-container li.current-menu-item a:visited,
#sidebar div.menu-cv-menu-container li a:hover,
#sidebar div.menu-cv-menu-container li a:active,
#sidebar div.menu-about_us-menu-container li.current-menu-item a:link,
#sidebar div.menu-about_us-menu-container li.current-menu-item a:visited,
#sidebar div.menu-about_us-menu-container li a:hover,
#sidebar div.menu-about_us-menu-container li a:active,
#sidebar dl dd a:hover,
#sidebar dl dd a:active{
	background-color:#ffe;
	color:#FF8000;
}

#sidebar dl dd.current-menu-item a:link,
#sidebar dl dd.current-menu-item a:visited{
	font-weight:bold;
	color:#FF8000;
}

#sidebar dl dd span{
	display: inline-block;
	position: absolute;
	top: 0;
	left: -2px;
	height: 100%;
	border-right: 1px solid #ccc;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding-right: 1px;
	background-color: #ffb;
}

@media screen and (max-width:768px){
	#sidebar {
		width:100%;
		margin-right:0;
		overflow: hidden;
	}
	#sidebar.pfixed{
		position:initial;
	}

	#sidebar h3{width:100%;}
	#sidebar dl dt{
		width:100%;
	}

	#sidebar div.menu-case-menu-container li,
	#sidebar div.menu-cv-menu-container li,
	#sidebar div.menu-about_us-menu-container li,
	#sidebar dl dd{
		width:100%;
	}

	#sidebar div.menu-case-menu-container li a:link,
	#sidebar div.menu-case-menu-container li a:visited,
	#sidebar div.menu-cv-menu-container li a:link,
	#sidebar div.menu-cv-menu-container li a:visited,
	#sidebar div.menu-about_us-menu-container li a:link,
	#sidebar div.menu-about_us-menu-container li a:visited,
	#sidebar dl dd a:link,
	#sidebar dl dd a:visited{
		width:100%;
	}
}


/*	2018カレンダー
-------------------------------------------------*/
#post-1941,
#post-2054{}

#post-1941 h3,
#post-2054 h3{
	font-size:16px;
	border-bottom:2px solid ;
}

#post-1941 ul,
#post-2054 ul{
	list-style:none;
	font-size:0;
}
#post-1941 ul li,
#post-2054 ul li{
	display:inline-block;
	border:1px solid #ccc;
	padding:10px;
	margin:10px;
	vertical-align:top;
	border-radius:10px;
}

#post-1941 ul li.type_a img,
#post-1941 ul li.type_b img,
#post-1941 ul li.type_c img,
#post-2054 ul li.type_a img,
#post-2054 ul li.type_b img,
#post-2054 ul li.type_c img{
	width:auto;
	height:160px;
	margin-bottom:4px;
}
#post-1941 ul li a,
#post-2054 ul li a{
	display:block;
	font-size:16px;
	text-decoration:none;
	color:#333;
	text-align:center;
}
#post-1941 ul li a:hover,
#post-2054 ul li a:hover{opacity:0.8;}

#post-2054 .dl_btn{text-align:center;padding:2em 0 1em;}
#post-2054 .dl_btn a:link,
#post-2054 .dl_btn a:visited{
	display:block;
	width:300px;
	color:#fff;
	border-radius:10px;
	text-decoration:none;
	font-weight:bold;
	padding:0.4em;
	margin:0 auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffafaf+0,ff2626+100 */
	background: #ffafaf; /* Old browsers */
	background: -moz-linear-gradient(top, #ffafaf 0%, #ff2626 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffafaf 0%,#ff2626 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffafaf 0%,#ff2626 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffafaf', endColorstr='#ff2626',GradientType=0 ); /* IE6-9 */
}
#post-2054 .dl_btn a:hover,
#post-2054 .dl_btn a:active{opacity:0.8;}
/*	FORM
-------------------------------------------------*/
.mw_wp_form table{margin-bottom:10px;}

.mw_wp_form p{text-align:center;}
mw_wp_form th {
    width: 20%;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    background-color: #f3f3f3;
}
.mw_wp_form td {
    width: 80%;
}
.mw_wp_form input{
	font-size:16px;
	padding:4px 12px;
	cursor:pointer;
}

.mwform-radio-field{display:inline-block;}

.genkyou{
	font-weight:bold;
	margin:0 6px 0 2em;
}

.hissu {
    color: #ff0000;
    display: inline-block;
    float: right;
}
.mw_wp_form_preview .hissu{display:none;}
.send_btn_area{
	text-align: center;
	padding: 1em;
}

.mw_wp_form input[type="submit"]{
	margin:0 1em;
	font-size: 1rem;
	padding: 0.4em;
	border: 1px solid #d3d3d3;
}

@media screen and (max-width:768px){
	.genkyou{
		display:block;
		margin:0;
	}
}

table.contactform{}
/*	FOOTER
-------------------------------------------------*/
.inquirylink{
	text-align:center;
	margin:10px 0;
}

#pagetop{display:none;}

#pagetop.top_btn{
	display:inline-block;
	position:fixed;
	right:20px;
	bottom:40px;
/*
	border:2px solid #0443FF;
*/
	border-style:solid;
	border-width:2px;
	border-color:rgba(102,102,102,0.6);
	border-radius:10px;
	background-color:rgba(230,250,255,0.6);
	opacity:0.8;
}

#pagetop.top_btn:hover{
	border-color:#FF9326;
	background-color:rgba(230,250,255,0.8);
	opacity:1;
}

#pagetop a:link,
#pagetop a:visited{
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding:12px 4px;
	text-align:center;
	line-height:1.4;
	color:rgba(102,102,102,0.6);
}

#pagetop a:hover,
#pagetop a:active{
	color:#FF9326;
}

#pagetop.no-display{display:none;}

@media screen and (max-width:768px){
	#pagetop.top_btn{
		right:20px;
		bottom:80px;
	}
}

#footerframe{
	padding:0px 10px 10px 10px;
	background-color:#FFFBEE;
	margin-top:20px;
}

@media screen and (max-width:768px){
	#footerframe{
		margin:0;
		padding:10px;
	}
}

#footerframe .footerimage{
	display:inline-block;
	margin:0 auto;
}
	#footerframe .footerimage img{
		display:inline-block;
		width:100%;
	}

@media screen and (max-width:768px){
	#footerframe .footerimage{}
	#footerframe .footerimage img{
		display:inline-block;
		width:100%;
	}
}

#footerframe .contact,
#footer .footerarea{
	text-align:left;
	width:960px;
	padding:0 20px;
	margin:20px auto;
}

@media screen and (max-width:768px){
	#footerframe .contact,
	#footer .footerarea{
		width:100%;
		display:inline-block;
		padding:0;

	}
}

#footer .footerarea{width:1160px;}

#footer .footerarea{margin-bottom:0;}
#footerframe .contact .footerinfo1{
	display:inline-block;
	width:360px;
	margin-bottom:1em;
}

#footerframe .contact .footerinfo2{
	display:inline-block;
	width:360px;
}

#footerframe .contact .footerinfo2 span{
	display:block;
}

#footerframe .contact .footerinfo2 a:link,
#footerframe .contact .footerinfo2 a:visited,
.inquirylink a:link,
.inquirylink a:visited{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	float:right;
	text-decoration:none;
	border:1px solid #FF2626;
	padding:6px 64px;
	margin-top:10px;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,115,115)),color-stop(1, rgb(255,153,153)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,115,115) 0%,rgb(255,153,153) 100%);
}

.inquirylink a:link,
.inquirylink a:visited{
	float:initial;
	padding:6px 64px;

}

#footerframe .contact .footerinfo2 a:hover,
#footerframe .contact .footerinfo2 a:active,
.inquirylink a:hover,
.inquirylink a:active{
	background-image:none;
	background-color:#FF9326;
	background-color:#fff;
	border-color:#FF2626;
	color:#ff2626;
}

#footer {
	border-top:2px solid #ccc;
	clear:both;
}

@media screen and (max-width:768px){


	#footer .footerarea{width:100%;}
	#footerframe .contact .footerinfo1{
		float:inherit;
		width:100%;
		margin-bottom:20px;
	}

	#footerframe .contact .footerinfo2{
		float:inherit;
		text-align:center;
		width:100%;
	}

	#footerframe .contact .footerinfo2 a:link,
	#footerframe .contact .footerinfo2 a:visited{
		text-align:center;
		float:inherit;
	}
	#footerframe .contact .footerinfo2 span{
		text-align:left;
		display:inline-block;
		
	}

	#footer{width:100%;}
}


.sitelink{text-align:left;}

.sitelink div{
	display:inline-block;
	vertical-align:top;
	margin-right:2em;
}
.sitelink div ul{
	margin-left:1em;
	margin-bottom:0;
	display:inline-block;
	vertical-align:top;
}

.sitelink div a:link,
.sitelink div a:visited,
.sitelink div ul li a:link,
.sitelink div ul li a:visited{
	display:block;
}

@media screen and (max-width:768px){
	.sitelink{padding:0 10px;}
	.sitelink div{
		display:block;
		margin-right:10px;
	}
	.sitelink a:link,
	.sitelink a:visited{margin-bottom:0.4em}
}

.footerarea {}

.footerarea ul{
	margin-bottom:20px;
	text-align:left;
}

#footerarea ul li{
	margin-right:1em;
}
@media screen and (max-width:768px){
	.footerarea ul li{
		display:block;
		margin-right:1em;
	}
	.footerarea ul li.recpost{margin-left:1em;}
}
.footerarea ul li.linkdk{display:block;}

.footerarea p#copyright {
	text-align:right;
	font-size:14px;
}
.footerarea p#copyright span{
	white-space:nowrap;

}



/*	導入実績
-------------------------------------------------*/
.inpage_navi {margin-bottom:20px;}

.inpage_navi a:link,
.inpage_navi a:visited {
	display:inline-block;
	padding:4px 10px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	width:166px;
	border:1px solid #ccc;
	text-align:center;
	background-image:-moz-linear-gradient(34% 0% -90deg,rgb(255,255,255) 0%,rgb(221,221,221) 100%); 
	background-image:-webkit-gradient(linear,34% 0%,34% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(221,221,221)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(221,221,221) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(221,221,221) 100%);
}

@media screen and (max-width:768px){
	.inpage_navi a:link,
	.inpage_navi a:visited {
		width:inhert;
		margin: 1px 10px;
		border-radius:20px;
	}
}
.inpage_navi a:hover,
.inpage_navi a:active {
	color:#11c;
	background-image:none;
	background-color:#999;
}

.inpage_navi a:active {
	background-color:#fff;
	color:#11c;
	box-shadow:3px 3px 3px inset;
}

#post-sc dl.customer_blc,
div[id^="post-cfcase"] dl.customer_blc {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 5px;
	margin: 0 10px 10px 0;
	width: 272px;
	text-align:center;
}

#post-sc dl.customer_blc:hover,
div[id^="post-cfcase"] dl.customer_blc:hover {
	border: 1px solid #11c;
	opacity:0.6;
	color:#11c;
}

#post-sc dl.customer_blc dt,
div[id^="post-cfcase"] dl.customer_blc dt {
	height:2em;
	font-size:16px;
	font-weight:initial;
	text-align:left;
	margin-left:0.4em;
}

#post-sc dl.customer_blc a:link,
div[id^="post-cfcase"] dl.customer_blc a:link,
#post-sc dl.customer_blc a:visited,
div[id^="post-cfcase"] dl.customer_blc a:visited{
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	line-height:1;
}

#post-sc dl.customer_blc a:hover,
div[id^="post-cfcase"] dl.customer_blc a:hover,
#post-sc dl.customer_blc a:active,
div[id^="post-cfcase"] dl.customer_blc a:active{
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	color:#11c;
	line-height:1;
}

#post-sc dl.customer_blc dd,
div[id^="post-cfcase"] dl.customer_blc dd {
	margin:0;
	padding:0;
}

.caseposts{margin-bottom:20px;}

#post-cfcase0{}

#post-cfcase0 dl dt span{
	float:right;
	margin-right:0.4em;
}

img.w200h150 {
    width: 198px;
    height: 148px;
}

img.w260h194 {
    width: 258px;
    height: 192px;
}

@media screen and (max-width:768px){
	#post-sc dl.customer_blc,
	div[id^="post-cfcase"] dl.customer_blc {
		display: inline-block;
		vertical-align: top;
		border: 1px solid #999;
		border-radius: 5px;
		padding: 5px;
		margin: 0 6px 10px 6px;
		width: 40%;
	}
	img.w200h150 {
	    width: 100%;
	    height: auto;
	    border: 1px solid #333;
	}

	img.w260h194 {
	    width: 100%;
	    height: auto;
	    border: 1px solid #333;
	}
}

/*	HACK
-------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{clear:both;}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

/* よく使うCSS start

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

時々使うCSS3 end */