@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
/*
Theme Name: SKD
*/
/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

wordpress theme　初期設定より流用

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/*リセット*/
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:none;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color:#333333;
	line-height:1.5;
}

html {
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}


blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}
b,
em,
strong {
	color:inherit;
}

/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}





/**
 * 5.0 Forms
 */

button,
input,
select,
textarea {
	background-color: #f7f7f7;
	border-radius: 0;
	line-height: 1.5;
	margin: 0;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.4);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	border-radius:4px;
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"] {
	padding: 6px;
	width: calc(100% - 14px);
	line-height:1.1;
}
textarea {
	padding: 6px;
	width: calc(100% - 12px);
	line-height:1.5;
}
input[type="search"]{
	padding: 6px;
	width: 100%;
	line-height:1.1;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

.post-password-form {
	position: relative;
}

.post-password-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.post-password-form input[type="submit"] {
	padding: 0.7917em;
	position: absolute;
	right: 0;
	bottom: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}

.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}



/*
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
*/



































/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

基本設定

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
a:link,
a:visited {
color:#333333;
text-decoration:underline;
}
a:hover,
a:active {
color:#000000;
text-decoration:none;
}


/*========== iPhone PortlaitとLandscapeの切り替え時に文字が拡大されないようにするハック ==========*/
html {
-webkit-text-size-adjust: 100%;
}


/*ページ基本設定*/
html, body {
   	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:300;
	/*background-image:url(images/background-test.jpg);*/
	background-size:cover;
	background-position:center top;
	background-attachment:fixed;
	min-height:100%;
}

/*bodyを10pxで統一*/ 
/* for lte ie6 */
* html body {
	font-size: 62.5%;
} 
/* for ie7 */
*:first-child+html body {
	font-size: 62.5%;
} 
 /* for ie8 */
html>/**/body {
	font-size: 62.5%;
}
 /* for modern browser not ie8 */
html:not(:target) body {
	font-size: 10px;
}



/*========== 文字サイズ ==========*/

/*標準　10pxを基準*/ 
html div.normal {
	font-size: 100%;
} 

/*大きめ　12pxを基準*/
html div.large {
	font-size: 120%;
} 

h1, h2, h3, h4, h5, h6, p {
	font-size:100%;
}

/*========== 文字サイズ変更 ==========*/
#ts {
	position:absolute;
	display:block;
	height:40px;
	z-index:10000;
	top:0px;
	right:0px;
	width:100%;
	box-shadow: 0px 0px 2px 0 rgba(255, 255, 255, 0.3);
	background: linear-gradient(to bottom,rgba(128,128,128,0.7),rgba(51,51,51,0.7));
}


#ts ol {
	position:absolute;
	display:block;
	list-style-type:none;
	height:40px;
	top:0px;
	right:0px;
}
#ts li {
	line-height:40px !important;
	float:left;
	padding:0px 16px;
	position:relative;
}
#ts li a {
	line-height:40px !important;
	display:block;
	text-align:center;
	padding:0px;
	margin:0px;
}
#ts li a::before {
  content: "";
  display: inline-block;
  border: 6px solid transparent;
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -7px;
}


#ts li#tsn {
	font-size:14px !important;
}
#ts li#tsl {
	font-size:16px !important;
}
#ts a:link,
#ts a:visited {
	text-decoration:none;
}
#ts a:hover,
#ts a:active {
	text-decoration:underline;
}

/*標準文字の場合*/
.normal #ts li#tsn a {
	color:#FFFFFF;
}
.normal #ts li#tsl a:link,
.normal #ts li#tsl a:visited,
.normal #ts li#tsl a:hover, 
.normal #ts li#tsl a:active {
	color:#CCCCCC;
}
.normal #ts li#tsn a::before {
	border-left-color: #FFFFFF;
}
.normal #ts li#tsl a::before {
	border-left-color: #666666;
}

