@charset "utf-8";
/* default */
@import url("/css/usr/shared/responsive/lightbox.min.css");
@import url("/css/usr/contents/keitodama/itoma/normalize.css");
@import url("/css/usr/contents/keitodama/itoma/common.css");
@import url("/css/usr/contents/keitodama/itoma/responsive.gs.24col.css");
/* *******************************************************************　*/
/* 各ページ共通 ******************************************************　*/
/* *******************************************************************　*/
.block-category-list--header,
.block-category-list--promotion-freespace,
.block-category-list--comment
{
 display: none;
}
.itomaContainer .common-title {
 font-size: 1.0em;
}
/* SNSボタン */
.itomaContainer .snsBtn {
 position: fixed;
 bottom: 1rem;
 left: 10px;
}
.itomaContainer .snsBtn a {
 background: #999;
 color: #fff;
 display: block;
 font-size: 23px;
 opacity: 0.6;
 margin-bottom: .2em;
 padding: 3px;
 text-align: center;
 text-decoration: none;
 width: 40px;
 height: 40px;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
}
.itomaContainer .snsBtn a:active {
 opacity: 0.5;
}
.itomaContainer .snsBtn a:hover {
 opacity: 1;
}
/* ページ共通 */
.itomaContainer .spNone {
 display: none;
}
.itomaContainer .itomacaption{
 font-size: 12px;
 letter-spacing: 0;
}
.itomaContainer .mainTtl {
 margin: 0 0 .5em 0;
 padding: 1em 0 0;
}
nav.itomaNav{
 display: block;
 /*margin: 2em 0;*/
 padding: 0 .5em;
}
.itomaContainer nav.itomaNav {
 font-size: 16px;
 letter-spacing: 0;
}
.itomaContainer nav.itomaNav a{
 background: rgba(185,171,209,.05);
 border: 1px solid rgba(185,171,209,.5);
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 display: block;
 margin: 0 1em 1em;
 padding: 1em;
 text-align: center;
}
.itomaContainer nav.itomaNav a:hover{
 border: 1px solid rgba(185,171,209,1);
 text-decoration: none;
}
.itomaContainer section.itomaSec {
 padding: 1em;
}
.itomaContainer .picWrap{
 margin: 1em 0;
}
.itomaContainer .btnArrow a,
.itomaContainer .btnMail a,
.itomaContainer .btnPdf a,
.itomaContainer .btnPdfTop a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff; 
 display: block;
 margin: 1em 0;
 padding: .8em .5em;
 text-align: center;
 text-decoration: none;
 background: rgba(232,164,28,.7);
 font-size: 14px;
 letter-spacing: 0;
}
.itomaContainer .btnArrow a:hover,
.itomaContainer .btnMail a:hover,
.itomaContainer .btnPdf a:hover,
.itomaContainer .btnPdfTop a:hover{
 opacity: .7;
}
.itomaContainer .btnArrow a::after{
 content: "\00a0\f138";
 font-family: "FontAwesome";
}
.itomaContainer .btnMail a::after{
 content: "\00a0\f003";
 font-family: "FontAwesome";
}
.itomaContainer .btnPdf a::after,
.itomaContainer .btnPdfTop a::after{
 content: "\00a0\f1c1";
 font-family: "FontAwesome";
}
.itomaContainer .arrowR a::before{
 content: "\f0a9\00a";
 color: rgba(185,171,209,1);
 font-family: "FontAwesome";
}
/* TOPページ */
.itomaContainer .leadTxt{
 margin: 2.5em .5em;
}
.itomaContainer .leadTxt p span{
 display: block;
 margin: 0 0 1em .5em;
}
.itomaContainer .leadTxtArea{
 background: url("/img/usr/category/itoma/itomaBg2022.jpg");
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: bottom;
 font-size: 14px;
 margin: 1.5em 0;
 padding-bottom: 3em;
}
.itomaContainer .leadTxtArea p{
 padding: 0 1em
}
.itomaContainer .leadTxtArea .brNone{
 display: none;
}
.itomaContainer .aboutDetail{
 border-bottom: 1px solid #ccc;
 margin: 2em 1em;
}
.itomaContainer .aboutDetail a:hover{
 color: rgba(232,63,29,1);
}
.itomaContainer .aboutDetail dt{
 background: rgba(156,142,179,.3);
 border-top: 1px solid #ccc;
 font-weight: bold;
 letter-spacing: .5em;
 padding: 1em .3em;
 text-align: center;
}
.itomaContainer .aboutDetail dd{
 border-top: 1px solid #ccc;
 padding: 1em .3em;
}
.itomaContainer .aboutDetail dt.itomaSpan_5,
.itomaContainer .aboutDetail dd.itomaSpan_19{
 margin-left: 0;
 margin-right: 0;
}
.itomaContainer .aboutDetail dd.itomaSpan_19 .finishTxt{
 color:#ccc;
}

