@charset "UTF-8";
/* sp(320px) */

/* 出展企業のご紹介 */
#com_intro {}

#com_intro #booth .lside {
	padding-bottom: 1.5em;
}

#com_intro #booth figure figcaption {
	padding-top: .8em;
}

#com_intro ul.list_com li .tl {
	padding: .5em 1em;
}

#com_intro ul.list_com.list_com_2 li .tl {
	background-color: #fbefe6;
	color: #ec782b;
}

#com_intro ul.list_com.list_com_3 li .tl {
	background-color: #ebfadc;
	color: #7cb445;
}

#com_intro ul.list_com.list_com_5 li .tl {
	background-color: #fff4d2;
	color: #e39600;
}

#com_intro ul.list_com.list_com_6 li .tl {
	background-color: #e9e5f5;
	color: #957fcd;
}

#com_intro ul.list_com.list_com_7 li .tl {
	background-color: #daf1f7;
	color: #51c0e0;
}

#com_intro ul.list_com.list_com_8 li .tl {
	background-color: #fde6ec;
	color: #e7849e;
}

#com_intro ul.list_com li .box {
	padding: 1.2em .3em 1.2em;
}

#com_intro ul.list_com li .box .com_name a {
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: .1em;

}

.Windows #com_intro ul.list_com li .box .com_name a {
	padding-bottom: 0;
}

#com_intro ul.list_com li .box .com_name a:hover {
	text-decoration: none;
}

#com_intro ul.list_com li .box .com_name .hatsu {
	color: #d72e4e;
	display: inline-block;
	padding-left: .2em;
}

#com_intro ul.list_com li .box p {
	margin-top: .6em;
	margin-bottom: 0;
}

/* ダウンロードできます */
#com_intro #download {
	border: 2px solid #876ec6;
	border-radius: 15px;
	border-radius: 15px;
	padding: 15px 4%;
}

#com_intro #download figure {
	width: 95%;
	margin-left: 0;
	margin-right: auto;
}

#com_intro #download p {
	margin-bottom: 0;
}

/* 様々なコンテンツ */
#vari_cont {
	background-color: #fffaee;
}

#vari_cont .cbox {}

#vari_cont .cbox h3.vari_cont-tt {
	font-size: 1.8rem;
}

#vari_cont .cbox .hl {
	background-color: #eb673e;
	color: #fff;
	padding: .3em .8em;
}

#vari_cont .cbox .hl span {
	color: #000;
	padding-right: .3em;
	display: block;
}

#vari_cont .cbox .box {
	padding: 0 0 1em 0;
}

#vari_cont #cbox_02.cbox .box li {}

#vari_cont #cbox_02.cbox .box li .subject {
	background-color: #fff;
	color: #eb673e;
	padding: .4em 0.8em;
}

#vari_cont #cbox_02.cbox .box li .lec {
	padding: 1em .1em 1.6em;
}

#vari_cont #cbox_01.cbox .box .txt,
#vari_cont #cbox_03.cbox .box .txt,
#vari_cont #cbox_04.cbox .box .txt,
#vari_cont #cbox_05.cbox .box .txt,
#vari_cont #cbox_06.cbox .box .txt,
#vari_cont #cbox_07.cbox .box .txt {
	font-size: 13px;
	padding-top: 0em;
}


/* よくある質問 */
#faq .hl {
	text-align: center;
}

#faq .hl span {
	display: block;
	color: #cc8fe0;
	margin-top: .2em;
}

#faq dt {
	background-color: #a3d6ca;
	padding: .6em 1em .6em 2.4em;
	position: relative;
}

#faq dt::before {
	content: 'Q';
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: .6em;
	top: .3em;
}

#faq dd {
	margin-left: 0;
	background-color: #f3f1e7;
	margin-bottom: 1em;
	padding: 1.1em 1em 1.1em 2.4em;
	position: relative;
}

#faq dd::before {
	content: 'A';
	font-size: 18px;
	font-weight: bold;
	color: #cc8fe0;
	position: absolute;
	left: .6em;
	top: .6em;
}