/*大きめ文字の場合*/
.large #ts li#tsl a {
	color:#FFFFFF;
}
.large #ts li#tsn a:link, 
.large #ts li#tsn a:visited,
.large #ts li#tsn a:hover, 
.large #ts li#tsn a:active {
	color:#CCCCCC;
}
.large #ts li#tsl a::before {
	border-left-color: #FFFFFF;
}
.large #ts li#tsn a::before {
	border-left-color: #666666;
}



input,
textarea,
button {
	font-size:110%;
}











/*基本レイアウト*/
#wrap {
	padding-top:50px;
	background:inherit;
	position:relative;
}
/* ブラー効果 */
.blur {
	position:relative;
	background:inherit;
	margin:0px 8px 10px;
	clear:both;
}

.blur:before {
	content: '';
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	background: inherit;
	-webkit-filter: blur(4px) saturate(2);
	-moz-filter: blur(4px) saturate(2);
	filter: blur(4px) saturate(2);
	filter: url(images/filters.xml#blur_saturate);

}
.smoke {
	padding:16px 8px;
	position: relative;
	background: rgba(255,255,255,0.6);
	border-radius:8px;
	box-shadow:0px 0px 4px #666699;
}



 #content {
	 position:relative;
 }

#menu_btn {
	width:60px;
	height:40px;
	background-image:url(images/icon_menu.svg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center center;
}
#menu_btn label {
	cursor:pointer;
	display:block;
	width:60px;
	height:40px;
	text-indent:-5000px;
	overflow:hidden;
}







/*ヘッダー*/
header#pageheader {
	position:relative;
	margin-bottom:14px;
}
header h1#logo {
	width:200px;
	padding:0px 16px 10px 0px;
}
header h1#logo a {
	display:block;
	width:200px;
	height:59px;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
	background-image:url(images/logo.svg);
	background-size:contain;
}
#catchcopy {
	font-size:16px;
	color:#000000;
	text-align:center;
}


#catchcopy span:before {
	content:"\A";
	white-space: pre;
}


aside#today {
	font-family: 'Droid Sans Mono', monospace;
	position:absolute;
	right:0px;
	top:0px;
	text-shadow:0px 0px 4px #FFFFFF;
	opacity:0.5;
	color:#0068b2;
}
aside#today time {
	margin:0px;
	padding:0px;
	line-height:1;
	display:block;
}
time#day {
	font-size:34px;
	height:34px;
	float:left;
}
time#month,
time#weekday {
	font-size:16px;
	height:16px;
	text-align:right;
	float:right;
	clear:right;
}
time#year {
	font-size:30px;
	height:30px;
	clear:both;
	text-align:right;
}


header  .search-form input {
	max-width:calc(100% - 14px);
}










/*サイドバーメニュー*/
 
 #menubox {
	display:none;
}







/*SP用ナビゲーションメニュー*/
nav#gmenu {
	position:absolute;
	left:0px;
	top:40px;
	z-index:9999;
	width:100%;
}
nav#gmenu input[type="checkbox"].on-off{
    display: none;
}
nav#gmenu div#gmenubox {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

	border-radius:	0px 0px 6px 6px / 0px 0px 6px 6px;
	/*background-image:url(images/background-test.jpg);*/
	background-size:cover;
	box-shadow: 1px 0px 2px #666666;
}
nav#gmenu input[type="checkbox"].on-off + div#gmenubox {
	height: 0;
	overflow: hidden;
}
nav#gmenu input[type="checkbox"].on-off:checked + div#gmenubox {
	height: auto;
	padding-top:2px;
	background-color:#FFFFFF;
	border-radius:	0px 0px 6px 6px / 0px 0px 6px 6px;
	box-shadow:	0px 12px 12px 0 rgba(0, 0, 0, 0.6);
}
/*ナビゲーションメニューのリスト*/
nav#gmenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;

}
nav#gmenu ul li {
	clear:both;
	margin:0px;
	padding:10px 20px 6px;
	font-size:140%;
	/*背景線形グラデーション*/
	/*Other Browser*/
	background: #005dac;
	background: linear-gradient(	to bottom, rgba(204,204,204,1.0) 0%, rgba(255,255,255,0.8) 20%);
}
nav#gmenu ul li li {
	font-size:100%;
	background:transparent !important;
}