.itomaContainer #guideline2020{
 border: 1px solid #ccc;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 margin: 1.5em .5em;
 padding: 1em 1.5em;
}
.itomaContainer #guideline2020 h3{
 font-size: 18px;
 font-weight: bold;
}
.itomaContainer .btnReserve a,
.itomaContainer .btnYoutube a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 margin: 0 0 1.5em;
 padding: .8em 1em;
 text-align: center;
 text-decoration: none;
 background: rgba(156,142,179,1);
 font-size: 14px;
 letter-spacing: 0;
}
.itomaContainer .btnReserve a::after{
 content: "\00a0\f138";
 font-family: "FontAwesome";
}
.itomaContainer .btnYoutube a::after{
 content: "\00a0\f16a";
 font-family: "FontAwesome";
}
.itomaContainer #guideline2020 {
 margin: 2em 0;
}
.itomaContainer #guideline2020 a{
 text-decoration: underline;
}
.itomaContainer #guideline2020 .btnArrow a{
 text-decoration: none;
}
.itomaContainer #guideline2020 .kome{
 font-size: 13px;
 padding-left: 1.5em;
}
.itomaContainer #guideline2020 .kome.nrml{
 font-weight: normal;
}
.itomaContainer #guideline2020 .kome.nrml strong{
 font-weight: bold;
}
strong.undrline,
.itomaContainer #guideline2020 .kome.nrml strong.undrline{
 font-weight: bold;
 text-decoration: underline;
}
.itomaContainer #guideline2020 ul{
 margin: 0 0 1.5em;
}
.itomaContainer #guideline2020 .reserve{
 background: rgba(156,142,179,.1);
 margin-bottom: 1.5em;
 padding: 1em .5em .1em;
}
.itomaContainer #guideline2020 .reserve .sold{
 text-decoration: line-through;
}
.itomaContainer #guideline2020 ul li{
 font-weight: bold;
 padding-left: .5em;
}
.itomaContainer #guideline2020 ul.circle li{
}
.itomaContainer #guideline2020 ul.circle li::before{
 content: "\f111\00a0";
 font-family: "FontAwesome";
}
.itomaContainer #guideline2020 ul li li{
 font-weight: normal;
 padding-left: .5em;
}
.itomaContainer .clock::before{
 content: "\f017\00a0";
 font-family: "FontAwesome";
}
.itomaContainer .exclamation{
 border-bottom: 1px solid #666;
 display: block;
}
.itomaContainer .exclamation::before{
 content: "\f06a\00a0";
 font-family: "FontAwesome";
}
.itomaContainer .covid{
 background: rgba(156,142,179,.1);
 margin: 1.5em .5em;
 padding: 1em 1.5em;
}
.itomaContainer .covid h3{
 margin: 1em 0;
}
.itomaContainer .covid ul li::before{
 content: "\f05d\00a0";
 margin-left: -18px;
 font-family: "FontAwesome";
}
.itomaContainer .covid ul li{
 list-style-position: outside;
 padding-left: 1em;
}
/************************************************/
.itomaContainer .mainContents{
 padding: .5em;
}
.itomaContainer .mainContents h2.ttl{
  position: relative;
  margin-bottom: 1.5em;
  padding-bottom: .5em;
}
.itomaContainer .mainContents h3.ttl {
  position: relative;
  margin-bottom: .8em;
  padding-bottom: .5em;
}
.itomaContainer .mainContents h2.ttl::before,
.itomaContainer .mainContents h2.ttl::after,
.itomaContainer .mainContents h3.ttl::before,
.itomaContainer .mainContents h3.ttl::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 6px;
}
.itomaContainer .mainContents h2.ttl::before,
.itomaContainer .mainContents h3.ttl::before {
  z-index: 3;
  width: 20%;
  background-color: rgba(156,142,179,1.00);
}
.itomaContainer .mainContents h2.ttl::after,
.itomaContainer .mainContents h3.ttl::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 3px, #B9ABD1 3px, #B9ABD1 6px);
  background: repeating-linear-gradient(45deg, #fff, #fff 3px, #B9ABD1 3px, #B9ABD1 6px);
}
/*特典*/
.itomaContainer .mainContents .tokuten{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 background: #efefef;
 margin: 0 .5em;
 padding: 1.5em;
}
.itomaContainer .mainContents .tokuten img{
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.itomaContainer .mainContents .tokuten h3 {
 display: block;
 position: relative;
 height: 45px;/*リボンの高さ*/
 line-height: 45px;/*リボンの高さ*/
 text-align: center;
 margin: 1em .3em;
 padding: 0 20px;/*横の大きさ*/
 background: #B9ABD1;/*塗りつぶし色*/
 color: #FFF;/*文字色*/
 box-sizing: border-box;
}
.itomaContainer .mainContents .tokuten h3::before, .itomaContainer .mainContents .tokuten h3::after {
 position: absolute;
 content: '';
 width: 0px;
 height: 0px;
 z-index: 1;
}
.itomaContainer .mainContents .tokuten h3::before {
 top: 0;
 left: 0;
 border-width: 25px 0px 25px 15px;
 border-color: transparent transparent transparent  #efefef;
 border-style: solid;
}
.itomaContainer .mainContents .tokuten h3:after {
 top: 0;
 right: 0;
 border-width: 25px 15px 25px 0px;
 border-color: transparent #efefef transparent transparent;
 border-style: solid;
}
.itomaContainer .mainContents .tokuten p{
margin: 0 .5rem;
}
/*出展リスト*/
.itomaContainer .lnkBtn,
.itomaContainer .lnkBtnMoshikomi{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 font-size: 12px;
 margin-bottom: 1em;
 text-align: center;
 text-decoration: none;
}
.itomaContainer .lnkBtn:hover,
.itomaContainer .lnkBtnMoshikomi:hover{
 opacity: .7;
}
.itomaContainer .lnkBtnMoshikomi::after{
 content: "\00a0\f138";
 font-family: "FontAwesome";
}
.itomaContainer .itomalist{
}
.itomaContainer .itomalist h3{
 margin: 2em 0 1em;
 padding-left: .5em;
}
.itomaContainer .itomalist.marketWrap h3{ border-left: 10px solid #e8a41c;}
.itomaContainer .itomalist h4{
 border-bottom: 1px dotted #000;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0;
 margin: .5em 0 .8em;
 padding-bottom: .6em;
}
.itomaContainer .itomalist p{
 font-size: 12px;
 line-height: 1;
}
.itomaContainer .itomalist h4 span{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: inline-block;
 font-weight: normal;
 letter-spacing: 0;
 margin: 0 .3em .5em 0;
 padding: .1em .3em;
}
.itomaContainer .itomalist.marketWrap h4 span{ background : #e8a41c;}
.itomaContainer .itomalist ul{
 margin: 1em 0;
}
.itomaContainer .itomalist li{
 margin: 1.5em 0;
 padding: 1em .5em;
 text-align: left;
}
.itomaContainer .itomalist li h4{
 font-size: 14px;
}
.itomaContainer .itomalist li img.itomaListPic{
 /*border: 1px solid #dedede;*/
 padding: .4em;
}
.itomaContainer .itomalist div{
 margin-bottom: 1em;
 padding: 1em .5em;
}
.itomaContainer .itomalist .shopProf{
}
.itomaContainer .itomalist .shopProf div.itomaSpan_12{
}
.itomaContainer .itomalist .shopcap{
 display: block;
 letter-spacing: .1em;
 line-height: 1.4rem;
 margin-bottom: .5em;
}
.itomaContainer .itomalist .spTmrgn{
 margin-top: 6em;
}
/*.itomaContainer .itomalist .gutters2 .itomaSpan_4,
.itomaContainer .itomalist .gutters2 .itomaSpan_6,
.itomaContainer .itomalist .gutters2 .itomaSpan_8,
.itomaContainer .itomalist .gutters2 .itomaSpan_12 {
 width: 49.0%;
}*/
.itomaContainer .itomalist .gutters2 .itomarow.itomaSpan_12{
 border-top: 1px solid #999;
 margin-bottom: 1.5em;
 padding: 1em;
}
.itomaContainer .itomalist .gutters2 .itomarow.itomaSpan_12.brdrNo{
 border-top: 0;
}
.itomaContainer .itomalist .gutters2 .itomacol{
 margin: 0 0 0 2%;
 }
.itomaContainer .itomalist .gutters2 .itomacol:nth-child(odd){
 margin-left: 0;
 }
.itomaContainer .itomalist.exhibitionWrap .lnkBtn{
 background : #9c2913;
}
.itomaContainer .itomalist.attractionWrap .lnkBtn{
 background : #e83f1d;
}
.itomaContainer .itomalist.marketWrap .lnkBtn{
 background : #e8a41c;
}
.itomaContainer .itomalist a.iconBtn{
 background: #9e9e9e;
 color: #fff;
 display: inline-block;
 text-align: center;
 width: 30px;
 height: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
 font-size: 16px;
 margin: 0 .2em .2em;
 padding: 6px 4px;
 text-decoration: none;
}
.itomaContainer .itomalist a.iconBtn.facebook{
 background: #265a96;
}
.itomaContainer .itomalist a.iconBtn.twitter{
 background: #00acec;
}
.itomaContainer .itomalist a.iconBtn.googleplus{
 background: #dd4b39;
}
.itomaContainer .itomalist a.iconBtn.instagram{
 background: #e1306c;
}
.itomaContainer .itomalist a.iconBtn.youtube{
 background: #cd201f;
}
.itomaContainer .itomalist a.iconBtn:hover{
 opacity: .7;
}
.itomaContainer  .font12{
 font-size:12px;
}
.itomaContainer .itomalist .workshop,
.itomaContainer .itomalist .onlineshop{
 line-height: 1.4rem;
}
.itomaContainer .itomalist .workshop a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 margin: 0;
 padding: .3em .4em;
 text-align: center;
 text-decoration: none;
 background: rgba(232,164,28,.7);
 font-size: 12px;
 letter-spacing: 0;
}
.itomaContainer .itomalist .onlineshop a{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border: 1px solid rgba(232,164,28,1);
 color: rgba(232,164,28,1);
 display: block;
 margin: 0;
 padding: .4em;
 text-align: center;
 text-decoration: none;
 /*background: rgba(83,143,111,0.70);*/
 font-size: 12px;
 letter-spacing: 0;
}
.itomaContainer .itomalist .workshop a::after{
 content: "\00a0\f1c1";
 font-family: "FontAwesome";
}
.itomaContainer .itomalist .onlineshop a::after{
 content: "\00a0\f290";
 font-family: "FontAwesome";
}
.itomaContainer .itomalist .workshop2::before{
 color: #e83f1d;
 content: "\f005\00a0";
 font-family: "FontAwesome";
}
.itomaContainer .itomalist .workshop3{
 font-weight: bold;
}
.itomaContainer .itomalist .workshop3::before{
 color: #e83f1d;
 content: "\f111\00a0";
 font-size: 15px;
 font-family: "FontAwesome";
}
.itomaContainer .youtubeBox p{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
.itomaContainer .youtubeBox2{
 margin: 4em 0;
}
.itomaContainer .youtubeBox2 p{
 position: relative;
 padding-top: 56.33%; /* h676/w1200*/
}
.itomaContainer .youtubeBox p iframe,
.itomaContainer .youtubeBox2 p iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-height: 100%;
}
/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media print, screen and (min-width: 600px) {
/* SNSボタン */
.itomaContainer .snsBtn {
 margin: 1em .5em 0 .5em;
 position: inherit;
 text-align: right;
 bottom: inherit;
 left:inherit;
}
.itomaContainer .snsBtn a{
 display: inline-block;
 padding: 4px 6px;
 text-align: center;
}
.itomaContainer .snsBtn a.facebook{
 /*background: #265a96;*/
}
.itomaContainer .snsBtn a.twitter{
 /*background: #00acec;*/
}
.itomaContainer .snsBtn a.instagram{
 /*background: #dd4b39;*/
}
.itomaContainer #guideline2020 .reserve{
 margin-bottom: 1.5em;
 padding: 1em 1.5em .1em;
}
.itomaContainer #guideline2020 ul li li{
 padding-left: 1em;
}
/* ページ共通 */
.itomaContainer .spNone {
 display: block;
}
.itomaContainer .caption{
 font-size: 14px;
}
.itomaContainer .mainTtl {
 padding: 1em 0;
}
.itomaContainer .block-category-list--header {
 text-align: center;
}
.itomaContainer .btnArrow a,
.itomaContainer .btnMail a,
.itomaContainer .btnPdf a{
 margin: 2em 0;
 font-size: 16px;
}
.itomaContainer .btnPdfTop a{
 font-size: 16px;
}
.itomaContainer .aboutDetail dt{
 background: #fff;
 letter-spacing: .1em;
}
/************************************************/
.itomaContainer .mainContents{
 padding: 1em;
}
.itomaContainer .leadTxtArea{
 font-size: 19px;
 margin: 0 0 2.5em;
 padding: 1em 2.5em 7.5em;
}
.itomaContainer .leadTxtArea p{
 padding: 0 .5em;
 text-align: center;
}
.itomaContainer .leadTxtArea .brNone{
 display: block;
}
.itomaContainer .mainContents h2.ttl{
 font-size: 25px;
 font-weight: bold;
}
.itomaContainer .mainContents h3.ttl{
 font-size: 16px;
 font-weight: normal;
}
/* TOPページ */
.itomaContainer .mainContents .lead{
 font-size: 13px;
 font-weight: normal;
 margin: 1.5em 0 2em;
}
.itomaContainer .mainContents #contentsList .itomaSpan_5{
 padding: .5em;
 width: 19.1%;
}
.itomaContainer .mainContents #contentsList .itomaSpan_5:nth-child(6){
 margin-left: 0;
}
.itomaContainer .mainContents #contentsList .itomaSpan_5:nth-child(5){
 margin-bottom: 1em;
}
/*出展リスト*/
.itomaContainer .itomalist h4{
 font-size: 14px;
 font-weight: bold;
 margin: .5em 0;
}
.itomaContainer .itomalist .gutters2 .itomaSpan_4 { width: 15.0%; }
.itomaContainer .itomalist .gutters2 .itomaSpan_6 { width: 23.5%; }
.itomaContainer .itomalist .gutters2 .itomaSpan_8 { width: 32.0%; }
.itomaContainer .itomalist .gutters2 .itomaSpan_12 { width: 49.0%; }
.itomaContainer .itomalist .gutters2 .itomacol:nth-child(odd){
 margin-left: 2%;
}
.itomaContainer .itomalist .gutters2 .itomacol:nth-child(4n+1){
 margin-left: 0;
}
.itomaContainer .itomalist .gutters2 .itomarow.itomaSpan_12{
 border-left: 1px solid #999;
 margin-bottom: 1.5em;
 padding: 1em;
}
.itomaContainer .itomalist .gutters2 .itomarow.itomaSpan_12.brdrNo{
 border-top: 1px solid #999;
}
.itomaContainer .itomalist .gutters2 .itomaSpan_6 img{
 border: 0;
}
/*.itomaContainer .itomalist .gutters2 .itomaSpan_6 li img.itomaListPic{
 border: 1px solid #dedede;
 padding: .4em;
}*/
.itomaContainer .itomalist .spTmrgn{
 margin-top: 0;
}
.itomaContainer .youtubeBox p{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
.itomaContainer .youtubeBox2 p{
 position: relative;
 padding-top: 56.33%; /* h676/w1200*/
}
}
/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media screen and (min-width : 768px) {
/* PC */
.itomaContainer .aboutDetail dt{
 letter-spacing: .5em;
}
.itomaContainer #guideline2020 ul li li{
 padding-left: 2em;
}
}
/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media screen and (min-width : 1024px) {
/* PC */
.itomaContainer nav.itomaNav li{
 font-size: 16px;
 letter-spacing: .1em;
}
.itomaContainer .btnArrow a,
.itomaContainer .btnMail a,
.itomaContainer .btnPdf a,
.itomaContainer .btnPdfTop a{
 letter-spacing: .1em;
}
.itomaContainer .leadTxtArea{
 padding: 1em 4.5em 8.5em;
}
.itomaContainer #guideline2020 ul li{
 padding-left: 2em;
}
.itomaContainer #guideline2020 ul li li{
 padding-left: 1.5em;
}
}