.fair_contents {
	font-size: 115%;
	margin-bottom:5em;
}
.fair_contents img {
	max-width: 100%;
}
.fair_contents .note {
	font-size: 85%;
}
.fair_contents .moreinfo {
	width: 100%;
	margin: 10px auto 0;
	font-size: 0.9rem;
	border: none;
}
.fair_contents .moreinfo a {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0.5em 0;
	background-color: #fff;
	border: solid 1px #ccc;
	text-align: center;
}
.fair_contents .moreinfo a,
.fair_contents .image a {
	transition: 0.5s;
}
.fair_contents .moreinfo a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
}
.fair_contents .moreinfo a:hover,
.fair_contents .image a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.5s;
}
.fair_contents .clearfix{
	overflow:hidden;
}
.fair_contents .clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:0.01px;
	visibility:hidden;
	overflow:hidden;
}

/* *************** リード文 *************** */
.fair_contents .top {
	margin: 0 0 2em;
	text-align: center;
}
.fair_contents .subheader {
	font-family: Helvetica,Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size: 170%;
	font-weight: bold;
}
.fair_contents .date {
	margin: 0 0 1em;
	font-family: Helvetica,Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size: 140%;
	font-weight: bold;
}
.fair_contents .lead {
	margin-top: 1em;
}

/* ************* ページ内ナビ ************* */
.fair_contents .page_nav {
	margin: 3em 0;
}
.fair_contents .page_nav ul {
	display: -webkit-flex;
	display: flex;
}
.fair_contents .page_nav a {
	padding: 0.5em 0 1.5em;
	border: solid 1px #ccc;
	border-right: none;
	background-color: #eee;
	font-size: 115%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-decoration:none;
	position: relative;
}
.fair_contents .page_nav li:last-child a {
	border-right: solid 1px #ccc;
}
.fair_contents .page_nav a:hover {
}
.fair_contents .page_nav a::after {
	content: "\f107";
	font-family: FontAwesome;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/* ************* ブランド紹介 ************* */
.fair_contents .brand {
	text-align: center;
	margin-top:20px;
}
.fair_contents .brand h3 {
	width: 600px;
	margin: 15px auto;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #ccc;
	font-weight: normal;
}
.fair_contents .brand h4 {
	font-size: 140%;
	font-family: Helvetica,Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.fair_contents .brand .btn a {
	display: block;
	width: 60%;
	margin: 2em auto;
	padding: 1em 0;
	background-color: #eee;
	border-radius: 5px;
	font-weight: bold;
	transition: 0.5s;
}
.fair_contents .brand .btn a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.5s;
}
.fair_contents .brand .btn a::after {
	content: "\f105";
	font-family: FontAwesome;
	margin-left: 0.5em;
}

/****************** 見出し ******************/
.fair_contents .fair_tit {
	text-align:center;
	font-weight:bold;
	font-family: Helvetica,Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size:150%;
	margin-top:50px;
}

/* *************** 商品紹介2カラム *************** */
.fair_contents .item_2col {
	margin: 0 auto;
	overflow: hidden;


}
.fair_contents .item_2col > * {
	float: left;
	width: calc(50% - 1.5em);
	margin-bottom: 3em;
}
.fair_contents .item_2col > *:nth-child(2n) {
	float: right;
}
.fair_contents .item_2col li dl {
	margin: 1em 0 0;
}
.fair_contents .item_2col li dt {
	font-size: 110%;
	font-weight: bold;
}

/* *************** 商品紹介3カラム *************** */
.fair_contents .item_3col {
	margin: 0 auto;
	overflow: hidden;
}
.fair_contents .item_3col > * {
	float: left;
	width: calc(33.33% - 1.5em);
	margin: 0 2.1em 3em 0;
}
.fair_contents .item_3col > *:nth-child(3n) {
	margin-right: 0;
}
.fair_contents .item_3col li dl {
	margin: 1em 0 0;
}
.fair_contents .item_3col li dt {
	font-size: 110%;
	font-weight: bold;
}

/* *************** 商品紹介4カラム *************** */
.fair_contents .item_4col {
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	width:100%;justify-content: space-around;
}
.fair_contents .item_4col > * {
	/*float: left;*/
	width: calc(20% - 1.5em);
	margin: 0 2.1em 3em 0;
}
.fair_contents .item_4col > *:nth-child(4n) {
	margin-right: 0;
}
.fair_contents .item_4col li dl {
	margin: 1em 0 0;
}
.fair_contents .item_4col li dt {
	font-size: 110%;
	font-weight: bold;
}


/* ************** ご購入特典 ************** */
.fair_contents .special {
	overflow: hidden;
	margin: 0 auto 5em;
	padding: 1.5em;
	border: solid 0.5em #ccc;
}
.fair_contents .special h2 {
	margin: 0;
	font-size: 140%;
	font-family: Helvetica,Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.fair_contents .special .text,
.fair_contents .special .image {
	width: calc(50% - 0.5em);
}
.fair_contents .special .text {
	float: left;
}
.fair_contents .special .image {
	float: right;
	margin-left: 1em;
}
/*画像を左に配置*/
.fair_contents .special .image_right {
	float: left;
	width: calc(50% - 0.5em);
	margin-right: 1em;
}
.fair_contents .special p {
	margin: 1em 0;
}
.fair_contents .special .em {
	color: #c00;
	font-size: 120%;
	font-weight: bold;
}

/* *********** お申込みフォーム *********** */
.fair_contents .seminar_form {
	margin: 3em 0 0;
	text-align: center;
}
.fair_contents .seminar_form > p {
	margin: 0 0 1em;
	font-size: 120%;
	font-weight: bold;
}
.fair_contents .seminar_form .form_web {
	margin: 0 0 1.5em;
}
.fair_contents .seminar_form .form_web a {
	display: block;
	padding: 1em;
	background-color: #dc143c;
	border-radius: 5px;
	box-shadow: 0 2px 0 #a80f2e;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}
.fair_contents .seminar_form .form_web a::after {
	content: "  \f105";
	font-family: FontAwesome;
}
.fair_contents .seminar_form .form_web a:hover {
	text-decoration: none;
	box-shadow: none;
	transform: translateY(2px);
}
.fair_contents .seminar_form .form_tel {
	margin: 0 0 1em;
	padding: 1.5em 0;
	background-color: #eee;
	font-size: 120%;
}
.fair_contents .seminar_form .form_tel p {
	margin: 0;
}
.fair_contents .seminar_form .form_tel .tel {
	margin: 0.5em 0;
	font-size: 140%;
	font-weight: bold;
}
.fair_contents .seminar_form .form_tel .tel::before {
	content: "\f095";
	margin-right: 0.5em;
	color: #666;
	font-family: FontAwesome;
}

/* ************ 来店予約ボタン ************ */
.fair_reserve {
	margin: 3em auto;
	width: calc(60% + 2em);
}
.fair_reserve a {
	display: block;
	padding: 1em;
	background-color: #dc143c;
	border-radius: 5px;
	box-shadow: 0 2px 0 #a80f2e;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}
.fair_reserve a::after {
	content: "  \f105";
	font-family: FontAwesome;
}
.fair_reserve a:hover {
	text-decoration: none;
	box-shadow: none;
	transform: translateY(2px);
}
.fair_reserve .form_txt {
	font-size:115%;
	text-align:center;
}


/* ************ 来店予約ボタン ************ */
.fair_reserve_column2 {
    margin: 3em auto;
}
.fair_reserve_column2 p {
    display: inline-block;
    width: 49%;
    text-align: center;
}
.fair_reserve_column2 a {
    display: inline-block;
    width: 80%;
    padding: 1em;
    background-color: #dc143c;
    border-radius: 5px;
    box-shadow: 0 2px 0 #a80f2e;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    line-height: 1.3em;
}
.fair_reserve_column2 a::after {
    content: "  \f105";
    font-family: FontAwesome;
}
.fair_reserve_column2 a:hover {
    text-decoration: none;
    box-shadow: none;
    transform: translateY(2px);
}
.fair_reserve_column2 .form_txt {
    font-size:115%;
    text-align:center;
}

/* *************** 店舗情報 *************** */
.shopinfo {
	width: 60%;
	margin: 0 auto 3em;
	padding: 1.5em 1em;
	border: solid 1px #000;
}
.shopinfo > *:not(h2) {
	margin: 0 1em;
}
.shopinfo h2 {
	margin: 0 0 1em;
	font-weight: normal;
}
.shopinfo h2::before {
	content: "[ ";
}
.shopinfo h2::after {
	content: " ]";
}
.shopinfo .shopname {
	margin: 0 1em 1em;
	font-weight: bold;
}
.shopinfo dl {
	overflow: hidden;
}
.shopinfo dt {
	float: left;
}
.shopinfo dt::after {
	content: ":";
}
.shopinfo span {
	font-size: 90%;
}