body nav#gmenu #m_close {
	border-top:solid 1px #CCCCCC;
	position:relative;
	border-width:1px;
	height:44px;
	padding:0px;
	border-radius:	0px 0px 6px 6px / 0px 0px 6px 6px;
	background: #005dac;
	background: linear-gradient(	to bottom, rgba(204,204,204,1.0) 0%, rgba(255,255,255,0.8) 20%);
}
body nav#gmenu #m_close label {
	display: block;
	padding: 0px;
	margin: 0;
	width:36px;
	height:36px;
	position:absolute;
	right:10px;
	top:4px;
	cursor:pointer;
	text-indent:-10000px;
	overflow:hidden;
	background-image:url(images/m_close.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:36px 36px;
}
nav#gmenu ul li a:link,
nav#gmenu ul li a:visited {
	color:#666666;
	text-decoration:none;
}
nav#gmenu ul li a:hover,
nav#gmenu ul li a:active {
	color:#000000;
	text-decoration:underline;
}

nav#gmenu ul li.current-menu-parent > a,
nav#gmenu ul li.current-menu-item > a {
	color:#000000;
	font-weight:500;
}
nav#gmenu ul li.current-menu-parent li a:link,
nav#gmenu ul li.current-menu-parent li a: visited {
	color:#666666;
	font-weight:300;
}
nav#gmenu ul li.current-menu-parent li a: hover,
nav#gmenu ul li.current-menu-parent li a: active {
	color:#000000;
	font-weight:300;
	
}
nav#gmenu ul li.current-menu-parent li.current-menu-item > a {
	color:#000000;
	font-weight:500;
}

















/*フッター*/
footer.blur {
	text-align:center;
}

footer.blur strong,
footer.blur em,
footer.blur address,
footer.blur small {
	font-style:normal;
}
footer.blur strong,
footer.blur em {
	font-size:140%;
	white-space:nowrap;
}
footer.blur em {
	font-family: 'Droid Sans Mono', monospace;
}
footer.blur strong {
	padding-right:1em;
}
footer.blur em a:before {
	content: url(images/icon_phone.svg);
	position:relative;
	left:-2px;
}
footer.blur small {
	font-size:10px !important;
	color:CCCCCC;
}


footer.blur div#sns {
	height:38px;
}
footer.blur div#sns div {
	display:inline-block;
}
footer.blur div#sns div.wp_social_bookmarking_light {
	padding:8px 0px !important;
}
footer.blur address span {
	white-space:nowrap;
}








/*記事部分*/
#primary {
	font-size:140%;
}
#primary h1 {
	color:#000000;
	font-weight:500;
	font-size:125%;
	padding:0px 0px 8px;
}
#primary h2 {
	color:#000000;
	font-weight:500;
	font-size:110%;
	padding:8px 0px;
}
#primary h3 {
	color:#000000;
	font-weight:400;
	padding:8px 0px;
}

.entry-content img {
	max-width:270px;
	height:auto;
	display:block;
	margin:0px auto 6px;
}
.entry-content p {
	padding-bottom:1em;
}
.entry-content hr {
	clear:both;
	border:solid 0px transparent;
	margin:1em 0px;
}
.entry-content strong {
	font-weight:500;
}

.alignleft, 
.alignright, 
.aligncenter {
	display:block;
	padding:0xp;
	margin:0px auto;
	float:none;
}


.entry-footer {
	clear:both;
	padding:24px 0px 0px 0px;
}

.entry-footer .entry-date,
.entry-footer .updated,
.entry-footer .byline,
.entry-footer .cat-links {
	display:none;
}

.entry-footer .tags-links:before {
	content:"分類タグ：";
}


.post-navigation {
	position:relative;
	clear:both;
	margin-top:20px;
	padding:10px 0px;
	min-height:20px;
}
.post-navigation:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.post-navigation #allcategories {
	border-top:dotted 1px #999999;
	clear:both;
	padding-top:8px;
	position:relative;
	top:8px;
}

