@charset "UTF-8";/*
Theme Name:デザフェス
Theme URI:----
Description:デザフェス用標準テーマです。
Author:K1PRINT
Author URI:----
Version:0.1
*/

/* ######################### RESET! ######################### */
html, body, div, span, applet, object, iframe,
header,nav,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
input, textarea, select, button,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-weight:normal;}
body {line-height: 1;background-color: #fff;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* Table */
table {border-collapse: collapse; border-spacing: 0;}

/* iphone button reset */
input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}
/* ######################### /RESET! ######################### */


/* ##### initialize ##### */
/* ##### FLEXIBILITY ##### */
.buildFrame,
.h2,
.h3,
p,
h2,
h3,
h4,
h5 {max-width:980px;margin:0 auto;line-height:1em;}
.h2,
.h3,
p,
h2,
h3,
h4,
h5 {padding:0 2%;}
.buildFrame {min-width:320px;}

/* ########################################################## */
li,
input,
body {opacity:1;color:#666;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;line-height:1.6em;font-size:14px;}
body {width:100%;}
h1 {display:inline-block;}
h2,
.h2 {font-size:1.7em;padding-top:0.5em;padding-bottom:0.5em;}
h3,
.h3 {font-size:1.3em;padding-top:0.5em;padding-bottom:0.5em;margin-bottom:0.5em;}
p {margin:0.5em auto;}
table td,
table th,
p {line-height:1.6em;}
a{color:#06C;}
article a:hover{opacity:0.8;}

li {margin:0.4em 0;}
ol.number,ul.disc,ul.infomation,ul.asterisk li,ol.asterisk li {padding-left:2em;text-align:left;}
	ol.number li,ul.disc li,ul.infomation li,ul.asterisk li,ol.asterisk li{margin:10px 0;}
	ol.number	{list-style-type:decimal;}
	ul.asterisk li:before,ol.asterisk li:before {
		margin-right: 0.2em;
	}
	ul.asterisk li:before {
		content: "※";
	}
	ol.asterisk {
		counter-reset: number;
	}
	ol.asterisk li:before {
		counter-increment: number;
		content: "※"counter(number)" ";
	}
	ul.disc		{list-style-type:disc;}
	ul.infomation {padding-left:1em;}

table {margin:1em auto;width:96%;padding:0 2%;}
table td,
table th {padding:0.5em;height:3em;vertical-align:middle;border:solid 1px #CCC;}
table td {text-align:left;}
table td.price {text-align:center;font-size:1.2em;}
table th {background:#EEE;text-align:center;}
caption {font-size:0.8em;text-align:center;}
article {margin:2em auto;}
section {margin:1.5em auto;}
iframe {max-width:100%;margin:0 auto;}
img {max-width:100%;height:auto;margin:0 auto;}

/***** Table Pattern *****/
table.patternHD {}
	table.patternHD tr:first-child th:first-child {width:30%;}
	table.patternHD tr:first-child th:last-child {width:70%;}
table.patternHH {}
	table.patternHH tr:first-child th:first-child,{width:50%;}
	table.patternHH tr:first-child th:last-child,{width:50%;}
table.patternHDD {}
	table.patternHDD tr:first-child th:first-child {width:25%;}
	table.patternHDD tr:first-child th:nth-of-type(2) {width:37.5%;}
	table.patternHDD tr:first-child th:last-child {width:37.5%;}
table.patternHDDD {}
	table.patternHDDD tr:first-child th {width:19%;}
	table.patternHDDD tr:first-child td {width:27%}
table.patternHDHD {}
	table.patternHDHD tr:first-child th {width:15%;}
	table.patternHDHD tr:first-child td {width:35%;}
table.patternHHHH {}
	table.patternHHHH tr:first-child th {width:25%;}


/***** TONGARI *****/
.fukidashi:after,
.fukidashi:before {border: solid transparent; content: " "; height: 0; width: 0; left: 22px; right: inherit; position: absolute; border-width: 7px; border-bottom-color: #bcbcbc; display: inherit; top:-14px;}
.fukidashi:after {border-bottom-color: #FFE; top: -12px; z-index: 2000;}
.fukidashi.right:after,
.fukidashi.right:before {left: inherit; right: 22px;}
.fukidashi.shutterContent {margin-bottom: 1em;}

/* ##### Button ##### */
.btnStyle {color:#FFF;text-align:center;line-height:1.2em;text-decoration:none;display:inline-block;border-radius:3px;box-shadow:0 3px 3px rgba(0,0,0,0.3);background-repeat: no-repeat;background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);padding:0.5em 5%;background-color:#09F;border:none;cursor:pointer;}
.btnStyle.cv,
.btnStyle.big {font-size:1.2em;margin:7px 0;}
.btnStyle.bottom {bottom:0;min-width:50%;}
.btnStyle.cv {background-position: 50% 90%;	background-image: url(./button/arrow_cv.png),linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */padding-bottom:1.5em;}
.btnStyle.addIcon {background-position: 97% 50%;padding-right:7%;}
	.icon,
	.addIcon:after {font-family:ionicons;padding-left:3px;vertical-align: middle;font-size: 1.5em;}
.btnStyle.addIcon.download:after {content:'\f2dd';}
.btnStyle.next {background-position: 97% 50%;padding-right:7%;background-image: url(./button/arrow_next.png),linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */}
.btnStyle.rev {background-position: 3% 50%;padding-left:7%;background-image: url(./button/arrow_rev.png),linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */}
.btnStyle.negative {color:#FFF;background-color:#AAA;}
.btnStyle:hover {opacity:0.7;}
.btnStyle span {font-size:0.7em;}
.btnCase {text-align:center;padding:1em 0;}
.btnCase.cv {}
.btnCase.cv .btnStyle {display:inline-block;margin-right:1em;margin-left:1em;white-space:nowrap;}


/* ##### breadcrumb ##### */
#breadcrumb {
    padding: 0 2%;
    margin-bottom: 1em;
	max-width:980px;
	margin:0 auto;
}
#breadcrumb ul {
    text-align: left;
    font-size: 0.8em;
}
#breadcrumb li {
    display: inline;
}
#breadcrumb p {
    display: inline;
	padding:0;
}
#breadcrumb a {
    color: inherit;
	padding:0;
}
#breadcrumb li:before {
    color: #333;
    content: ' > ';
    font-size: 0.5em;
    line-height: 1em;
}
#breadcrumb li:first-child:before {
    content: '';
}

/* ##### customize #####*/

/***** TITLE BEAM *****/
img.lazy {width:1280px;}
.pageTitle {padding:2em 0;background:#F7D200;color:#333;}
.pageTitle p,
.pageTitle h2,
.pageTitle h3 {line-height:1em;padding-top:0;padding-bottom:0;border:none;}
.pageTitle p {font-size:0.9em;}
.pageTitle h2 {font-size:2.3em;}
.pageTitle h3 {font-size:1.3em;}

.articleTitle {padding:2em 0;background:#F2F2F2;color:#666;}
.articleTitle,
.articleTitle a {color:#666;text-decoration:none;}
.articleTitle p,
.articleTitle h2,
.articleTitle h3 {line-height:1em;padding-top:0;padding-bottom:0;border:none;}
.articleTitle p {font-size:0.7em;margin:0.5em 0 0 0;}
.articleTitle h2 {font-size:2em;}
.articleTitle h3 {font-size:1.5em;}

.sectionTitle,
.sectionTitle a {padding:2em 0 0;border-bottom:solid 1px #CCC;margin-bottom:1em;text-decoration:none;}
.sectionTitle p,
.sectionTitle h2,
.sectionTitle h3 {line-height:1em;padding-top:0;padding-bottom:0;border:none;}
.sectionTitle p {font-size:0.7em;}
.sectionTitle h2 {font-size:2em;}
.sectionTitle h3 {font-size:1.5em;}

.contentTitle {background:#09F;padding:1em 0;border-bottom:solid 1px #CCC;border-top:solid 1px #CCC;}
#container.news h3 {border:none;line-height:1.1em;margin:1em auto;}
#container.news img {height:auto;}
/***** 並列化 *****/
.parallelContainer>li,
.left-box,
.right-box {display:inline-block;margin:1em 3% 1em 0;padding:0;vertical-align:top;text-align:left;}
.parallelContainer>li {width:48.25%;}
.left-box,
.right-box {width:45%;}

.parallelContainer {margin:1em auto;text-align:left;font-size:0;line-height:0;}
.parallelContainer>li {margin:0 3% 0 0;position:relative;box-sizing:border-box;line-height:0;}
.parallelContainer>li>img {width:100%;height:auto;}
.parallelContainer.col3>li {width:32%;margin-right:2%;}
.parallelContainer.col4>li {width:23%;margin-right:2%;}
.parallelContainer.tiling {margin:0 auto;}
.parallelContainer.tiling>li {margin:0;width:50%;}
.parallelContainer.col3.tiling>li {width:33.33%}
.parallelContainer.noMargin {margin:0 auto;}
.parallelContainer.separate {display:flex;}
.parallelContainer.separate>li {border-left:solid 1px #CCC;padding: 1em 0.5em;}
.parallelContainer.separate>li:last-child {border-right:solid 1px #CCC;}
.parallelContainer.margin>li {padding:2em 0;}

.parallelContainer.col2>li:nth-of-type(2n),
.parallelContainer.col3>li:nth-of-type(3n),
.parallelContainer.col4>li:nth-of-type(4n),
.parallelContainer.col2>li:last-child,
.parallelContainer.col3>li:last-child,
.parallelContainer.col4>li:last-child,
.left-box:last-child,
.right-box:last-child {margin-right:0;}

/***** HEADER *****/
header {background:#f1efe7;position:relative;box-shadow:0 0 9px rgba(0,0,0,0.5); }
/*header #mainlogo {max-width:200px;}*/
header .head {position:relative;padding:15px 5px 15px;}
.subPageTitle {display:inline-block;text-align: center;text-decoration:none;padding:3px 0.5em;margin: auto;border-radius:3px;vertical-align:12px;}

nav#global {background:#666;}
	.visitor nav#global li {width:14.25%;}
	.media nav#global li {width:25%;}
	.exhibitor nav#global li {width:20%;}
	nav#global li {margin:0;display:inline-block;line-height:3.5em;box-sizing:border-box;border-left:solid 1px #666;border-right:none;float:left;white-space: nowrap;overflow:hidden;}
	nav#global li:last-child {border-right:solid 1px #333;}
	nav#global li a {display:block;color:#FFF;text-align:center;text-decoration:none;background:#333;padding-left:3px;}
	nav#global li a:hover {background:#F7D200;color:#FFF;}
	nav#global {}
	nav#global {}
nav#global:after {display:block;content:'';clear:both;}

nav#changeUser {position:absolute;right:15px;bottom:15px;}
	nav#changeUser ul {}
	nav#changeUser li {display:inline-block;margin:0;line-height:2em;}
	nav#changeUser li a {display:block;text-align:center;text-decoration:none;color:#FFF;border-radius:3px;padding:6px 10px;background:#666;}
	nav#changeUser li a.visitors:hover {background:#F7D200;}
	nav#changeUser li a.language:hover {background:#8f36d2;}
	nav#changeUser {}
nav#changeUser:after {display:block;content:'';clear:both;}

nav#language {position: absolute;top:4em;right: 0.5em;background: #FFF;border-radius: 5px;padding: 10px 20px 10px 10px;box-shadow:3px 3px 10px rgba(0,0,0,0.3);z-index:100}
	#language li a {text-decoration:none;color:#666;}

	#container .menuIcon {vertical-align: middle;font-size: 1.5em;padding-right:3px;}

/****** COLOR *****/
/*	#container.visitor .pageTitle {background:#F7D200;color:#333;}*/
	nav#changeUser li a.visitor:hover,
	#container.visitor .naviAll p:hover,
	#container.visitor .naviAll a:hover,
	#container.visitor nav#global li a:hover,
	#container .bgVisitor
		{background-color:#F7D200;color:#FFF;}
	#container .bgVisitor:after {color:#FFF;}
	#container .colorVisitor,
	#container.visitor .colorIcon
/*	#container.visitor .naviAll>li:after*/
		{color:#F7D200;}
	#container.visitor .naviAll>li:hover:after,
	#container.visitor :hover>.colorIcon
		{color:#FFF;}

/*	#container.exhibitor .pageTitle {background:#c9d7ea;color:#333;}*/
	nav#changeUser li a.exhibitor:hover,
	#container.exhibitor .naviAll p:hover,
	#container.exhibitor .naviAll a:hover,
	#container.exhibitor nav#global li a:hover,
	#container .bgExhibitor
		{background-color:#93b9f1;color:#FFF;}
	#container .bgExhibitor:after {color:#FFF;}
	#container .colorExhibitor,
	#container.exhibitor .colorIcon
/*	#container.exhibitor .naviAll>li:after*/
		{color:#93b9f1;}
	#container.exhibitor .naviAll>li:hover:after,
	#container.exhibitor :hover>.colorIcon
		{color:#FFF;}


/*	#container.media .pageTitle {background:#deffd0;color:#333;}*/
	nav#changeUser li a.media:hover,
	#container.media .naviAll p:hover,
	#container.media .naviAll a:hover,
	#container.media nav#global li a:hover,
	#container .bgPress,
	#container .bgMedia
		{background-color:#8cd66d;color:#FFF;}
	#container .bgMedia:after {color:#FFF;}
	#container .colorMedia,
	#container.media .colorIcon
/*	#container.media .naviAll>li:after*/
		{color:#8cd66d;}
	#container.media .naviAll>li:hover:after,
	#container.media :hover>.colorIcon
		{color:#FFF;}


/* ##### OLDCODE ##### */


/* ##### FIXED ##### */
#nav2,
#page-lang-slideBox,
.lang,
#page-search-slideBox {display:none;}



/* ##### CONTENTS ##### */
/* FAQ used */
.shutterTrigger {cursor:pointer;}
.shutterContent {display:none;position:relative;background:#FFE;border:solid 1px #bcbcbc;border-radius:3px;padding:0.5em;margin-top:1em;}


/* ##### FOOTER ##### */

/* ML registration */
footer .mail-news {	text-align: center;	background-color: #1e1e1e;	padding:1em 0;}

/* copy right*/
.copy {font-size: 13px; background-color: #F7D200; color: #111; padding: 1px;}
.copy p {text-align: center;}
footer img.copy-logo {vertical-align: middle;}

/*旧フッター形式暫定*/
footer {background-color: #111; color: #f7f7f7;}
.footer_sns li {float: left; margin-left: 5px;}
.footer-links .links {display: block;padding-bottom: 1em; width: 300px; margin: 0px 0px 0px 0px;text-align: left; font-size: 11px; letter-spacing: 0px; display: inline;padding-bottom:1em;}
.footer-links .links li a {text-decoration: none; text-align: center; color: #FFF; display: inline;}
.footer-links .links li p {width: 50px;}
.footer-links .links:after {display:block;content:'';clear:both;}
.footer-links .footer-links h2:after {float:none;}
.footer-links-box {margin: 40px auto 40px;height:auto;}
.footer-links-h2-box {float: left;}
footer .footer-links-h2-box h2 {display: inline-block;font-size: 30px; font-weight: normal; letter-spacing: 0px; line-height: 30px; padding: 0; text-align: left; width: 300px; margin: 10px auto 10px;}
footer .footer-links-h2-box h2 p {font-size: 12px; margin: 5px 0px 0px 0px;}


/* ##### MOBILE MENU ##### */
/* フッターメニュー共用 */
#mobileIconMenu {position:absolute;top:0;right:5px;}
#mobileIconMenu li {display:inline-block;padding:10px 0 5px;margin:0 0 0 7px;}
#mobileIconMenu li p {font-size:26px;line-height:0.5em;margin:0 0 -5px;}
#mobileIconMenu li a {text-decoration:none;color:#999;font-size:7px;border-radius:5px;}
.menuTrigger.hamburger {color:#333;font-size:30px;padding:3px 7px;border-radius:5px;}
.menuTrigger.hamburger {position:fixed;font-size:25px;top:11px;left:10px;background:rgba(255,255,255,0.8);box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.naviAll {color:#333;}
	.naviAll .submenu {display:none;}

	.naviAll li,
	.naviAll ul {padding:0;margin:0;}
	.naviAll>li {border-bottom:solid 1px #CCC;position:relative;}
	.naviAll>li.changeUser {padding:10px 0;text-align:center;}
	.naviAll>li.changeUser div {max-width:33%;padding:0.5em 1%;white-space:nowrap;overflow:hidden;}
	.naviAll>li.changeUser a {color:#FFF;padding:0;}
	.naviAll>li.changeUser .btnStyle {margin:0 3px;}
	#container .naviAll>li.changeUser a:hover {background:transparent;}
	.naviAll>li.changeUser:after {display:none;}
 	.naviAll p {}
 	.naviAll p,
	.naviAll a {padding:7px 0;margin:0;cursor:pointer;line-height:1em;padding-left:1em;}
 	.naviAll .submenu {background:#EEE;}
 	.naviAll .submenu p,
	.naviAll .submenu a {padding-left:2em;}
	.naviAll a {display:block;text-decoration:none;color:#333;}
	.header.naviAll {padding-top:0.5em;-shadow:0 0 3px #000;}
	.header.naviAll>li:last-child {text-align:center;background:#CCC;color:#666;border-bottom:double 3px #AAA;box-shadow:0 0 3px #000;}
	.header.naviAll>li:last-child:hover {opacity:0.7;}
	.header.naviAll>li:last-child:after {content:'';}
/*footer .naviAll>li:first-child {border-top:solid 1px #CCC;*/
	.naviAll>li.pulldown:after {
		content: "\f123";
		font-family: ionicons;
	}
	.naviAll>li:after {
		content: "\f125";
		color:#999;
		font-family: ionicons;
		position: absolute;
		right: 0;
		top: 0.4em;
		right: 1.5em;
	}

	.naviAll.footer a,
	.naviAll.footer p {color:#FFF;}
	.naviAll.footer .submenu {background:#333;}
	.naviAll.footer>li {border-bottom:solid 1px #333;}
	.mobileShow {display:none;}
	.mobileHide {display:block;}

/* ##### フォーム ##### */
select,
input:not([type=submit]):not([type=checkbox]):not([type=radio])
	{height:2em;}
select,
textarea,
input:not([type=submit]):not([type=checkbox]):not([type=radio])
	{border:solid 1px #CCC;border-radius:3px;}
.form-left-box {margin-top:1em;}
.wpcf7-form input[type=submit],
.wpcf7-form input[type=button],
input.wpcf7-submit {color:#FFF;text-align:center;line-height:1.2em;text-decoration:none;display:inline-block;border-radius:3px;box-shadow:0 3px 3px rgba(0,0,0,0.3);background-repeat: no-repeat;background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);padding:0.5em 5%;background-color:#09F;border:none;cursor:pointer;}

/* ##### @media ##### */
@media (max-width:650px)  and (min-width:501px) {
	.subPageTitle {display: block;padding: 0;}
	#mainlogo {height:30px;}
	nav#changeUser li a {font-size:0.8em;padding: 3px 10px;}
}
@media (max-width:500px) {

	.menuTrigger.hamburger {display:block;}
	header {text-align:center;}
	#container.exhibitor header .head,
	#container.press header .head {padding:5px 5px 5px;}
	#mainlogo {height:25px;}
	.subPageTitle {display: block;padding: 0;font-size:0.8em;margin-top: 5px;}
	.mobileShow {display:block;}
	.mobileHide,
	nav#global,
	nav#changeUser {display:none;}
	.parallelContainer:not(.always)>li,
	.parallelContainer.col2:not(.always)>li,
	.parallelContainer.col3:not(.always)>li,
	.parallelContainer.col2.tiling:not(.always)>li,
	.parallelContainer.col3.tiling:not(.always)>li,
	.left-box,
	.right-box {width:100%;margin-right:0;}
	.parallelContainer.separate {display:inline-block;}
	.parallelContainer.separate>li {display:inline-block;border:none;border-bottom:solid 1px #CCC;margin:1em 0 ;}
	.footer-links-h2-box {width:100%;margin:0;}

	.pageTitle {padding:1.5em 0 1em;}
	.pageTitle p {font-size:0.7em;}
	.pageTitle h2 {font-size:1.4em;}
	.pageTitle h3 {font-size:1.3em;}

	.articleTitle {padding:1.5em 0;}
	.articleTitle p {font-size:0.7em;}
	.articleTitle h2 {font-size:1.5em;}
	.articleTitle h3 {font-size:1.2em;}

/* メール */
.mail-news {}
	.mail-news span {display:block;}

}

/* recrute*/
	#recruit {}
	#recruit *{float:none;}
	#recruit ul li{list-style:disc;margin:0;padding:0;margin-left: 2em;}
	#recruit p{margin-left:1em;}
	#recruit h2{margin-bottom:30px;float:none;}
	#recruit h3{padding:5px 0 5px 0;margin-top:30px;float:none;}
	#recruit .content_blind{display:none;}
	.tab_content{border:solid 1px #CCC;box-shadow:5px 0 9px rgba(0,0,0,0.3);border-radius:5px;padding:0.5em 0.5em 2em;margin:5px;margin-bottom:2em;}
	#recruit a,
	a.show_detail{text-decoration:underline;color:#09F;cursor:pointer;}
	#recruit ul{float:none;}