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

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

/*========================
	mv
=========================*/
#mv{ background:url(../img/mv.jpg) center no-repeat;}


/*========================================
	タブ
=========================================*/
#selectTab{}
#selectTab #tabNav li{ width:49%;}



/*=========================================
      カテゴリ
=========================================*/
#category{ padding:20px 0 60px;}
#category ul{ max-width:70%; margin:0 auto; overflow:hidden;}
#category ul li{ float:left; width:19%; margin:0 0.5%; text-align:center; font-family: "游明朝", YuMincho;}
#category ul li a{ display:block; padding:15px 0; background:#f1f1f1; text-decoration:none;}
#category ul li.current a,
#category ul li a:hover{ background:#597944; color:#fff;}



/*=========================================
      アイコン
=========================================*/
.iconReco{}
.iconReco span{ display:inline-block; background:#c63238; color:#fff; font-size:85%; padding:4px 15px; margin:0 3px 3px 0; line-height:1; font-family:"游明朝",YuMincho;}

.iconList{}
.iconList span{ font-size:11px; color:#aaa; background:#e5e5e5; padding:6px; display: inline-block; margin:0 2px 2px 0; line-height:1; letter-spacing:-0.05em;}
.iconList span.on{ background:#ccb58b; color:#fff;}



/*=========================================
      一覧から選ぶ
=========================================*/
#fairListBox{ margin:0 0 60px;}
#fairListBox ul.fairList{}
#fairListBox ul.fairList > li{ background:#fff; border:1px solid #ccc; border-width:0 1px 1px 1px; overflow:hidden;}
#fairListBox ul.fairList > li:first-child{ border-top:1px solid #ddd;}
/*日程*/
#fairListBox ul.fairList > li .date{ width:10%; float:left; text-align:center;}
#fairListBox ul.fairList > li .date .inner{ padding:30px 0; overflow:hidden;}
#fairListBox ul.fairList > li .date .day{ font-size:17px; font-weight:bold; line-height:1.5; margin:0 0 50px;}
#fairListBox ul.fairList > li .date .day span{ display:block;}
/*フェア件数*/
#fairListBox ul.fairList > li .date .otherFair{ font-size:12px;}
#fairListBox ul.fairList > li .date .otherFair span{ display:inline-block; font-size:22px; font-weight:bold; margin:0 2px 0 0;}
/*情報*/
#fairListBox ul.fairList > li .info{ float:right; width:90%; overflow:hidden;}
#fairListBox ul.fairList > li .info .inner{ padding:0 20px; margin:30px 0; border-left:1px solid #eee; overflow:hidden;}
#fairListBox ul.fairList > li .info .iconReco{ margin:0 0 5px;}
#fairListBox ul.fairList > li .info .iconReco span{ display:inline-block; font-size:85%; padding:4px 10px; margin:0 2px 2px 0; line-height:1;}
#fairListBox ul.fairList > li .info .title{ font-size:22px; color:#333; margin:0 0 10px; font-family:"游明朝", YuMincho;}
#fairListBox ul.fairList > li .info .inBlock{ margin:0 0 25px; overflow:hidden;}
#fairListBox ul.fairList > li .info .ph { width:25%; float:left;}
#fairListBox ul.fairList > li .info .ph img { width:100%;}
#fairListBox ul.fairList > li .info .txt{ line-height:1.5; margin:0 0 20px 28%;}
#fairListBox ul.fairList > li .info .iconList{ margin:0 0 0 28%;}
/*ボタン*/
#fairListBox ul.fairList > li .info ul.btnMore{ width:90%; margin:0 auto; line-height:100%; font-size:90%; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#fairListBox ul.fairList > li .info ul.btnMore > li{ float:left; width:49%; margin:0 0.5%;}
#fairListBox ul.fairList > li .info ul.btnMore > li a{ display:block; padding:16px 0; color:#fff; background:#597944; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#fairListBox ul.fairList > li .info ul.btnMore > li a:hover{ opacity:0.9;}



/*=========================================
      カレンダー
=========================================*/
#calendarBox{ padding:1px 0 0;}
#calendarBox .titleWrap{ position:relative; margin:30px 0 50px; font-family:"游明朝", YuMincho; text-align:center;}
#calendarBox .titleWrap #calTitle{ font-size:24px; line-height:100%;}
#calendarBox .titleWrap #calTitle span{ font-family:'Arapey', serif; font-size:60px; margin-right:5px;}
#calendarBox .titleWrap ul.btn{}
#calendarBox .titleWrap ul.btn li a{ display:block; border:1px solid #ddd; padding:5px 30px; text-decoration:none;}
#calendarBox .titleWrap ul.btn li.prev{ position:absolute; left:0; top:0;}
#calendarBox .titleWrap ul.btn li.next{ position:absolute; right:0; top:0;}
/*カレンダー*/
#calendarBox .calWrap table.calendar{ width:100%; border-collapse:separate; border-spacing:0 2px;}
#calendarBox .calWrap table.calendar .week th{ width:14.28%; font-size:18px; color:#fff; text-align:center; padding:10px 0; font-family:'Arapey', serif; letter-spacing:0.2em;}
#calendarBox .calWrap table.calendar .week th.w01,
#calendarBox .calWrap table.calendar .week th.w03,
#calendarBox .calWrap table.calendar .week th.w05{ background:#666;}
#calendarBox .calWrap table.calendar .week th.w02,
#calendarBox .calWrap table.calendar .week th.w04{ background:#777;}
#calendarBox .calWrap table.calendar .week th.w06{ background:#72a4b9;}
#calendarBox .calWrap table.calendar .week th.w07{ background:#C78067;}
#calendarBox .calWrap table.calendar td{ background:#FAF9F9; padding:8px 8px 25px; font-size:12px; line-height:1.3;}
#calendarBox .calWrap table.calendar td .day{ font-size:20px; font-family:'Arapey', serif; margin:0 0 8px; line-height:1;}
#calendarBox .calWrap table.calendar td .title{ margin:0 0 15px;}
#calendarBox .calWrap table.calendar td .title a{ color:#222;}
#calendarBox .calWrap table.calendar td .otherFair{ text-align:center; font-size:95%;}
#calendarBox .calWrap table.calendar td .otherFair a{ text-decoration:underline; color:#666;}
#calendarBox .calWrap table.calendar td .otherFair a:hover{ text-decoration:none;}
#calendarBox .calWrap table.calendar td:nth-child(1),
#calendarBox .calWrap table.calendar td:nth-child(3),
#calendarBox .calWrap table.calendar td:nth-child(5){ background:#f3f2f0;}
#calendarBox .calWrap table.calendar td:nth-child(6){ background:#e3eff4;}
#calendarBox .calWrap table.calendar td:nth-child(7){ background:#f4e4e1;}


/*=========================================
      詳細
=========================================*/
#detailBox{}
#detailBox .md{ text-align:center;}
#detailBox .md .date{ margin:0 0 15px;}
#detailBox .md .iconReco{ margin:0 0 5px;}
#detailBox .md h3.title{ font-size:25px; color:#333; font-family:"游明朝", YuMincho;}

#detailBox .topics{ text-align:center; padding:40px 0 50px;}
#detailBox .topics .time{ font-weight:bold; font-size:16px; margin:0 0 13px;}
#detailBox .topics .time table{ margin:0 auto;}
#detailBox .topics .time table th{ text-align:right; vertical-align:top;}
#detailBox .topics .time table td{ vertical-align:top;}
#detailBox .topics .time table td span{ display:inline-block; margin:0 5px;}

#detailBox .fairBox{ overflow:hidden; margin:0 0 80px;}
#detailBox .fairBox .ph{ float:left; width:30%;}
#detailBox .fairBox .inBlock{ float:right; width:67%;}
#detailBox .fairBox .inBlock .txt{ margin:0 0 25px;}
#detailBox .fairBox .inBlock .pickUp{ margin:0 0 30px;}
#detailBox .fairBox .inBlock .pickUp .h,
#detailBox .fairBox .inBlock .reserveBox .h{ margin:0 0 15px; color:#444; font-size:14px; font-family:"游明朝", YuMincho;}
#detailBox .fairBox .inBlock .pickUp .h span,
#detailBox .fairBox .inBlock .reserveBox .h span{ border-bottom:1px solid #444; padding:0 0 5px; letter-spacing:0.1em;}
#detailBox .fairBox .inBlock .reserveBox ul{ overflow:hidden; padding:5px 0 0;} 
#detailBox .fairBox .inBlock .reserveBox ul li{ float:left; width:49%; margin:0 0.5%; text-align:center; line-height:1;}
#detailBox .fairBox .inBlock .reserveBox ul li a{ display:block;}
#detailBox .fairBox .inBlock .reserveBox ul li.form a{ background:#597944; color:#fff; padding:16px 0; text-decoration:none;}
#detailBox .fairBox .inBlock .reserveBox ul li.tel a{ pointer-events:none;}
#detailBox .fairBox .inBlock .reserveBox ul li.tel a span{ display:block; font-size:32px; font-family:'Arapey',serif;}
#detailBox .fairBox .inBlock .reserveBox ul li.tel a span small{ font-size:20px; margin-right:5px;}

/*-- ブライダルフェア内容 --*/
#detailBox .fairInfoSection{ margin:0 0 60px;}
#detailBox .fairInfoSection h4{}
#detailBox .fairInfoSection h4 span{}
#detailBox .fairInfoSection .contentList{}
#detailBox .fairInfoSection .contentList ul{ overflow:hidden;}
#detailBox .fairInfoSection .contentList ul li{ float:left; width:47%; margin:0 1.5% 15px; overflow:hidden;}
#detailBox .fairInfoSection .contentList ul li .ph{ float:left; width:35%;}
#detailBox .fairInfoSection .contentList ul li .inBlock{ float:right; width:62%; line-height:1.4;}
#detailBox .fairInfoSection .contentList ul li .inBlock .h{ font-weight:bold; font-size:105%; margin:0 0 5px;}
#detailBox .fairInfoSection .contentList ul li .inBlock .txt{ font-size:95%;}

/*-- ボタン --*/
#detailBox .btnBox{ width:90%; margin:0 auto 80px;}
#detailBox .btnBox ul{ overflow:hidden;}
#detailBox .btnBox ul li{ float:left; width:48%; margin:0 1%;}
#detailBox .btnBox a{ display:block; padding:15px 0; position:relative; border:1px solid #ccc; text-align:center; text-decoration:none; transition:all 0.3s ease;}
#detailBox .btnBox a:hover{ opacity:0.8;}
#detailBox .back a:after{ content:""; display:block; width:6px; height:6px; margin:auto; position:absolute; top:0; bottom:0; left:10px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
#fairDetail .btnBox ul li.down a:after{ content:""; display:block; width:6px; height:6px; margin:auto; position:absolute; top:0; bottom:0; right:10px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform:rotate(135deg); transform:rotate(135deg);}



/*=========================================
	フォーム関連
=========================================*/
#reserveSection{ padding:60px 5%; margin:0 0 50px; background:#f3efe9;}
#reserveSection .txt{ text-align:center; margin:0 0 30px;}
#reserveSection .fBlock{ margin:0 0 30px;}
#reserveSection .fBlock .h{ background:#597944; color:#fff; padding:10px 15px; margin:0 0 10px;}
#reserveSection table.fm{ width:100%; color:#333;}
#reserveSection table.fm tr{ border-bottom:1px solid #d5d5d5;}
#reserveSection table.fm tr:last-child{ border-bottom:none;}
#reserveSection table.fm th{ width:25%;}
#reserveSection table.fm td{ padding:25px 0;}
#reserveSection .fBlock .txtArea{ margin:25px 0 0;}

/*RADIOBTN*/
input[type="radio"]{ margin:0 5px 0 1px;}
/*CHECKBOX*/
input[type="checkbox"]{ margin:0 5px 0 1px;}
/*SELECT*/
select{ border:1px solid #fff; width:200px; height:40px; background:#fff;}
/*INPUT*/
input[type="text"],
input[type="tel"]{ width:100%; padding:0 1%; height:40px; border:1px solid #fff; box-sizing:border-box;}
input:focus,
textarea:focus,
select:focus{ border-color:#666; outline:1px solid #fff;}
input.wMdl{ width:30%;}
input.addNmb{ width:15%; margin:0 10px;}
/*TEXTAREA*/
textarea{ width:98%; padding:0.5%; border:1px solid #ddd; font-size:16px; height:200px;}
/*サブテキスト*/
table.fm td .subTxt{ font-size:85%; margin:5px 0 0; color:#666;}
/*リスト*/
ul.formList{}
ul.formList li{}
/*入力モード指定*/
input.imeMode{ ime-mode: inactive;}/*英数字入力モード（変更可能）*/
/*必須*/
span.iconHissu{ display:inline-block; background:#c22b31; color:#fff; font-size:10px; line-height:100%; padding:3px; margin:0 5px; border-radius:1px;}
.red{ color:#e10909;}

/*確認BTN*/
.btnWrap{ text-align:center; margin:40px 0 0;}
.btnWrap input.button{ width:300px; height:40px; border-style: none; color:#fff; cursor:pointer; background:#597944; border-radius:3px; font-size:14px;}
.btnWrap input[name="back"]{ background:#999;}
.btnWrap > span{ margin:0 4px;}




/*=========================================
      その他のフェア一覧
=========================================*/
#otherFair{ padding:80px 0 0;}
#otherFair .otherTitle{ font-size:18px; margin:0 0 20px; padding:0 0 0 25px; color:#333; line-height:1; position:relative;}
#otherFair .otherTitle:before{ content:""; position:absolute; left:0; top:0.4em; bottom:0; margin:auto; box-sizing:border-box; width:10px; height:10px; border:8px solid transparent; border-top:10px solid #333;}
#otherFair #fairListBox ul.btnMore li{ float:none; width:50%; margin:0 auto;}
#otherFair .btnBox .back{ width:60%; margin:0 auto;}








/*===================================================

	スマホ

===================================================*/
@media only screen and (max-width: 739px) {



/*=========================================
      タブ
=========================================*/
#selectTab{ margin:0 0 30px; padding:0 5%;}



/*=========================================
      カテゴリ
=========================================*/
#category{ padding:0 0 20px;}
#category ul{ max-width:92%;}
#category ul li{}
#category ul li a{ padding:12px 0;}
#category ul li.current a,
#category ul li a:hover{}


/*=========================================
      アイコン
=========================================*/
.iconReco{}
.iconReco span{}

.iconList{}
.iconList span{ font-size:10px; color:#aaa; padding:4px 5px; display: inline-block; margin:0 2px 2px 0; border-radius:1px;}
.iconList span.on{}

/*=========================================
      一覧から選ぶ
=========================================*/
#fairListBox{ width:90%; margin:0 auto 30px;}
#fairListBox ul.fairList{}
#fairListBox ul.fairList > li{ margin:0 0 15px; overflow:hidden;}
/*日程*/
#fairListBox ul.fairList > li .date{ float:none; width:auto; text-align:left; overflow:hidden;}
#fairListBox ul.fairList > li .date .inner{ padding:7px 4%;}
#fairListBox ul.fairList > li .date .day{ float:left; font-size:15px; margin:0;}
#fairListBox ul.fairList > li .date .day span{ display:inline;}
/*フェア件数*/
#fairListBox ul.fairList > li .date .otherFair{ float:right; font-size:10px;}
#fairListBox ul.fairList > li .date .otherFair span{ font-size:18px;}
#fairListBox ul.fairList > li .date .otherFair br{ display:none;}
/*情報*/
#fairListBox ul.fairList > li .info{ float:none; width:auto;}
#fairListBox ul.fairList > li .info .inner{ padding:15px 0 25px; margin:0 4%; border:1px solid #eee; border-width:1px 0 0;}
#fairListBox ul.fairList > li .info .iconReco{}
#fairListBox ul.fairList > li .info .iconReco span{}
#fairListBox ul.fairList > li .info .title{ font-size:14px;}
#fairListBox ul.fairList > li .info .inBlock{ margin:0 0 15px;}
#fairListBox ul.fairList > li .info .ph { margin:0 3% 2px 0;}
#fairListBox ul.fairList > li .info .ph img {}
#fairListBox ul.fairList > li .info .txt{ line-height:1.5; margin:0 0 15px 0%; font-size:10px;}
#fairListBox ul.fairList > li .info .iconList{ clear:both; margin:0;}
/*ボタン*/
#fairListBox ul.fairList > li .info ul.btnMore{ width:auto;}
#fairListBox ul.fairList > li .info ul.btnMore > li{ float:left; width:49%; margin:0 0.5%;}
#fairListBox ul.fairList > li .info ul.btnMore > li a{ padding:12px 0;}


/*=========================================
      カレンダー
=========================================*/
#calendarBox{ padding:0 3%;}
#calendarBox .titleWrap{ position:relative; margin:10px 0;}
#calendarBox .titleWrap #calTitle{ font-size:17px; margin:0 0 25px;}
#calendarBox .titleWrap #calTitle span{ font-size:40px;}
#calendarBox .titleWrap ul.btn{ overflow:hidden;}
#calendarBox .titleWrap ul.btn li{ width:25%;}
#calendarBox .titleWrap ul.btn li a{ padding:5px 0;}
#calendarBox .titleWrap ul.btn li.prev{ position:inherit; float:left;}
#calendarBox .titleWrap ul.btn li.next{ position:inherit; float:right;}
/*カレンダー*/
#calendarBox .calWrap table.calendar{ border-spacing:0 1px;}
#calendarBox .calWrap table.calendar .week th{ font-size:15px; letter-spacing:0.1em;}
#calendarBox .calWrap table.calendar td{ padding:10px 0; text-align:center;}
#calendarBox .calWrap table.calendar td .day{ font-size:22px; margin:0;}
#calendarBox .calWrap table.calendar td .day a{ text-decoration:underline;}
#calendarBox .calWrap table.calendar td .title{ display:none;}
#calendarBox .calWrap table.calendar td .otherFair{ display:none;}

/*=========================================
      詳細
=========================================*/
#detailBox{}
#detailBox .md{ padding:0 3%;}
#detailBox .md .date{ margin:0 0 10px; font-size:90%;}
#detailBox .md .iconReco{ margin:0 0 5px;}
#detailBox .md h3.title{ font-size:15px; font-weight:bold;}

#detailBox .topics{ text-align:center; padding:10px 3% 20px;}
#detailBox .topics .time{ font-size:12px; margin:0 0 8px;}
#detailBox .topics .time table{ margin:0 auto;}
#detailBox .topics .time table th{ width:80px;}
#detailBox .topics .time table td{ text-align:left;}
#detailBox .topics .time table td span{}
#detailBox .topics .iconList{ text-align:left;}

#detailBox .fairBox{ padding:0 3%; margin:0 0 40px;}
#detailBox .fairBox .ph{ float:none; width:auto; margin:0 0 15px;}
#detailBox .fairBox .inBlock{ float:none; width:auto;}
#detailBox .fairBox .inBlock .txt{ margin:0 0 20px;}
#detailBox .fairBox .inBlock .pickUp{ margin:0 0 20px;}
#detailBox .fairBox .inBlock .pickUp .h,
#detailBox .fairBox .inBlock .reserveBox .h{ font-size:13px;}
#detailBox .fairBox .inBlock .pickUp .h span,
#detailBox .fairBox .inBlock .reserveBox .h span{}
#detailBox .fairBox .inBlock .reserveBox ul{ overflow:hidden; padding:5px 0 0;} 
#detailBox .fairBox .inBlock .reserveBox ul li{ float:none; width:auto; margin:0 3% 10px; text-align:center; line-height:1;}
#detailBox .fairBox .inBlock .reserveBox ul li a{ display:block;}
#detailBox .fairBox .inBlock .reserveBox ul li.form a{ padding:16px 0;}
#detailBox .fairBox .inBlock .reserveBox ul li.tel a{ pointer-events:inherit; border:1px solid #ddd; padding:7px 0 5px;}
#detailBox .fairBox .inBlock .reserveBox ul li.tel a span{ font-size:28px;}
#detailBox .fairBox .inBlock .reserveBox ul li.tel a span small{ font-size:18px;}

/*-- ブライダルフェア内容 --*/
#detailBox .fairInfoSection{ margin:0 3% 30px;}
#detailBox .fairInfoSection h4{}
#detailBox .fairInfoSection .contentList{}
#detailBox .fairInfoSection .contentList ul{ overflow:hidden;}
#detailBox .fairInfoSection .contentList ul li{ float:none; width:auto; margin:0 0 10px;}
#detailBox .fairInfoSection .contentList ul li .ph{}
#detailBox .fairInfoSection .contentList ul li .inBlock{}
#detailBox .fairInfoSection .contentList ul li .inBlock .h{ font-size:100%;}
#detailBox .fairInfoSection .contentList ul li .inBlock .txt{}

/*-- ボタン --*/
#detailBox .btnBox{ width:90%; margin:0 auto 40px;}
#detailBox .btnBox ul{ overflow:hidden;}
#detailBox .btnBox ul li{ float:none; width:auto; margin:0 0 10px;}
#detailBox .btnBox a{}
#detailBox .back a:after{}
#detailBox .btnBox ul li.down a:after{}



/*=========================================
	フォーム関連
=========================================*/
#reserveSection{ padding:30px 0; margin:0 0 40px;}
#reserveSection .txt{ text-align:center; margin:0 3% 20px; font-size:90%; text-align:left;}
#reserveSection .fBlock{ margin:0 0 20px;}
#reserveSection .fBlock .h{ padding:7px 4%; margin:0;}
#reserveSection table.fm{ width:90%; margin:0 auto;}
#reserveSection table.fm tr{}
#reserveSection table.fm tr:last-child{}
#reserveSection table.fm th{ display:block; width:auto; padding:20px 0 10px; font-size:14px;}
#reserveSection table.fm td{ display:block; width:auto; padding:0 0 20px;}
#reserveSection .fBlock .txtArea{ width:90%; margin:15px auto 0;}

/*文字サイズ*/
select,
input[type="text"],
input[type="tel"],
textarea{ font-size:16px;}
::-webkit-input-placeholder{ font-size:12px;}
::-moz-placeholder{ font-size:12px;}
/*RADIOBTN*/
input[type="radio"]{}
/*CHECKBOX*/
input[type="checkbox"]{}
/*SELECT*/
select{ width:auto !important; min-width:30%;}
/*INPUT*/
input[type="text"]{}
input.name{}
input.wMdl{}
input.addNmb{ width:30%; margin:0 5px;}
/*TEXTAREA*/
textarea{ height:100px;}
/*サブテキスト*/
table.fm td .subTxt{}
/*リスト*/
ul.formList{}
ul.formList li{}
/*入力モード指定*/
input.imeMode{}/*英数字入力モード（変更可能）*/
/*必須*/
span.iconHissu{ font-weight:normal;}
/*確認BTN*/
.btnWrap{ text-align:center; margin:0 0 20px;}
.btnWrap input.button{ width:38%; height:35px; border-style:none; font-size:13px; -webkit-appearance:none;}



/*=========================================
      その他のフェア一覧
=========================================*/
#otherFair{}
#otherFair .otherTitle{ font-size:13px; margin: 0 2% 20px;}
#otherFair .otherTitle:before{ left:3%; width:8px; height:8px; border:6px solid transparent; border-top:6px solid #333;}
#otherFair #fairListBox ul.btnMore li{ width:70%;}
#otherFair .btnBox .back{ width:90%;}

}