.post-navigation .left {
	float:left;
}

.post-navigation .right {
	float:right;
}

.list-default {
	margin-left:1em;
	padding-left:1em;
	padding-bottom:1em;
}












/*アーカイブ／検索一覧*/
div.archive {
	clear:both;
	padding:0px 0px 16px 0px;
}
div.thumb {
	width:72px;
	text-align:center;
	float:left;
	margin:0px;
	padding:0px 0px 8px 0px;
}
div.thumb img {
	max-width:72px;
	max-height:72px;
	width:auto;
	height:auto;
}

div.archive:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:"";
}

.entry-summary,
.archive .entry-footer,
.search-results .entry-footer {
	padding:0px 0px 0px 80px;
}






/*トップページ*/
#primary h2#topinfo {
	color:#0068B2;
	font-weight:500;
	font-size:125%;
	line-height:20px;
	padding:0px 0px 8px 0px;
}

ul#infolist {
	list-style-type:none;
	margin:0px;
	padding:2px 0px 0px 0px;
}
ul#infolist li {
	float:left;
	margin:0px;
	padding:0px 16px 0px 1.25ex;
	position:relative;
	line-height:20px;
}
ul#infolist li::before {
	content:"》";
	z-index: 1;
	position:absolute;
	top: 0px;
	left: 0px;
	font-size:82.5%;
}



.latestexample {
	clear:both;
	list-style-type:none;
	padding-top:16px;
	padding-bottom: 12px;
}
.latestexample li {
	position:relative;
	float:left;
	background: #FFFFFF;
	background: linear-gradient(	to top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.0) 40%);
}






.latestexample li a {
	display:block;
}
.latestexample li a:hover {
	background-color:#FFFFFF;
	background-color:rgba(255,255,255,0.5);
}
.latestexample li img {
	display:block;
	width:auto;
	height:auto;
	margin: auto;

	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;

}


/**/
.latestexample {
	padding-left: 2px;
}
.latestexample::after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.latestexample li {
	margin:0px 1px 4px 1px;
	width:90px;
	height:90px;
}
.latestexample li a {
	width:90px;
	height:82px;
	padding:4px 0px;

}
.latestexample li img {
	max-width:82px;
	max-height:82px;
}
#toppaging {
	font-family: 'Droid Sans Mono', monospace;
	clear:both;
}
#toppaging a {
	padding-right : 4px;
}
#toppaging a.current {
	font-size:125%;
}










/*フォーム*/
dl.form {
	margin:0px;
	padding:1ex 0px;
}
dl.form dt {
	font-weight:bold;
	line-height:1.25;
	padding:0px;
	margin:2ex 0px 4px 0px;
}
dl.form dd {
	color:#000000;
	padding:0px;
}
dl.form dd.button {
	padding-top:3em;
}

dl.form dd input,
dl.form dd textarea {
	padding:6px;
	font-weight:normal;
	color:#000000;
	border-radius: 4px;
	margin-bottom:4px;
}
dl.form dd div.appodate {
	padding-top:6px;
}
dl.form dd select {
	font-size:100%;
}


dl.form dd input[type="submit"] {
	color:#FFFFFF;
	background-color:#999999;
	background: linear-gradient(to bottom, #999999 0%, #ABABAB 50%, #999999 50%, #CCCCCC 100%);
	box-shadow:0px 2px 2px #999999;
}
dl.form dd input[type="submit"]:hover {
	background-color:#CCCCCC;
	background: linear-gradient(to bottom, #CCCCCC 0%, #BCBCBC 50%, #CCCCCC 50%, #CCCCCC 100%);
}
dl.form dd input[type="submit"] {
	padding:6px 16px;
	

}

dl.form dd.sizeauto input[type="text"] {
	width:auto !important;
	max-width:100% !important;
	max-width : -webkit-calc(100% - 14px) !important;
	max-width : calc(100% - 14px) !important;
}





/*企業情報*/
dl.companyinfo {
	padding-bottom:20px;
}
dl.companyinfo dd, 
dl.history dd {
	padding:0px 0px 1em 0px;
}
dl.companyinfo ul {
	margin:0px 1em;
	padding:0px 1em;
}
.map {
	padding-bottom:20px;
}



/*製作事例ページ*/
#examplepage h2 {
	clear:both;
	padding-bottom:0px;
	
}
#examplepage .latestexample {
	padding-top:0px;
}


