@charset "UTF-8";

#contents .container { padding: 0 14px; }
.ex_button { display: inline-block; padding: 0.75em 50px; background-color: #fff; border: 1px solid #b3b3b3; font-weight: bold; text-align: center; }
.icon_blank { margin-left: 5px; }
.section_title { margin-bottom: 1em; padding-bottom: 2px; border-bottom: 1px solid #ccc; font-size: 128.5%; font-weight: bold; }
.section_title span { padding-left: 7px; border-left: 4px solid #e60000; }

#head #keyimg img { vertical-align: bottom; }
#head .summary { margin: 30px 0; padding: 2em 37px; background-color: #fafafa; border: 1px solid #bebcbc; }
#head .summary .catch { font-size:142.8%; font-weight: bold; }
#head .summary .text { margin-top: 1em; font-size:114.2%; }
#head .summary .dl_pdf { float: right; margin-top: 1.25em; }
#head .summary .dl_pdf .ex_button { padding-left: 45px; padding-right: 45px; }
#head .summary .dl_pdf .ex_button img { padding: 0 5px 3px 0; vertical-align: middle; }
#head .summary .ex_details { margin-top: 1.25em;  line-height: 1.5em;}
#head .summary .ex_details dt { position: absolute; padding-top: 0.35em; font-weight: bold; }
#head .summary .ex_details dd { display: block; padding-top: 0.35em; padding-left: 8em; }
#head .summary .ex_details dd:before { display: inline-block; content: ":"; width: 0.75em; margin-left: -0.75em; font-weight: bold; }


/*.product_list .item { float: left; width: 287px; margin-bottom: 2em; }
*/.product_list .item { float: left;margin-bottom: 2em; }

.product_list .item.middle { margin-left: 46px; margin-right: 45px; margin-top: 30px; }
.product_list .item .label { margin-bottom: 0.35em; font-weight: bold; }
.product_list .item .thumb { margin-bottom: 0.65em; }
.product_list .item .thumb img { width: 100%; vertical-align: bottom; }
.product_list .item .link_list li { margin-bottom: 0.35em; }
.product_list .item .label a,
.product_list .item .link_list li a { display: inline-block; padding-left: 12px; background: url(../img/arw.png) no-repeat left 0.45em; }

#contents #catalog { margin-top: 40px; padding: 35px 50px 40px; background: #e8e8e8; text-align: center; }
#contents #catalog .head { font-size: 171.4%; font-weight: bold; text-align: center; line-height: 1.3; }
#contents #catalog .head:before { content: ""; display: block; margin-top: 0.6em; margin-bottom: -0.6em; border-top: 1px solid #d9d9d9; }
#contents #catalog .head span { display: inline-block; min-height: 27px; background: url(../img/bg_catalog.png) #e8e8e8 no-repeat 10px top; padding: 0 10px 0 40px; }
#contents #catalog .bold { margin-top: 12px; }
#contents #catalog .ex_button { width: 618px; margin: 22px auto 0; padding: 15px 10px 13px; border: 1px solid #B2B2B2; font-size: 114.3%; }
#contents #catalog .ex_button .arw { padding-left: 12px; background: url(../img/arw.png) no-repeat left 0.45em; }
#contents #catalog .ex_button:hover .arw { text-decoration: underline; }

#contents #mailnews { background: #f5f5f5; padding: 32px 50px 37px; border-top: 1px solid #e0e0e0; }
#contents #mailnews .head { font-size: 171.4%; font-weight: bold; text-align: center; line-height: 1.3; }
#contents #mailnews .head:before { content: ""; display: block; margin-top: 0.6em; margin-bottom: -0.6em; border-top: 1px solid #d9d9d9; }
#contents #mailnews .head span { display: inline-block; min-height: 27px; padding: 0 10px 0 45px; background: url(../img/bg_mailnews.png) #f5f5f5 no-repeat 10px top; }
#contents #mailnews .head + p { margin: 15px 0 30px; text-align: center; }
#contents #mailnews #member { float: left; width: 405px; }
#contents #mailnews #member .label { margin-bottom: 15px; font-size: 142.9%; font-weight: bold; text-align: center; color:#e58a2e; }
#contents #mailnews #member .ex_button { background-color: #f29130; color: #FFF; border: 0; }
#contents #mailnews #regist { float: right; width: 405px; }
#contents #mailnews #regist .label { font-size: 142.9%; font-weight: bold; text-align: center; color:#0d4b9e; margin-bottom: 15px; }
#contents #mailnews #regist .ex_button { background-color: #0d4b9e; color: #FFF; border: 0; }
#contents #mailnews #regist .link { margin-top: 10px; text-align: center; font-weight: bold; }
#contents #mailnews .text { margin-bottom: 18px; }
#contents #mailnews .ex_button { font-size: 128.6%; display: table-cell; vertical-align: middle; width: 415px; line-height: 1; padding: 13px 10px 12px; }
#contents #mailnews .ex_button:hover { opacity: 0.8; filter: alpha(opacity=80); }
#contents #mailnews .ex_button small {font-size: 66.7%; }
#contents #mailnews .ex_button .arw { display: inline-block; padding-left: 12px; background: url(../img/arw_white.png) no-repeat 0 0.35em; }
#contents #mailnews .link .arw { display: inline-block; padding-left: 12px; background: url(../img/arw.png) no-repeat 0 0.45em; }

.arw { background: url("../img/arw.png") no-repeat scroll left 0.35em transparent; padding-left: 12px; }


#content_compass h1 {
    background-color: #f0f0f0;
    border-left: 4px solid #d94141;
    font-size: 178.571%;
    font-weight: bold;
    margin-top: 28px;
    padding: 14px;
}

#facompass_info {
    background-color: #fff;
    border: 1px solid #fad4d4;
    margin: 30px 0 15px;
    padding: 2.57em 60px 2.5em;
    text-align: center;
}
#facompass_info .facompass_info_txt {
    color: #cc0001;
    font-size: 128.57%;
    font-weight: bold;
}
#facompass_info .extbutton {
    background-color: #595959;
    color: #fff;
    display: inline-block;
    font-size: 114.28%;
    font-weight: bold;
    margin: 20px auto 0;
    max-width: 476px;
    padding: 16px 10px 19px;
    width: 100%;
}
#facompass_info .extbutton .arw {
    background: rgba(0, 0, 0, 0) url("../img/arw_white.png") no-repeat scroll left 0.45em;
}