/* 開催概要 */
#outline .hl {
	text-align: center;
}

#outline .hl span {
	display: block;
	color: #cc8fe0;
	margin-top: .2em;
}

#outline .enc .lside {
	padding-bottom: 1.0em;
}

#outline .enc .rside figure a {
	cursor: pointer;
}

.remodal {
	padding: 35px 0 20px;
}

#outline .enc .rside .msg_big {
	display: none;
}


/* おうちdeフェスタ */
#festasns .sns-block {
	border: 5px solid #ef858c;
	border-radius: 15px;
	background-color: #fffde5;
}

#festasns .hl {
	color: #ef858c;
	font-size: 1.9em;
	text-align: center;
	margin-top: -0.6em;
	padding: 0 0.3em;
}

#festasns .hl::before {
	content: '';
	display: inline-block;
	width: 90px;
	height: 90px;
	background-image: url(.././img/home2/sns_huki.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

#festasns p {
	padding: 0 1.5em;
}

#festasns .msg_top {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}

#festasns .sns-ttl {
	width: 100%;
	background: #3091d0;
	border-radius: 20px;
	color: white;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.5rem;
}

#festasns .sns-inner {
	padding: 0 2em;
	margin-bottom: 1em;
	/*background-image: url(.././img/home2/sns-center_sp.png);
	background-size: 2.8%;
	background-repeat: no-repeat;
	background-position: center;*/
}

#festasns .sns-inner p {
	padding-top: 0.8em;
	font-weight: bold;
}

#festasns .sns-present {
	margin: 0;
	background-color: #ef858c;
	color: white;
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
	padding: 0.5em 1.2em;
}

#festasns .sns-present::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background-image: url(.././img/home2/sns-pre.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
}

#festa .fbox .ttl {
	color: #fff;
	padding: .4em .8em;
}

#festa .fbox .ttl span {
	color: #000;
	padding-right: .4em;
}

#festa #fbox_1.fbox .ttl {
	background-color: #f39800;
}

#festa #fbox_2.fbox .ttl {
	background-color: #8ec555;
}

#festa .fbox .box {
	padding-top: 1.5em;
}

#festa .fbox .box .tl {
	padding: 0 .6em;
}

#festa #fbox_1.fbox .box .tl {
	color: #f39800;
}

#festa #fbox_2.fbox .box .tl {
	color: #8ec555;
}

#festa .fbox .box .tl span {
	color: #000;
}

#festa .fbox .box .live {
	background-color: #fffaee;
	padding: 2.0em 5%;
}

#festa .fbox .box .live .icn figure {
	width: 100px;
	margin-left: 0;
	margin-right: auto;
}

#festa .fbox .box .live .txt {
	padding-left: 0em;
	padding-bottom: 1em;
}

#festa .fbox .box .live .txt .title {
	display: inline-block;
	color: #f39800;
	border: 2px solid #f39800;
	border-radius: 30px;
	padding: .3em 1.3em;
}

#festa .fbox .box .hitsuyo {
	color: #f39800;
	text-align: center;
}

#festa .fbox .box .hitsuyo br {
	display: inline-block;
}

#festa .fbox .box .hitsuyo span {
	display: inline;
	padding-bottom: 3px;
	border-bottom: 1px solid #f39800;
	line-height: 1.7;
}

#festa .fbox .box .msg_btm {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#festa #houdai .hl_houdai {
	text-align: center;
	color: #ea5404;
}

#festa #houdai .hl_houdai span {
	display: block;
	color: #000;
}

#festa #houdai #img_houdai_a {
	max-width: 1005px;
}

#festa #houdai .summary {
	background-color: #fffaee;
	margin-top: 2em;
	padding: 1.4em 3%;
}

#festa #houdai #img_houdai_a {
	max-width: 1048px;
}

#festa #msg_last .msg {
	text-align: center;
	color: #ea5404;
}

#festa #msg_last .msg span.s {
	display: block;
	color: #000;
}