/*コンセプト*/
h2#concept-head {
	font-size:140%;
	font-weight:700;
	position:relative;
}

h2#concept-head em {
	display:block;
	position:absolute;
	z-index:1000;
	top:-20px;
	left:110px;
	color:#FFFFFF !important;
	padding:6px;
	font-size:14px !important;
	line-height:20px;
	background-color:#0068B2;
	background: linear-gradient(	to bottom, rgba(151,175,216,0.5) 0%, rgba(0,104,178,1.0) 80%);

	border-radius:50px / 20px;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.large h2#concept-head em {
	top:-20px;
	left:142px;
}
h2#concept-head em:after {
	content:"";
	border:solid 8px transparent;
	border-top-color:#0068B2;
	width:0px;
	height:0px;
	position:absolute;
	z-index:-1;
	left:38px;
	bottom:-14px;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

h2#concept-head strong {
	font-size:125%;
	color:#0068B2 !important;
}



.ques,
.ans  {
	display:block;
	clear:both;
	position:relative;
	line-height:20px;
	padding:4px 0px 4px 28px !important;
}
.ques:before,
.ans:before   {
	font-size:16px;
	line-height:16px;
	position:absolute;
	left:3px;
	top:5px;
	color:#FFFFFF;
	z-index:200;
	font-weight:500;
	opacity:0.8;
}
.ques:before {
	content:"Ｑ";
}
.ans:before {
	content:"Ａ";
}
.ques:after,
.ans:after {
	content:"";
	font-size:16px;
	line-height:16px;
	position:absolute;
	z-index:100;
	left:0px;
	top:3px;
	width:22px;
	height:22px;
	border-radius:12px;
	
}
.ques:after {
	background-color:#0068B2;
	background: linear-gradient(	to bottom, rgba(151,175,216,0.5) 0%, rgba(0,104,178,1.0) 80%);
}
.ans:after {
	background-color:#B30000;
	background: linear-gradient(	to bottom, rgba(217,0,0,0.5) 0%, rgba(180,0,0,1.0) 80%);
}



/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：321px以上
［想定］iphone6のportrait

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 321px){

footer address {
	font-size:120%;
}


/**/
.latestexample {
	padding-left: 2px;
}
.latestexample li {
	margin:0px 2px 4px 2px;
	width:106px;
	height:106px;
}
.latestexample li a {
	width:106px;
	height:94px;
	padding:6px 0px;

}
.latestexample li img {
	max-width:94px;
	max-height:94px;
}


}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：376px以上
［想定］iphone6plusのportrait

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 376px){


/**/
.latestexample {
	padding-left: 3px;
}
.latestexample li {
	margin:0px 1px 4px 1px;
	width:90px;
	height:90px;
}
.latestexample li a {
	width:90px;
	height:82px;
	padding:4px 0px;

}
.latestexample li img {
	max-width:82px;
	max-height:82px;
}

}












/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：481px以上
［想定］iPhone 5の landscape

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 481px){
#catchcopy {
	position:absolute;
	left:210px;
	bottom:36px;
	text-align:left;
	padding-right:120px;
	line-height:1.2 !important;
}
.large #catchcopy {
	bottom:46px;
}
#catchcopy span {
	padding:0px;
}

#primary h2#topinfo {
	float:left;
	width:12ex;
}
ul#infolist {
	padding-left:12ex;
}

.entry-content img {
	max-width:270px;
	height:auto;
	display:inline;
	margin:0px auto 6px;
}
.alignleft {
	display: inline;
	float: left;
	padding:0px 16px 16px 0px;
}