.red_txtS { color:#e61717; font-size:83%; }
.red_txt { color:#e61717;}
.txtSmall { font-size:70%; }


/* MMF2016 ( 2016/5  added) 
PDFのリンクボタンを2つ並ぶように改修
-------------------------------------------------- */

#head div.link_button { float:right; margin-top:-0.5em;}
#head div.pdfCentral { margin-top:-1em;}
#head div.link_button p{ display:inline-block; background-color: #fff; border: 1px solid #b6b6b6; font-weight: bold; padding: 0.75em 10px; text-align: center; margin-left:5px;}
#head div.link_button a { width: 100%;}
a:link { color: #005e8c; text-decoration: none;}
a:hover { color: #005e8c; text-decoration: underline;}

/* MMF2019_2
indexのPDFのリンクボタンを改修
-------------------------------------------------- */

#head div.link_button2 { float:right; margin-top:-0.5em;}
#head div.pdfCentral { margin-top:-1em;}
#head div.link_button2 p{ display:inline-block; background-color: #fff; border: 1px solid #b6b6b6; font-weight: bold; padding: 0.75em 72px; text-align: center; margin-left:5px;}
#head div.link_button2 a { width: 100%;}
a:link { color: #005e8c; text-decoration: none;}
a:hover { color: #005e8c; text-decoration: underline;}


/* MMF2015 ( 2015/12/15update  added) 
-------------------------------------------------- */

.areaAnchor li { float: left; width: 285px;}
.areaAnchor li:first-child { margin-left: 0; }
.areaAnchor li a { display: block; }
.areaAnchor li a:hover { text-decoration: none;opacity: 0.8; filter: alpha(opacity=80); }
.areaAnchor li .areaButton { margin-bottom: 5px; padding: 1em 5px; text-align: center; color: #fff; font-size: 120%; font-weight: bold; }
.areaAnchor li .centralB .areaButton { background-color: #dc4846; }
.areaAnchor li .westB .areaButton { background-color: #068f49; }
.areaAnchor li .westB .areaButton:hover { text-decoration: none;opacity: 0.8; filter: alpha(opacity=80);}
.areaAnchor li .eastB .areaButton { background-color: #037fc7; }
.areaAnchor li .naganoB .areaButton { background-color: #01b3ef; }
.areaAnchor li .areaButton .arw { background-image: url(../img/arw_white.png); }
.areaAnchor li .areaButton2 {
    text-align: center;
    font-weight: bold;
    display: block;
    color: #fff;
    background-color: #ccc;
}


/*未開催＝ボタングレーアウト*/
.areaAnchor li .notyetB .areaButton { background-color: #b7b7b7;}

/*詳細はこちらボタン*/
.areaAnchor li .linkmoreB {margin-top: 8px; padding: 7px 0px; background-color: #615e5e; float: left; width: 285px;}
.areaAnchor li a .linkmoretext {text-align: center; color: #fff; font-size: 100%; font-weight: normal; }
.areaAnchor li .linkmoreB:hover {text-decoration: none;opacity: 0.8; filter: alpha(opacity=80); }
.areaAnchor li .comingB {margin-top: 8px; padding: 7px 0px; background-color: #b7b7b7; float: left; width: 285px;}
/*Comingsoon帯*/
.areaAnchor li .comingtext {text-align: center; color: #fff; font-size: 100%; font-weight: normal; }
.areaAnchor li .comingB:hover {text-decoration: none;opacity: 1; filter: alpha(opacity=100); }

#central { background-color: #dc4846; font-weignt:bold;padding:0.5em; color:#fff;}
#west { background-color: #068f49; font-weignt:bold;padding:0.5em; color:#fff;}
#east { background-color: #e60012; font-weignt:bold;padding:0.5em 0.9em; color:#fff;}
#nagano { background-color: #01b3ef; font-weignt:bold;padding:0.5em; color:#fff;}
#notyet { background-color: #b7b7b7; font-weignt:bold;padding:0.5em; color:#fff;}

/* リンクなしグレー背景ボタン
#notyet {background-color: #b7b7b7; font-weignt:bold; color:#fff; margin-bottom: 5px; padding: 1em 5px; text-align: center; font-size: 120%; font-weight: bold; ;}
#notyet .arw { background: url("../img/arw_white.png") no-repeat scroll left 0.35em transparent; padding-left: 12px; } */

/*#central { background-color: #e79727; width:99%; font-size:150%; font-weignt:bold;padding:0.5em; color:#fff;}
#west { background-color: #068f49; width:99%; font-size:150%; font-weignt:bold;padding:0.5em; color:#fff;}
#east { background-color: #157fc3; width:99%; font-size:150%; font-weignt:bold;padding:0.5em; color:#fff;}
*/

.summary .txtBox { background-color:#ab9c8f; padding: 1px 3px; color:#fff; font-size:78%; }


/* MMF2018 ( 2018/4  added) 
3会場共通のindexページ、各会場のリンクと概要部分の設定
-------------------------------------------------- */
#event_info {margin: 65px 0px 20px 0px;}
#event_info .event_wrap {display: flex;}
#event_info .item {float: left; width: 285px;margin-bottom: 2em;margin-left: 15px; padding: 10px; background-color: #fafafa; border: 1px solid #bebcbc;}
#event_info .item .textarea{height:150px; padding: 5px;}
#event_info .item .textarea dt{float: left;}
#event_info .item .textarea dd{text-indent: 0em;padding-left: 4em;}
#event_info .item  .textarea .text {font-size: 100%;}
#event_info .item  .textarea .date{text-indent: -1em; font-size: 130%; font-weight: bold;}
#event_info .item  .textarea .notyettext {color:#b7b7b7; font-size: 100%; font-weight: bold;}
#event_info .item  .textarea .notyetdate{color:#b7b7b7; text-indent: -1em; font-size: 130%; font-weight: bold;}
#event_info div .item:first-child { margin-left: 0; }
#event_info .comingsoon {display: flex;font-size: 130%; font-weight: bold; text-align: center; justify-content: center; align-items: center;}



/* FOR SMARTPHONE
-------------------------------------------------- */
@media screen and (max-width: 640px) {
	#contents .container { padding: 0; }
	
	#head #keyimg img { max-width: 100%; height: auto; }
	#head .summary { margin: 20px 0; padding: 1em 15px; }
	#head .summary .text { float: none; width: 100%; margin-top: 1em; }
	#head .summary .dl_pdf { float: none; margin-top: 1.35em; }
	#head .summary .dl_pdf a { display: block; width: auto; }
	#head .summary .ex_details { font-size: 92.8%; }
	#head .summary .ex_details dt { padding-top: 0.5em; }
	#head .summary .ex_details dd { padding-top: 0.5em; word-break: break-all !important; }

    #head .summary .ex_details dt {width: 7.5em; }
    #head .summary .ex_details dd {padding-left: 8em; }

        #head .summary .ex_details dt.hei_2em {min-height: 2em;}
        #head .summary .ex_details dd.hei_2em {min-height: 2em;}

    
	.areaAnchor li { float: none; width: 100%; margin: 0.1em 0 0; }
	/*.areaAnchor li:first-child {  margin: 0; }*/
	.areaAnchor li a .areaButton { margin-bottom: 0px; }
	
	.product_list { padding: 0 8px; }
	.product_list .item { float: none; width: 100%; margin-bottom: 2em; }
	.product_list .item.middle { margin-left: 0; margin-right: 0; }
	.product_list .item .label a,
	.product_list .item .link_list li a { padding-left: 12px; background: url(../img/arw_2x.png) no-repeat left 0.45em; background-size: 8px auto; }
	.product_list .note { text-align: left; }
	
	#contents #catalog { margin: 30px -8px 0; padding: 40px 20px; }
	#contents #catalog .head span { background-image: url(../img/bg_catalog_2x.png); background-size: 24px auto; }
	#contents #catalog .ex_button { display: block; width: auto; font-size: 100%; }
	#contents #catalog .ex_button .arw { background: url(../img/arw_2x.png) no-repeat left 0.2em; background-size: 8px auto; }
	
	#contents #mailnews { margin: 0 -8px; padding: 37px 20px; }
	#contents #mailnews .head span { background-image: url(../img/bg_mailnews_2x.png); background-size: 27px auto; }
	#contents #mailnews .head + p { margin: 13px 0 22px; text-align: center; }
	#contents #mailnews #member { float: none; width:auto; margin-bottom: 30px; }
	#contents #mailnews #member .label { margin-bottom: 12px; font-size: 128.6%; }
	#contents #mailnews #member .text { margin-top: 12px; }
	#contents #mailnews #regist { float: none; width:auto; }
	#contents #mailnews #regist .label { margin-bottom: 12px; font-size: 128.6%; }
	#contents #mailnews .text { margin: 12px 0 10px; }
	#contents #mailnews .ex_button { display: block; font-size: 100%; width: auto; }
	#contents #mailnews .ex_button small {font-size: 78.6%; }
	#contents #mailnews .ex_button .arw { background: url(../img/arw_white_2x.png) no-repeat 0 0.25em; background-size: 8px auto; }
	#contents #mailnews .link .arw { padding-left: 12px; background: url(../img/arw_2x.png) no-repeat 0 0.45em; background-size: 8px auto; }
	
	#contents .pc_icon { display: inline; padding-left: 3px; vertical-align: baseline!important; }

/* MMF2016 ( 2016/5  added) 
PDFのリンクボタンを2つ並ぶように改修
-------------------------------------------------- */
	#head div.link_button { float: none; margin-top:0; padding-right:20px;}
	#head div.link_button p{ width: 100%; margin:0;}
.contents_wrap #head div.link_button p {margin-top:10px;}　/**/
	
/* MMF2018 ( 2018/4  added) 
3会場共通のindexページ、各会場のリンクと概要部分の設定
-------------------------------------------------- */
#event_info {margin-top: 20px;}
#event_info .event_wrap {display: block;}
#event_info .item {float: none; display: block; width: auto; margin-bottom: 2em; margin: 20px 0px; padding: 10px; background-color: #fafafa; border: 1px solid #bebcbc;}
#event_info .item .textarea{height:auto; padding: 10px;}
#event_info .item .textarea dt{float: none;}
#event_info .item .textarea dd{padding-left: 0px;}
#event_info .item  .textarea .text {font-size: 100%; font-weight: bold;}
#event_info .item  .textarea .date{text-indent: 0px; font-size: 130%; font-weight: bold;}
#event_info .item  .textarea .notyettext {color:#b7b7b7; font-size: 100%; font-weight: bold;}
#event_info .item  .textarea .notyetdate{color:#b7b7b7; text-indent: 0em; font-size: 130%; font-weight: bold;}
#event_info div .item:first-child { margin-left: 0; }
#event_info .comingsoon {display: flex;font-size: 130%; font-weight: normal; text-align: center; justify-content: center; align-items: center; margin-bottom: 30px;}

	
/*詳細はこちらボタン*/
.areaAnchor li .linkmoreB {float: none; margin-top: 8px; padding: 7px 0px;  width: auto;}
.areaAnchor li a .linkmoretext { background-color: #615e5e; padding:5px;  text-align: center; color: #fff; font-size: 100%; font-weight: normal; }
.areaAnchor li .linkmoreB:hover {text-decoration: none;opacity: 0.8; filter: alpha(opacity=80); }
.areaAnchor li .comingB {float: none; background-color: #b7b7b7; width: auto; height:30px;}
.areaAnchor li a .comingtext { background-color: #b7b7b7; padding:5px;  text-align: center; color: #fff; font-size: 100%; font-weight: normal; }	
.areaAnchor li .comingB:hover {text-decoration: none;opacity: 1; filter: alpha(opacity=100); }

	
}



.product_list .item .link_list li a.arwNone{
	background-image:none;
	padding-left:0;
}


.coming_soon{
  margin-bottom: 5px;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  display: block;
  color: #fff;
  background-color: #ccc;
  padding: 1em;
}

/*リンクマーク*/
#event_info .link01 a,
#event_info a.link01 { padding-left: 10px; background: url(/fa/products/img/module/bullet_link.gif) 0 0.5em no-repeat; }

/*web申込みリンク*/
.bt-contact{
 font-size:90%;
 font-weight: bold;
 padding: 1px;
 background-color: #dc4846;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 display: inline-block;
}


.bt-contact a{
    display: block;
    border: 1px solid #dc4846;
    padding: .5em 40px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.bt-contact_e{
 font-size:90%;
 font-weight: bold;
 padding: 1px;
 background-color: #037fc7;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 display: inline-block;
}


.bt-contact_e a{
    display: block;
    border: 1px solid #037fc7;
    padding: .5em 40px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}