#festa #msg_last .msg br {
	display: inline-block;
}

#festa #msg_last p {
	text-align: left;
}


/* 出店企業のご案内　Vol.2 */
#opening-st-list .opening-st-block{
	margin-bottom: 2em;
}
#opening-st-list .opening-st-block .osb_tt-block .sab{
	color: #fff;
	background-color: #c09b0f;
	padding: 0 1em;
}
#opening-st-list .opening-st-block .osb_tt-block .h3{
	color: #c09b0f;
	background-color: #f3ebd3;
	padding: 0.6em 1em;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 0.8em;
}
#opening-st-list .opening-st-block .osb_text-block .osb_text-block__seminar-block{
	border:  1px solid #c09b0f;
	display: flex;
	font-size: 0.9rem;
	align-items: center;
	margin-top: 1em;
}
#opening-st-list .opening-st-block .osb_text-block .osb_text-block__sb-tt{
	background-color: #c09b0f;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0.2em 0.3em;
}
#opening-st-list .opening-st-block .osb_text-block .osb_text-block__sb-time{
	color: #c09b0f;
	font-weight: bold;
	padding-left: 0.4em;
}
#opening-st-list .opening-st-block .osb_text-block .osb_text-block__seminar-block.border-none{
	border: none;
}

#opening-st-list .opening-st-block .purple_bgcolor{
	background-color: #917199 !important;
}
#opening-st-list .opening-st-block .purple_bgcolor2{
	background-color: #e9e3eb !important;
	color: #917199 !important;
}

#opening-st-list .opening-st-block .sky_bgcolor{
	background-color: #1c9cbd !important;
}
#opening-st-list .opening-st-block .sky_bgcolor2{
	background-color: #dfecf3 !important;
	color: #1c9cbd !important;
}

#opening-st-list .opening-st-block .pink_bgcolor{
	background-color: #ca5178 !important;
}
#opening-st-list .opening-st-block .pink_bgcolor2{
	background-color: #f4e0e4 !important;
	color: #ca5178 !important;
}

#opening-st-list .opening-st-block .green_bgcolor{
	background-color: #76a32d !important;
}
#opening-st-list .opening-st-block .green_bgcolor2{
	background-color: #e7ecd6 !important;
	color: #76a32d !important;
}

#opening-st-list .opening-st-block .orange_bgcolor{
	background-color: #ea5404 !important;
}
#opening-st-list .opening-st-block .orange_bgcolor2{
	background-color: #ffe6c7 !important;
	color: #ea5404 !important;
}

#opening-st-list .opening-st-block .purple_textcolor{
	color: #917199 !important;
}

#opening-st-list .opening-st-block .sky_textcolor{
	color: #1c9cbd !important;
}

#opening-st-list .opening-st-block .pink_textcolor{
	color: #ca5178 !important;
}

#opening-st-list .opening-st-block .green_textcolor{
	color: #76a32d !important;
}
#opening-st-list .opening-st-block .orange_textcolor{
	color: #ea5404 !important;
}

#opening-st-list .opening-st-block .purple_boerder{
	border-color: #917199 !important;
}
#opening-st-list .opening-st-block .sky_boerder{
	border-color: #1c9cbd !important;
}
#opening-st-list .opening-st-block .pink_boerder{
	border-color: #ca5178 !important;
}
#opening-st-list .opening-st-block .green_boerder{
	border-color: #76a32d !important;
}
#opening-st-list .opening-st-block .orange_boerder{
	border-color: #ea5404 !important;
}











@media handheld,
print,
screen and (min-width: 375px) {
	/* iphone6 */


	/* end of media query(iphone6) */
}



@media handheld,
print,
screen and (min-width: 414px) {
	/*  iPhone6 Plus */

	/* end of media query(iPhone6 Plus) */
}