.alignright {
	display: inline;
	float: right;
	padding:0px 0px 16px 16px;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}



/**/
.latestexample {
	padding-left: 0px;
}
.latestexample li {
	margin:0px 2px 4px 2px;
	width:128px;
	height:128px;
}
.latestexample li a {
	width:128px;
	height:120px;
	padding:4px 0px;

}
.latestexample li img {
	max-width:120px;
	max-height:120px;
}

/*フォーム*/
dl.form dt {
	float:left;
	clear:left;
	size:60px;
	margin-top:0px;
}
dl.form dd {
	padding:0px 0px 10px 60px;
}



/*企業情報*/
dl.companyinfo dt {
	float:left;
	clear:both;
	width:60 px;
}
dl.companyinfo dd {
	padding-left:60px;
}
.large dl.companyinfo dt {
	width:80px;
}
.large dl.companyinfo dd {
	padding-left:80px;
}
dl.history dt {
	float:left;
	clear:both;
	width:110 px;
}
dl.history dd {
	padding-left:110px;
}
.large dl.history dt {
	width:130 px;
}
.large dl.history dd {
	padding-left:130px;
}







}











/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：569px以上
［想定］iPhone 6の landscape

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 569px){


footer.blur {
	text-align:left;
}
footer.blur p#nt {
	width:60%;
}
footer.blur address {
	width:60%;
	padding-top:8px;
}
footer.blur div#sns {
	position:absolute;
	right:8px;
	top:8px;
}
footer.blur small {
	position:absolute;
	right:8px;
	bottom:16px;
}




/**/
.latestexample {
	padding-left: 1px;
}
.latestexample li {
	margin:0px 2px 4px 2px;
	width:100px;
	height:100px;
}
.latestexample li a {
	width:100px;
	height:92px;
	padding:4px 0px;

}
.latestexample li img {
	max-width:92px;
	max-height:92px;
}
}






/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：668px以上
［想定］iPhone 6plusの landscape

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 668px){





/**/
.latestexample {
	padding-left: 0px;
}
.latestexample li {
	margin:0px 2px 4px 2px;
	width:112px;
	height:112px;
}
.latestexample li a {
	width:112px;
	height:104px;
	padding:4px 0px;

}
.latestexample li img {
	max-width:104px;
	max-height:104px;
}
}










/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：768px以上
［想定］iPadの portrait

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 768px){
/*文字サイズ変更メニュー*/	
header#pageheader {
	margin-bottom:40px;
}
.blur {
	margin:0px 40px 10px;
}
.smoke {
	padding:16px;
}
div.blur,
div.blur .smoke {
	min-height:640px;
}
footer small {
	right:16px;
	bottom:16px;
}

#ts {
	box-shadow: none;
	background: transparent;
}


#ts ol {
	right:40px;
	box-shadow: 0px 0px 2px 0 rgba(255, 255, 255, 0.3);
	background: linear-gradient(to bottom,rgba(128,128,128,0.7),rgba(51,51,51,0.7));
	border-radius:0px 0px 8px 8px;
	padding-left:16px;
}

#menu_btn {
	display:none;
}






/*メインメニュー*/
#menubox {
	display: block;
	width:200px;
	position:absolute;
	left:0px;
	top:0px;
}
ul#menu-main {
	list-style-type:none;
}
ul#menu-main li {
	font-size:160%;
	font-weight:400;
	position: relative;
	margin:0px 8px 8px 30px;
	line-height:20px;
}

ul#menu-main li:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 4px;
	left: -20px;
	width: 16px;
	height: 16px;
	background-color: #666666;
	background-color: rgba(102,102,102,0.4);
	border-radius: 100%;
}
ul#menu-main li:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 6px;
	left: -14px;
	border:solid 6px transparent;
	border-left-color:#FFFFFF;
}
.large ul#menu-main li:after {
	top: 6px;
}
.large ul#menu-main li:before {
	top: 8px;
}


ul#menu-main li.current-post-ancestor::after,
ul#menu-main li.current-menu-parent::after, 
ul#menu-main li.current-menu-item::after  {
	background-color: #0068b2;
}

ul#menu-main li a:link,
ul#menu-main li a:visited {
	color:#333333;
	text-decoration:none;
}
ul#menu-main li a:hover,
ul#menu-main li a:active {
	color:#999999;
	text-decoration:underline;
}
ul#menu-main li.current-post-ancestor > a, 
ul#menu-main li.current-menu-parent > a, 
ul#menu-main li.current-menu-item > a {
	color:#000000;
	font-weight:500;
	text-shadow:1px 0px 2px # FFFFFF;
}

/*サブメニュー第2階層*/
ul#menu-main li li {
	font-size:100%;
	margin:8px 8px 8px 12px;
	list-style-type:none;
}
ul#menu-main li li::after {
	display:none;
}

ul#menu-main li li::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 4px;
	left: -14px;
	border:solid 6px transparent;
	border-left-color:#CCCCCC;
	border-left-color:rgba(255,255,255,0.6);
}
ul#menu-main li li.current-menu-parent::before,
ul#menu-main li li.current-menu-item::before {
	border-left-color:#0068b2;

}
ul#menu-main li.current-menu-parent li a:link,
ul#menu-main li.current-menu-parent li a:visited {
	color:#333333;
	font-weight:300;
}
ul#menu-main li.current-menu-parent li a:hover,
ul#menu-main li.current-menu-parent li a:active {
	color:#999999;
	font-weight:300;
}

ul#menu-main li.current-menu-parent li.current-menu-parent > a,
ul#menu-main li.current-menu-parent li.current-menu-item > a {
	color:#000000;
	font-weight:500;
}


/*タグ*/
.widget-title {
	font-size:140%;
	font-weight:500;
	color:#333333;
	margin:0px 0px 8px 0px;
}
.tagcloud a {
	padding-right:4px;
}
.widget_tag_cloud {
	width:140px;
	border-radius: 8px;
	padding:8px;
	margin-top:30px;
}



/*記事部分*/
#primary {
	margin-left:210px;
}
.entry-content {
	min-height:400px;
}
.large .entry-content {
	min-height:480px;
}
.entry-content img {
	max-width:auto;
}




/**/
.latestexample {
	padding-left: 0px;
}
.latestexample li {
	margin:0px 2px 4px 2px;
	width:144px;
	height:144px;
}
.latestexample li a {
	width:144px;
	height:136px;
	padding:4px 0px;

}
.latestexample li img {
	max-width:136px;
	max-height:136px;
}






}





/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：769px以上
［想定］iPad Landscape

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 769px){
.blur {
	margin:0px 60px 10px;
}

#ts ol {
	right:60px;
}
#catchcopy span:before {
	content:"　";
}
aside#search {
	position:absolute;
	left:206px;
	bottom:10px;
	margin-right:200px;
	width:calc( 100% - 300px);
}


/**/
.latestexample {
	padding-left: 0px;
}
.latestexample li {
	margin:0px 2px 4px 2px;
	width:160px;
	height:160px;
}
.latestexample li a {
	width:160px;
	height:150px;
	padding:5px 0px;

}
.latestexample li img {
	max-width:150px;
	max-height:150px;
}


}



/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス横幅：1025px以上
［想定］PC

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 1025px){
#wrap {
	max-width:950px;
	margin:0px auto 10px;
}
.blur {
	margin:0px 0px 10px;
}
	
#ts ol {
	right:0px;

}
footer em a {
	text-decoration:none !important;
}


/**/
.latestexample {
	padding-left: 0px;
}
.latestexample li {
	margin:0px 3px 4px 3px;
	width:170px;
	height:170px;
}
.latestexample li a {
	width:170px;
	height:150px;
	padding:10px 0px;

}
.latestexample li img {
	max-width:150px;
	max-height:150px;
}
}
/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス：PC 横幅1225px〜

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
@media screen and (min-width: 1225px){


}



/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

デバイス：プリントアウト

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

@media print {

}