@media handheld,
print,
screen and (min-width: 480px) {
	/* tablet */

	/* 様々なコンテンツ */
	#vari_cont #cbox_01.cbox .box .txt,
	#vari_cont #cbox_03.cbox .box .txt,
	#vari_cont #cbox_04.cbox .box .txt,
	#vari_cont #cbox_05.cbox .box .txt,
	#vari_cont #cbox_06.cbox .box .txt,
	#vari_cont #cbox_07.cbox .box .txt {
		font-size: 15px;
		padding-top: 0;
	}

	/* よくある質問 */
	#faq dt {
		padding: .6em 1em .6em 2.4em;
	}

	#faq dt::before {
		font-size: 20px;
		left: .6em;
		top: .4em;
	}

	#faq dd {
		margin-bottom: 1em;
		padding: 1.0em 1.0em 1.0em 2.5em;
	}

	#faq dd::before {
		font-size: 20px;
		left: .6em;
		top: .6em;
	}

	/* おうちdeフェスタ */
	#festa {
		margin-top: 40px;
	}

	#festasns .hl {
		margin: -0.6em 0 0;
		font-size: 2.2rem;
	}

	#festasns .sns-inner {
		padding: 0 2em;
		margin-bottom: 1em;
		background-image: url(.././img/home2/sns-center.png);
		background-size: 2.8%;
		background-repeat: no-repeat;
		background-position: center;
	}

	#festasns .sns-present {
		padding: 0.4em;
	}

	#festasns .sns-present::before {
		display: inline-block;
		margin-right: 0.4em;
	}

	@media (-webkit-min-device-pixel-ratio: 2) {


		/* end of media query(retina) */
	}

	/* end of media query(tablet) */


}





@media handheld,
print,
screen and (min-width: 620px) {
	/* iPad */

	/* 出展企業のご紹介 */
	#com_intro #booth .lside {
		padding-bottom: 0;
	}

	#com_intro ul.list_com li .box {
		padding: 1.2em .3em 2em;
	}

	/* ダウンロードできます */
	#com_intro #download {
		border-radius: 20px;
		padding: 30px 2%;
	}

	#com_intro #download figure {
		width: 617px;
		margin-left: auto;
		margin-right: auto;
	}

	/* 様々なコンテンツ */
	#vari_cont .cbox .hl span {
		display: inline-block;
	}

	#vari_cont #cbox_02.cbox .box li .lec {
		padding: 1em .1em 2.2em;
	}

	#vari_cont #cbox_01.cbox .box .txt,
	#vari_cont #cbox_03.cbox .box .txt,
	#vari_cont #cbox_04.cbox .box .txt,
	#vari_cont #cbox_05.cbox .box .txt,
	#vari_cont #cbox_06.cbox .box .txt,
	#vari_cont #cbox_07.cbox .box .txt {
		font-size: 18px;
		padding-top: 0;
		line-height: 1.4;
	}

	/* よくある質問 */
	#faq dt {
		padding: .6em 1em .6em 2.4em;
	}

	#faq dt::before {
		font-size: 26px;
		left: .6em;
		top: .3em;
	}

	#faq dd {
		margin-bottom: 1em;
		padding: 1.5em 1.0em 1.5em 3.0em;
	}

	#faq dd::before {
		font-size: 26px;
		left: .6em;
		top: .6em;
	}

	/* 開催概要 */
	.remodal {
		padding: 35px 20px 20px;
	}

	#outline .enc .rside .msg_big {
		display: block;
	}

	/* おうちdeフェスタ */
	#festa {
		margin-top: 30px;
	}

	#festa .hl {
		width: 916px;
	}

	#festa .fbox .box .hitsuyo br {
		display: none;
	}

	#festa .fbox .box .live {
		padding: 2.5em 2%;
	}

	#festa .fbox .box .live .icn figure {
		width: 160px;
	}

	#festa .fbox .box .live .txt {
		padding-left: 1em;
		padding-bottom: 0;
	}

	#festa .fbox .box .live .txt .title {
		padding: .3em 1.3em;
	}

	#festa #msg_last .msg br {
		display: none;
	}

	#festa #msg_last p {
		text-align: center;
	}




	/* end of media query(iPad) */
}