@charset "utf-8";

html {
	-webkit-text-size-adjust: 100%;	
	font-family: sans-serif,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-weight:500;
}

body { overflow-x: hidden; }

#lsdummy {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000000;
	width: 100%;
	height: 100%;
	padding: 0;
	padding-top: 7%;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	background: url(img/lsdummy.gif) no-repeat center bottom #004c6f;
	background-size: cover;	
}

/* ---------------------------------------------
	clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.txt_l { text-align: left !important; }
.txt_c { text-align: center !important; }
.txt_r { text-align: right !important; }

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
------------------------------------------------------------------------------
  ▼▼▼ PC version ▼▼▼
------------------------------------------------------------------------------
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media(min-width:640px){
/* ==============================================================================
  common
============================================================================== */
.ophover:hover {
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
	
.ophover2:hover {
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
	
.fl_l_pc { float: left !important; }
.fl_r_pc { float: right !important; }

.txt_l_pc { text-align: left !important; }
.txt_c_pc { text-align: center !important; }
.txt_r_pc { text-align: right !important; }

.ft_bold_pc { font-weight: bold !important; }

.ft_note01 { color: #FF0004 !important; }
.ft_note02 {
	width: 100% !important;
	margin: 70px 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	color: #FF0004 !important;
	text-align: center;
}

.w180_pc { width: 180px !important; }
.w960_pc { width: 960px !important; margin: 0 auto !important; }
.w1050_pc { width: 1050px !important; margin: 0 auto !important; }
	
.mb00_pc { margin-bottom: 0px !important; }
.mb15_pc { margin-bottom: 15px !important; }
.mb23_pc { margin-bottom: 23px !important; }
.mb30_pc { margin-bottom: 30px !important; }
.mb40_pc { margin-bottom: 40px !important; }
.mb45_pc { margin-bottom: 45px !important; }
.mb50_pc { margin-bottom: 50px !important; }
.mb60_pc { margin-bottom: 60px !important; }
.mb68_pc { margin-bottom: 68px !important; }
.mb80_pc { margin-bottom: 80px !important; }



/* ==============================================================================
  header
============================================================================== */
.wrap_header01 {
	width: 100%;
	height: 188px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 0;
	padding-top: 50px;
	background: url(img/bg_wrap_header01.gif) no-repeat center top;
	box-sizing: border-box;
}

.logo01 {
	width: 134px;
	height: 136px;
	margin: 0 auto;
	padding: 0;
}
	
.logo01 img {
	width: 134px;
	margin: 0 auto;
	padding: 0;
}
	
#h1_top01 {
	display: block;
	width: 134px;
	height: 136px;
	margin: 0 auto;
	padding: 0;
}	
	
.nav01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 80px;
	padding: 0;
}
	
.ul_nav01 {
	display: table;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ul_nav01 li {
	display: table-cell;
	height: 30px;
	margin: 0;
	padding: 0 110px;
	text-align: center;
	vertical-align: middle;
}
	
.li_nav01 {
	border-right: 1px solid #caa852;
}
	
.menu01 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	padding: 0;
	padding-top: 100px;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	background: url(img/bg_menu01.jpg) no-repeat center center;
	background-size: cover;
}
	
.menu02 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	padding: 0;
	padding-top: 100px;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	background-color: #e60012;
	background-size: cover;
}
	
.open {
	display: block;
}
	
.p_menu01 {
	width: 100%;
	margin: 0;
	margin-bottom: 115px;
	padding: 0 30px;
	text-align: center;
	box-sizing: border-box;
}

.p_menu01 img {
	max-width: 100%;
	height: auto;
}

.wrap_link01 {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
	
.p_menu02 {
	width: 100%;
	margin: 0;
	margin-bottom: 60px;
	padding: 0 30px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	box-sizing: border-box;
}
	
 .ft_small01 {
	 font-size: 12px;
}

.ul_menu02 {
	width: 300px;
	margin: 0 auto;
	margin-bottom: 80px;
	padding: 0 30px;
	list-style-type: none;
	box-sizing: border-box;
}

.ul_menu02 li {
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 0;
	font-size: 16px;
	color: #fff;
	text-align: left !important;
}
	
.ul_menu02 li a {
	color: #fff;
	text-decoration: none;
}
	
.ul_menu02 li a:hover {
	color: #caa852;
	text-decoration: none;
}
	
.children {
	margin: 0 auto;
	margin-bottom: 80px;
	margin-left: 30px;
	padding: 30px 30px 0 0;
	list-style-type: none;
	box-sizing: border-box;
}
	
.children li {
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 0;
	font-size: 16px;
	color: #fff;
	text-align: left !important;
}
	
.children li a {
	color: #fff;
	text-decoration: none;
}
	
.children li a:hover {
	color: #caa852;
	text-decoration: none;
}
	
.ul_sns01 {
	width: 100%;
	margin: 0;
	margin-bottom: 80px;
	padding: 20px 0;
	list-style: none;
	font-size: 0;
	text-align: center;
	border-top: 1px solid #caa852;
	border-bottom: 1px solid #caa852;
}

.ul_sns01 li {
	display: inline-block;
	width: 25px;
	margin: 0;
	padding: 0 10px;
	vertical-align: top;
}
	
.ul_sns01 li a img {
	width: 25px;
}
	
#wrap_header_top {
	width: 100%;
	height: 650px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	
#h1_top {
	display: block;
	width: 361px;
	height: 323px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 149px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 2;
}
	
#header_top_scroll {
	width: 53px;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 585px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 2;
}
	
#wrap_bg_header_top {
	width: 100%;
	height: 650px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;	
}
	
.bg_header_top {
	width: 100%;
	height: 650px;
	margin: 0 auto;
	padding: 0;
}
	
#bg_header_top1 {
	background: url(img/bg_header_top01.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top2 {
	background: url(img/bg_header_top02.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top3 {
	background: url(img/bg_header_top03.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top4 {
	background: url(img/bg_header_top04.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top5 {
	background: url(img/bg_header_top05.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top6 {
	background: url(img/bg_header_top06.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top7 {
	background: url(img/bg_header_top07.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top8 {
	background: url(img/bg_header_top08.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top9 {
	background: url(img/bg_header_top09.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top10 {
	background: url(img/bg_header_top10.jpg) no-repeat center center;
	background-size: cover;
}
	
/* ==============================================================================
  navi
============================================================================== */
/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 7000;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  color: rgba(255,255,255,0.8);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(255,255,255,.8);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 430px;
  	height: 100%;
  	padding-top: 130px;
	box-sizing: border-box;
  	background: #caa852;
  	z-index: 1;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
}
.side-menu::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}


/* 開閉用ボタン */	
.side-menu-btn {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 70px;
	height: 70px;
	margin: 0;
	padding: 0;
	cursor: pointer;
 	z-index: 7500;
}
.side-menu-btn .mn_op {
  	display: inherit;
}
.side-menu-btn .mn_cl {
  	display: none;
}
.side-open .mn_op {
  	display: none;
}
.side-open .mn_cl {
  	display: inherit;	
}

/* メインコンテンツ */
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 6500;
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .overlay {
  -webkit-transform: translate3d(430px, 0, 0);
  transform: translate3d(430px, 0, 0);
}
	
.side-menu-ul {
  	width: 100%;
	margin: 0;
	margin-bottom: 50px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #faf1db;
}

.side-menu-ul li a {
	display: block;
  	width: 100%;
	margin: 0;
	padding: 25px;
	box-sizing: border-box;
	border-bottom: 1px solid #faf1db;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	background: url(img/ico_arrow02.png) no-repeat 400px center;
}
	
.side-menu-ul li a:hover {
	text-decoration: none;
	background: url(img/ico_arrow02.png) no-repeat 400px center #D7C290;
}
	
.ft_side-menu-ul01 {
	font-size: 22px;
}
	
.side-menu-ul_sns {
  	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 50px;
	list-style: none;
	text-align: center;
}
	
.side-menu-ul_sns li {
	display: inline-block;
  	width: 25px;
	height: 25px;
	margin: 0 10px;
	padding: 0;
	box-sizing: border-box;
}
	
/* ==============================================================================
  top
============================================================================== */
.wrap_articleList01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 0;
	border-top: 1px solid #caa852;
	border-bottom: 1px solid #caa852;
}
	
.articleList01 {
	display: table;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
}

.articleList01_l {
	display: table-cell;
	width: 360px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
	
.articleList01_l a img {
	width: 360px;
}
	
.articleList01_r {
	display: table-cell;
	margin: 0;
	padding: 10px 0 10px 50px;
	box-sizing: border-box;
	vertical-align: middle;
}
	
.ul_articleList01 {
	display: table;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	list-style: none;
}

.li_articleList01_01 {
	display: table-cell;
	width: 95px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	color: #caa852;
}
	
.li_articleList01_01 a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #caa852;
	text-decoration: none;
}
	
.li_articleList01_01 a:hover {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #caa852;
	text-decoration: none;
}
	
.li_articleList01_02 {
	display: none;
}
	
.p_articleList01_spimg {
	display: none;
}
	
.p_articleList01_ttl {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	color: #333333;
}
	
.p_articleList01_ttl a {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
	
.p_articleList01_ttl a:hover {
	color: #caa852;
	text-decoration: none;
}
	
.p_articleList01 {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}
	
.btn_articleList01 {
	width: 100%;
	margin: 0;
	padding: 0;
}
	
.btn01 {
	float: right;
	width: 170px;
	padding: 0;
	margin: 0;
	background-color: #caa852;
}
	
.btn01 a {
	display: block;
	width: 100%;
	padding: 9px 0;
	margin: 0;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(img/ico_arrow01.png) no-repeat 155px center;
}
	
.btn01 a:hover {
	color: #ffffff;
	text-decoration: none;
}
	
.btn02 {
	width: 300px;
	padding: 0;
	margin: 0 auto;
	background-color: #caa852;
}
	
.btn02 a {
	display: block;
	width: 100%;
	padding: 20px 0;
	margin: 0;
	font-size: 17px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
	
.btn02 a:hover {
	color: #ffffff;
	text-decoration: none;
}
	
.btn03 {
	width: 320px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 90px;
	background-color: #caa852;
}
	
.btn03 a {
	display: block;
	width: 100%;
	padding: 22px 0;
	margin: 0;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(img/ico_arrow03.png) no-repeat 300px center;
}
	
.btn03 a:hover {
	color: #ffffff;
	text-decoration: none;
}
	
.btn04 {
	float: right;
	width: 320px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 90px;
	background-color: #caa852;
}
	
.btn04 a {
	display: block;
	width: 100%;
	padding: 22px 0;
	margin: 0;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(img/ico_arrow03.png) no-repeat 300px center;
}
	
.btn04 a:hover {
	color: #ffffff;
	text-decoration: none;
}
	
#wrap_cont_top01 {
	width: 100%;
	height: 782px;
	margin: 0 auto;
	margin-bottom: 80px;
	padding: 0;
	padding-top: 80px;
	box-sizing: border-box;
	background: url(img/bg_wrap_cont_top01.jpg) no-repeat center top;
}
	
#cont_top01 {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 40px 12px;
	background-color: #fff;
	box-sizing: border-box;
}
	
.wrap_articleList_top01 {
	float: left;
	width: 300px;
	margin: 0 12px;
	padding: 0;
	box-sizing: border-box;
}
	
.articleList_top01 {
	width: 300px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}
	
.articleList_top01 .articleList_top01_1 {
	width: 68px;
	height: 68px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
	
.articleList_top01 .articleList_top01_2 {
	width: 300px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}	

.articleList_top01_2 img {
	width: 300px;
}
	
.p_articleList_top_date {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	font-size: 14px;
	color: #caa852;
	box-sizing: border-box;
}
	
.p_articleList_top_ttl a {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	text-decoration: none;
	box-sizing: border-box;
}
	
.p_articleList_top_ttl a:hover {
	color: #caa852;
	text-decoration: none;
}
	
.wrap_btn04 {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

#sp_img_top01 {
	display: none;
}
	
#wrap_cont_top02 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 80px;
	padding: 0;
	box-sizing: border-box;
	background: url(img/bg_wrap_cont_top02.gif) no-repeat center top;
}
	
#cont_top02 {
	width: 1004px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
	
.link_top01 {
	float: left;
	width: 332px;
	height: 332px;
	margin: 1px;
	padding: 0;
	box-sizing: border-box;
}

/* ==============================================================================
  footer
============================================================================== */
#wrap_footer01 {
	width: 100%;
	padding: 0;
	margin: 0;
}
	
.line01 {
	width: 100%;
	height: 46px;
	padding: 0;
	margin: 0;
	margin-bottom: 60px;
	text-align: center;
	background: url(img/bg_line01.gif) repeat-x center 21px;
}
	
.line01_sp {
	display: none;
}
	
.btn_footer01 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 80px;
	text-align: center;
}
	
#wrap_footer02 {
	width: 100%;
	padding: 0;
	padding-top: 225px;
	margin: 0;
	background: url(img/wrap_footer02.png) no-repeat center top;
}
	
.footerbg_sp {
	display: none;
}
	
#wrap_footer03 {
	width: 100%;
	padding: 60px 0 40px 0;
	margin: 0 auto;
	background-color: #ec1443;
}
	
.ul_footer01 {
	padding: 0;
	margin: 0 auto;
	margin-bottom: 60px;
	list-style: none;
	text-align: center;
	font-size: 0;
}
	
.ul_footer01 li {
	display: inline-block;
	padding: 2px 0 2px 30px;
	margin: 0 26px;
	background: url(img/sp_icon_ul_footer01.png) no-repeat left center;
	background-size: 17px auto;
	font-size: 14px;
	color: #caa852;
}
	
.ul_footer01 li a {
	font-size: 14px;
	text-decoration: none;
	color: #caa852;
}

.ul_footer02 {
	width: 135px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 80px;
	list-style: none;
	text-align: center;
	font-size: 0;
}
	
.ul_footer02 li {
	float: left;
	width: 25px;
	padding: 0;
	margin: 0 10px;
}
	
.p_credit01 {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: #caa852;
}
	
#pageTop {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	width: 66px;
	height: 66px;
	margin: 0;
	padding: 0;
}
	
#pageTop a img {
	max-width: 100%;
	height: auto;
}
	
#about_footer {
	width: 100%;
	padding: 90px 0;
	margin: 0;
	margin-bottom: 80px;
	background: url(img/bg_about_footer01.jpg) no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
	color: #fff;
}
	
.p_about_footer01 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
	font-size: 42px;
	line-height: 42px;
	letter-spacing: 3px;
	text-align: center;
	box-sizing: border-box;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.p_about_footer02 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 65px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: center;
	box-sizing: border-box;
	font-family:
    "Cinzel",
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.p_about_footer03 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 20px;
	line-height: 45px;
	letter-spacing: 3px;
	text-align: center;
	box-sizing: border-box;
	font-family:
    "Cinzel",
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
/* ==============================================================================
  pagenation
============================================================================== */	
.wrap_pagenation {
	width: 100%;
	margin: 0;
	margin-bottom: 80px;
	padding: 0;
	font-size: 0;
	text-align: center;
}

.pagination {
	margin: 0;
	padding: 0;
	text-align: center;
}

.page_num {
	display: none;
}
	
.first {
	display: none;
}
	
.last {
	display: none;
}
	
.pager {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	padding: 0;
	padding-top: 13px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	background: #cdc7b3;
	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
  	border-radius: 20px;
	box-sizing: border-box;
}

.pager:hover {
	text-decoration: none;
	color: #fff;
	background-color: #caa852;
	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
  	border-radius: 20px;
}	
	
.prev {
	display: inline-block;
	width: 40px;
	margin: 0 5px;
	padding: 0;
	padding-top: 5px;
	font-size: 20px !important;
	font-weight: bold !important;
	text-decoration: none;
	color: #caa852 !important;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}
.prev:hover {
	font-size: 20px !important;
	font-weight: bold !important;
	text-decoration: none;
	color: #cdc7b3 !important;
}
	
.next {
	display: inline-block;
	width: 40px;
	margin: 0 5px;
	padding: 0;
	padding-top: 5px;
	font-size: 20px !important;
	font-weight: bold !important;
	text-decoration: none;
	color: #caa852 !important;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}
	
.next:hover {
	font-size: 20px !important;
	font-weight: bold !important;
	text-decoration: none;
	color: #cdc7b3 !important;
}
	
.current {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	padding: 0;
	padding-top: 13px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	background-color: #caa852;
	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
  	border-radius: 20px;
	box-sizing: border-box;
}

.nav-links {
	width: 100%;
	margin: 0;
	padding: 0;
}
	
/* ==============================================================================
  category
============================================================================== */	
#h1_regular01 {
	display: block;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 18px 100px;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 30px;
	color: #333;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
	text-align: center;
	background: url(img/bg_h1_regular01.png) no-repeat center center;
}
	
/* ==============================================================================
  category2
============================================================================== */
.wrap_lists01 {
	width: 100%;
	height: 1032px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: relative;
}
	
#bg_lists_seeing01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_seeing01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_staying01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_staying01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_eating01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_eating01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_drinking01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_drinking01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_buying01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_buying01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_learning01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_learning01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_creating01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_creating01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_playing01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_playing01.jpg) no-repeat center center;
	background-size: cover;
}
#bg_lists_praying01 {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	margin-bottom: 90px;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(img/bg_lists_praying01.jpg) no-repeat center center;
	background-size: cover;
}
	
.sec_lists01 {
	width: 1000px;
	height: 872px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 160px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 2;
}

#sec_lists_seeing01 {
	background: url(img/bg_sec_lists_seeing01.jpg) no-repeat center bottom;
}
#sec_lists_staying01 {
	background: url(img/bg_sec_lists_staying01.jpg) no-repeat center bottom;
}
#sec_lists_eating01 {
	background: url(img/bg_sec_lists_eating01.jpg) no-repeat center bottom;
}
#sec_lists_drinking01 {
	background: url(img/bg_sec_lists_drinking01.jpg) no-repeat center bottom;
}
#sec_lists_buying01 {
	background: url(img/bg_sec_lists_buying01.jpg) no-repeat center bottom;
}
#sec_lists_learning01 {
	background: url(img/bg_sec_lists_learning01.jpg) no-repeat center bottom;
}
#sec_lists_creating01 {
	background: url(img/bg_sec_lists_creating01.jpg) no-repeat center bottom;
}
#sec_lists_playing01 {
	background: url(img/bg_sec_lists_playing01.jpg) no-repeat center bottom;
}
#sec_lists_praying01 {
	background: url(img/bg_sec_lists_praying01.jpg) no-repeat center bottom;
}
	
.h1_lists01 {
	float:left;
	display: block;
	width: 340px;
	height: 340px; 
	margin: 0;
	padding: 0;
	padding-top: 95px;
	box-sizing: border-box;
	font-size: 72px;
	font-weight: normal;
	line-height: 80px;
	color: #000000;
	text-align: center;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
	background: url(img/h1_lists01.png) no-repeat center center;
}
	
.ft_s_h1_lists01 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
	
.sec_lists02 {
	float:right;
	width: 660px;
	margin: 0;
	margin-top: 180px;
	padding: 55px 0 55px 55px;
	box-sizing: border-box;
	background-color: #fff;
}
	
.h2_lists01 {
	display: block;
	width: 100%; 
	margin: 0;
	margin-bottom: 46px;
	padding: 0;
	box-sizing: border-box;
	font-size: 26px;
	/*font-weight: normal;*/
	line-height: 40px;
	letter-spacing: 2px;
	color: #e60617;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.p_lists01 {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 31px;
	padding: 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #000;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.h2_lists02 {
	display: block;
	width: 1000px; 
	margin: 0 auto;
	margin-bottom: 28px;
	padding: 0;
	box-sizing: border-box;
	font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	color: #000000;
	text-align: center;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.ft_s_h2_lists02 {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	font-family:
    "Cinzel",
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
/* ==============================================================================
  single
============================================================================== */
.wrap_article01 {
	width: 760px;
	margin: 0 auto;
	margin-bottom: 60px;
	padding: 0;
}
	
.p_article_daycate01 {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #caa852;
	text-align: center;
}
	
.p_article_daycate01 a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #caa852;
	text-decoration: none;
}
	
.p_article_daycate01 a:hover {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #caa852;
	text-decoration: none;
}
	
.p_article_cate01 { display: none; }
	
#h1_article_ttl01 {
	width: 100%;
	margin: 0;
	margin-bottom: 36px;
	padding: 0;
	font-size: 20px;
	line-height: 28px;
	color: #333333;
	text-align: center;
}
	
#article01 {
	width: 100%;
	margin: 0;
	padding: 0;
}
	
#article01 h2 {
	display: block;
	width: 100%;
	margin: 0;
	padding: 30px 0 50px 45px;
	background: url(img/sp_icon_h2_01.png) no-repeat left 20px;
	background-size: 31px auto;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #e60012;
	box-sizing: border-box;
}
	
#article01 h2 a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 h2 a:hover {
	color: #caa852;
	text-decoration: underline;
}
	
#article01 h3 {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 35px;
	padding: 15px 5px;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #e60012;
	border-top: 1px solid #e60012;
	border-bottom: 1px solid #e60012;
	box-sizing: border-box;
}
	
#article01 h3 a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 h3 a:hover {
	opacity: 0.8;
}
	
#article01 p {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 31px;
	padding: 0;
	font-size: 14px;
	line-height: 28px;
	color: #333333;
}
	
#article01 p a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 p a:hover {
	color: #caa852;
	text-decoration: underline;
}
	
.mvspace iframe {
	width: 100%;
	height: 500px;
}
	
.mvspace video {
	width: 100%;
	height: 500px;
}
	
#article01 img {
	max-width: 100%;
	height: auto;
}
	
	
#article01 ol {
	width: 100%;
	margin: 0;
	margin-bottom: 31px;
	padding: 0;
	padding-left: 20px !important;
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	list-style: decimal !important;
}
	
#article01 ol li {
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	font-size: 14px;
	line-height: 28px;
	color: #333333;
}
	
#article01 ol li a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 ol li a:hover {
	color: #caa852;
	text-decoration: underline;
}
	
#article_data01 {
	width: 100%;
	margin: 0;
	margin-bottom: 30px;
	padding: 30px 30px 30px 30px;
	border: 1px solid #ec1544;
	box-sizing: border-box;
}
	
.p_article_data01_1 {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 40px;
	padding: 0;
	font-size: 16px !important;
	line-height: 28px !important;
	color: #ec1544 !important;
}
	
.p_article_data01_2 {
	display: block;
	width: 100%;
	margin: 0 !important;
	padding: 0;
	font-size: 14px !important;
	line-height: 28px !important;
	color: #333;
	box-sizing: border-box;
}
	
.p_article_data01_2 a {
	color: #caa852;
	text-decoration: none;
}
	
.p_article_data01_2 a:hover {
	color: #caa852;
	text-decoration: underline;
}

.div_article_sns01 {
	width: 100%;
	margin: 0;
	margin-bottom: 45px;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #caa852;
	border-bottom: 1px solid #caa852;
}	
	
.ul_sns02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}

.ul_sns02 li {
	display: inline-block;
	width: 86px;
	margin: 0 8px;
	padding: 0;
	box-sizing: border-box;
}
	
.ul_sns02 li a img {
	max-width: 100%;
	height: auto;
}
	
.el {
	color: #caa852;
	text-decoration: none;
	padding-right: 17px;
	background: url(img/icon_externallink01.png) no-repeat right 5px;
	background-size: 12px auto;	
}
	
.el:hover {
	color: #caa852;
	text-decoration: underline;
}
	
.mapspace01 iframe {
	width: 100%;
	height: 400px;
	padding: 10px 0 0 0;
}
	
.p_hl01 {
	width: 100%;
	margin: 0;
	margin-bottom: 60px;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	color: #ec1544;
	text-align: center;
}
	
#div_singlepn01 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 45px;
}
	
#div_singlepn01 ul {
	width: 760px;
	list-style: none;
}

.div_singlepn_txt_l {
	float: right;
	width: 265px;
	padding: 0;
	margin: 0;
}
	
.div_singlepn_txt_r {
	float: left;
	width: 265px;
	padding: 0;
	margin: 0;
}	
	
#li_singlepn_l {
	display: block;
	float: left;
	width: 350px;
	padding: 0;
}
	
#li_singlepn_l div img {
	float: left;
	width: 70px;
	padding: 0 15px 0 0;
}
	
#li_singlepn_l a {
	font-size: 12px;
	line-height: 16px;
	color: #caa852;
	text-decoration: none;
}
	
#li_singlepn_l a:hover {
	color: #caa852;
	text-decoration: none;
}
	
#li_singlepn_r {
	display: block;
	float: right;
	width: 350px;
	padding: 0;
}
	
#li_singlepn_r div img {
	float: right;
	width: 70px;
	padding: 0 0 0 15px;
}
	
#li_singlepn_r a {
	font-size: 12px;
	line-height: 16px;
	color: #caa852;
	text-decoration: none;
}
	
#li_singlepn_r a:hover {
	color: #caa852;
	list-style: none;
}
	
.div_spacer01 {
	display: none;
}
	
.p_provider01 {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 60px;
	padding: 0;
	font-size: 14px;
	line-height: 28px;
	color: #333333;
}
	
/* ==============================================================================
  breadcrumb
============================================================================== */
.breadcrumb01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 6px 20px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #caa852;
}
	
.breadcrumb01 a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
	
.breadcrumb01 a:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}
	
/* ==============================================================================
  index
============================================================================== */
.wrap_index01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 40px 30px 30px 30px;
	box-sizing: border-box;
	border: 2px solid #ec1544;
}
	
.p_index01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	box-sizing: border-box;
	font-size: 23px !important;
	font-weight: bold !important;
	letter-spacing: 2px !important;
	color: #ec1544 !important;
	text-align: center;
}
	
.ul_index01 {
	width: 100%;
	width: 98%;
	margin: 0 0 0 2%;
	padding: 0;
	box-sizing: border-box;
}

.ul_index01 li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 8px 0 8px 25px;
	background: url(img/sp_icon_h2_01.png) no-repeat left center;
	background-size: 15px auto;
	box-sizing: border-box;
}
	
.ul_index01 li a {
	font-size: 14px;
	line-height: 24px;
	color: #e60012;
	text-decoration: none;
}
	
.ul_index01 li a:hover {
	color: #DF7981;
	text-decoration: none;
}
	
/* ==============================================================================
  caption
============================================================================== */
.p_img {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
	
.p_img img {
	margin: 0 !important;
	padding: 0 !important;
}

.txt_caption01 {
	display: block;
	width: 640px;
	margin: 0 auto;
	margin-top: 1px;
	padding: 20px 25px;
	box-sizing: border-box;
	background-color: #f7e9ec;
	border: 1px solid #E3CDD2;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	text-align: left !important;
	border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.txt_credit01 {
	display: block;
	width: 640px;
	margin: 0 auto;
	margin-top: 1px;
	padding: 0;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	text-align: left !important;
}
	
/* ==============================================================================
  recommend
============================================================================== */
.wrap_ac_recommend01 {
	width: 760px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 0;
	border: 1px solid #caa852 !important;
}

.p_ac_recommend01_mttl_1 {
	display: block !important;
	width: 90% !important;
	margin: 0 auto !important;
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	padding: 0;
	font-size: 18px !important;
	color: #caa852 !important;
}
	
.ac_recommend01 {
	display: table;
	width: 90% !important;
	margin: 0 auto;
	margin-bottom: 40px !important;
	padding: 0;
	font-size: 0;
}

.ac_recommend01_l {
	display: table-cell;
	width: 200px !important;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
	
.ac_recommend01_l a img {
	width: 200px !important;
}
	
.ac_recommend01_r {
	display: table-cell;
	margin: 0;
	padding: 0px 0 10px 30px;
	box-sizing: border-box;
	vertical-align: middle;
}
	
.p_ac_recommend01_spimg {
	display: none !important;
}
	
.p_ac_recommend01_ttl {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 20px !important;
	padding: 0;
	font-size: 14px !important;
	font-weight: bold;
	line-height: 19px !important;
	color: #333333;
}
	
.p_ac_recommend01_ttl a {
	font-size: 14px !important;
	font-weight: bold;
	color: #333333 !important;
	text-decoration: none !important;
}
	
.p_ac_recommend01_ttl a:hover {
	color: #caa852 !important;
	text-decoration: none;
}
	
.p_ac_recommend01 {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 10px !important;
	padding: 0;
	font-size: 12px !important;
	line-height: 22px !important;
	color: #333333;
}
	
}/* PC version end */





/* ==============================================================================
  PC ⇔ SP switching
============================================================================== */
@media(min-width:640px){
	.sp_dsp {display: none !important;}
}

@media(max-width:640px){
	.pc_dsp {display: none !important;}
}
/* ============================================================================== */





/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
------------------------------------------------------------------------------
  ▼▼▼ SP version ▼▼▼
------------------------------------------------------------------------------
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media(max-width:640px){
/* ==============================================================================
  common
============================================================================== */
.ft_note01 { color: #FF0004 !important; }
.ft_note02 {
	display: block !important;
	width: 90% !important;
	margin: 15% auto !important;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 30px !important;
	font-weight: bold !important;
	color: #FF0004 !important;
}

.w25_sp { width: 25% !important; }	
.w30_sp { width: 30% !important; }	
.w100_sp { width: 100% !important; }	

.w50_sp { width: 50% !important; margin: 0 auto !important; }
.w60_sp { width: 60% !important; margin: 0 auto !important; }
.w70_sp { width: 70% !important; margin: 0 auto !important; }
.w80_sp { width: 80% !important; margin: 0 auto !important; }
.w90_sp { width: 90% !important; margin: 0 auto !important; }

.mt09_sp { margin-top: 9% !important; }	

.mb00_sp { margin-bottom: 0% !important; }
.mb05_sp { margin-bottom: 5% !important; }
.mb09_sp { margin-bottom: 9% !important; }	
.mb10_sp { margin-bottom: 10% !important; }	

.bdtop01_sp { border-top: 1px solid #caa852; }

/* ==============================================================================
  header
============================================================================== */
.wrap_header01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 9%;
	padding: 0;
	padding-top: 6%;
	background: url(img/sp_bg_wrap_header01.gif) no-repeat center top;
	background-size: contain;
	box-sizing: border-box;
}

.logo01 {
	width: 35%;
	margin: 0 auto;
	padding: 0;
}
	
.logo01 a img {
	width: 100%;
}
	
#h1_top01 {
	display: block;
	width: 35%;
	margin: 0 auto;
	padding: 0;
}
	
#h1_top01 a img {
	width: 100%;
}
	
.nav01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 3% 0;
	background-color: #ec1443;
}
	
.ul_nav01 {
	display: table;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ul_nav01 li {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 1% 0;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
	
.ul_nav01 li img {
	width: 45%;
}
	
.li_nav01 {
	border-right: 1px solid #caa852;
}
	
.menu01 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	padding: 0;
	padding-top: 15%;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	background: url(img/sp_bg_menu01.jpg) no-repeat center center;
	background-size: cover;
}
	
.menu02 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	padding: 0;
	padding-top: 15%;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	background-color: #e60012;
	background-size: cover;
}
	
.open {
	display: block;
}
	
.p_menu01 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15%;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
}

.p_menu01 img {
	width: 100%;
}
	
.img_close01 {
	width: 10% !important;
}

.wrap_link01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
	
.p_menu02 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15%;
	padding: 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	color: #fff;
	box-sizing: border-box;
}
	
 .ft_small01 {
	 font-size: 12px;
}

.ul_menu02 {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 15%;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

.ul_menu02 li {
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
	font-size: 14px;
	color: #fff;
	text-align: left !important;
}
	
.ul_menu02 li a {
	color: #fff;
	text-decoration: none;
}
	
.children {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 15%;
	padding: 10% 0 0 0;
	list-style-type: none;
	box-sizing: border-box;
}
	
.children li {
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
	font-size: 14px;
	color: #fff;
	text-align: left !important;
}
	
.children li a {
	color: #fff;
	text-decoration: none;
}
	
.ul_sns01 {
	width: 100%;
	margin: 0;
	margin-bottom: 10%;
	padding: 5% 0;
	list-style: none;
	font-size: 0;
	text-align: center;
	border-top: 1px solid #caa852;
	border-bottom: 1px solid #caa852;
}

.ul_sns01 li {
	display: inline-block;
	width: 8%;
	margin: 0;
	padding: 0 3%;
	vertical-align: top;
}
	
.ul_sns01 li a img {
	width: 100%;
}
		
#wrap_header_top {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 15%;
	padding: 0;
	position: relative;
}
	
#h1_top {
	display: block;
	width: 86%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20vh;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 2;
}
	
#h1_top img {
	max-width: 100%;
	height: auto;
}
	
#header_top_scroll {
	width: 16%;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 7vh;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 2;
}
	
#header_top_scroll img {
	max-width: 100%;
	height: auto;
}
	
#wrap_bg_header_top {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;	
}
	
.bg_header_top {
	width: 100%;
	height: 90vh;
	margin: 0 auto;
	padding: 0;
}
	
#bg_header_top1 {
	background: url(img/sp_bg_header_top01.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top2 {
	background: url(img/sp_bg_header_top02.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top3 {
	background: url(img/sp_bg_header_top03.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top4 {
	background: url(img/sp_bg_header_top04.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top5 {
	background: url(img/sp_bg_header_top05.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top6 {
	background: url(img/sp_bg_header_top06.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top7 {
	background: url(img/sp_bg_header_top07.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top8 {
	background: url(img/sp_bg_header_top08.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top9 {
	background: url(img/sp_bg_header_top09.jpg) no-repeat center center;
	background-size: cover;
}
	
#bg_header_top10 {
	background: url(img/sp_bg_header_top10.jpg) no-repeat center center;
	background-size: cover;
}
	
/* ==============================================================================
  navi
============================================================================== */
/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 7000;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  color: rgba(255,255,255,0.8);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(255,255,255,.8);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 80%;
  	height: 100%;
  	padding-top: 12vh;
	box-sizing: border-box;
  	background: #caa852;
  	z-index: 1;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
}
.side-menu::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}

/* 開閉用ボタン */
.side-menu-btn {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 16%;
	margin: 0;
	padding: 0;
	cursor: pointer;
 	z-index: 7500;
}

.side-menu-btn img {
	max-width: 100%;
	height: auto;
}
.side-menu-btn .mn_op {
  	display: inherit;
}
.side-menu-btn .mn_cl {
  	display: none;
}
.side-open .mn_op {
  	display: none;
}
.side-open .mn_cl {
  	display: inherit;	
}

/* メインコンテンツ */
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 6500;
}

/* サイドメニューオープン */
.side-open .overlay {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

.side-open .side-menu {
  z-index: 6501;
}
	
.side-menu-ul {
  	width: 100%;
	margin: 0;
	margin-bottom: 10%;
	padding: 0;
	list-style: none;
	border-top: 1px solid #faf1db;
}

.side-menu-ul li a {
	display: block;
  	width: 100%;
	margin: 0;
	padding: 8% 5%;
	box-sizing: border-box;
	border-bottom: 1px solid #faf1db;
	font-size: 90%;
	color: #fff;
	text-decoration: none;
	background: url(img/sp_ico_arrow02.png) no-repeat 97% center;
	background-size: 3% auto;
}
	
.side-menu-ul li a:hover {
	text-decoration: none;
	background: url(img/sp_ico_arrow02.png) no-repeat 97% center #D7C290;
	background-size: 3% auto;
}
	
.ft_side-menu-ul01 {
	font-size: 140%;
}
	
.side-menu-ul_sns {
  	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 10%;
	list-style: none;
	text-align: center;
}
	
.side-menu-ul_sns li {
	display: inline-block;
  	width: 8%;
	margin: 0 2%;
	padding: 0;
	box-sizing: border-box;
}
	
.side-menu-ul_sns li a img{
	max-width: 100%;
	height: auto;
}
	
/* ==============================================================================
  top
============================================================================== */
.wrap_articleList01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
}
	
.articleList01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.articleList01_l {
	display: none;
}
	
.articleList01_r {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
	
.ul_articleList01 {
	width: 100%;
	margin: 0;
	margin-bottom: 8%;
	padding: 0;
	list-style: none;
}

.li_articleList01_01 {
	width: 100%;
	margin: 0;
	padding: 5% 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #caa852;
	background-color: #f5f5f5;
}
	
.li_articleList01_02 {
	width: 100%;
	margin: 0;
	margin-bottom: 8%;
	padding: 5%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #caa852;
	box-sizing: border-box;
}
	
.li_articleList01_02 a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
	
.p_articleList01_ttl {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 8%;
	padding: 0;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #333333;
}
	
.p_articleList01_ttl a {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
	
.p_articleList01_ttl a:hover {
	color: #caa852;
	text-decoration: none;
}
	
.p_articleList01_spimg {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 8%;
	padding: 0;
}
	
.p_articleList01_spimg a img{
	max-width: 100%;
	height: auto;
}
	
.p_articleList01 {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}
	
.btn_articleList01 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
}
	
.btn01 {
	width: 70%;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #ec1443;
	box-sizing: border-box;
}
	
.btn01 a {
	display: block;
	width: 100%;
	padding: 8% 0;
	margin: 0;
	font-size: 16px;
	color: #ec1443;
	text-align: center;
	text-decoration: none;
	background: url(img/sp_ico_arrow01.png) no-repeat 95% center;
	background-size: 5% auto;
}
	
.btn01 a:hover {
	text-decoration: none;
}
	
.btn02 {
	width: 70%;
	padding: 0;
	margin: 0 auto;
	background-color: #caa852;
	box-sizing: border-box;
}
	
.btn02 a {
	display: block;
	width: 100%;
	padding: 8% 0;
	margin: 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
	
.btn02 a:hover {
	text-decoration: none;
}
	
.btn03 {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 15%;
	background-color: #caa852;
}
	
.btn03 a {
	display: block;
	width: 100%;
	padding: 7% 0;
	margin: 0;
	font-size: 120%;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(img/sp_ico_arrow03.png) no-repeat 97% center;
	background-size: 3% auto;
}
	
.btn03 a:hover {
	color: #ffffff;
	text-decoration: none;
}
	
.btn04 {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	background-color: #caa852;
}
	
.btn04 a {
	display: block;
	width: 100%;
	padding: 7% 0;
	margin: 0;
	font-size: 120%;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(img/sp_ico_arrow03.png) no-repeat 97% center;
	background-size: 3% auto;
}
	
.btn04 a:hover {
	color: #ffffff;
	text-decoration: none;
}
	
#wrap_cont_top01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
	box-sizing: border-box;
}
	
#cont_top01 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 8%;
	box-sizing: border-box;
}
	
.wrap_articleList_top01 {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
	
.articleList_top01 {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}
	
.articleList_top01 .articleList_top01_1 {
	width: 20%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
	
.articleList_top01_1 img {
	max-width: 100%;
	height: auto;
}
	
.articleList_top01_2 {
	width: 100%;
	margin: 0;
	margin-bottom: 5%;
	padding: 0;
	box-sizing: border-box;
}

.articleList_top01_2 img {
	max-width: 100%;
	height: auto;
}
	
.p_articleList_top_date {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 5%;
	font-size: 90%;
	color: #caa852;
	box-sizing: border-box;
}
	
.p_articleList_top_ttl a {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 170%;
	color: #000000;
	text-decoration: none;
	box-sizing: border-box;
}
	
.p_articleList_top_ttl a:hover {
	color: #caa852;
	text-decoration: none;
}
	
.wrap_btn04 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
	
#sp_img_top01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 15%;
	padding: 0;
	box-sizing: border-box;
}
	
#sp_img_top01 img {
	max-width: 100%;
	height: auto;
}
	
#wrap_cont_top02 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 14%;
	padding: 0;
	box-sizing: border-box;
}
	
#cont_top02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
	
.link_top01 {
	width: 100%;
	margin: 0;
	margin-bottom: 1%;
	padding: 0;
	box-sizing: border-box;
}
	
.link_top01 a img {
	max-width: 100%;
	height: auto;
}

/* ==============================================================================
  footer
============================================================================== */
#wrap_footer01 {
	width: 100%;
	padding: 0;
	margin: 0;
}
	
.line01_sp {
	width: 100%;
	height: 46px;
	padding: 0;
	margin: 0;
	margin-bottom: 10%;
	text-align: center;
	background: url(img/bg_line01.gif) repeat-x center 21px;
}
	
.line01 {
	display: none;
}
	
.btn_footer01 {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 10%;
	text-align: center;
}
	
.btn_footer01 a img {
	width: 100%;
}	
	
#wrap_footer02 {
	width: 100%;
	padding: 0;
	margin: 0;
}

.footerbg_sp {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0;
}
	
.footerbg_sp img {
	max-width: 100%;
	height: auto;
}
	
#wrap_footer03 {
	width: 100%;
	padding: 12% 0 10% 0;
	margin: 0 auto;
	background-color: #ec1443;
}
	
.ul_footer01 {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 15%;
	list-style: none;
	text-align: center;
	font-size: 0;
}
	
.ul_footer01 li {
	width: 100%;
	padding: 10% 0 0 0;
	margin: 0;
	margin-bottom: 10%;
	background: url(img/sp_icon_ul_footer01.png) no-repeat center top;
	background-size: 5% auto;
	font-size: 14px;
	color: #caa852;
}
	
.ul_footer01 li a {
	font-size: 14px;
	text-decoration: none;
	color: #caa852;
}

.ul_footer02 {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 15%;
	list-style: none;
	text-align: center;
	font-size: 0;
}
	
.ul_footer02 li {
	display: inline-block;
	width: 8%;
	padding: 0 3%;
	margin: 0;
}
	
.ul_footer02 li a img{
	max-width: 100%;
	height: auto;
}
	
	
.p_credit01 {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: #caa852;
}
	
#pageTop {
	position: fixed;
	right: 0%;
	bottom: 0%;
	z-index: 999;
	width: 12%;
	margin: 0;
	padding: 0;
}
	
#pageTop a img {
	vertical-align:top;
	max-width: 100%;
	height: auto;
}
	
#about_footer {
	width: 100%;
	padding: 15% 0;
	margin: 0;
	margin-bottom: 10%;
	background: url(img/sp_bg_about_footer01.jpg) no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
	color: #fff;
}
	
.p_about_footer01 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 5%;
	font-size: 180%;
	letter-spacing: 1%;
	text-align: center;
	box-sizing: border-box;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.p_about_footer02 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 10%;
	font-size: 76%;
	letter-spacing: 1%;
	text-align: center;
	box-sizing: border-box;
	font-family:
    "Cinzel",
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.p_about_footer03 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 78%;
	line-height: 260%;
	letter-spacing: 1%;
	text-align: center;
	box-sizing: border-box;
	font-family:
    "Cinzel",
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
/* ==============================================================================
  pagenation
============================================================================== */
.wrap_pagenation {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
	position: relative;
}
	
.pages {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 5%;
	padding: 5% 0 0 0;
	font-size: 14px;
	text-align: center !important;
	color: #caa852;
	box-sizing: border-box;
}	

.pagination {
	width: 100%;
	margin: 0 auto;
	margin-top: 5%;
	padding: 0;
}

.page_num {
	display: none;
}
	
.first {
	display: none;
}
	
.last {
	display: none;
}
	
.pager {
	display: none;
}	
	
.prev {
	display: block;
	float: left;
	width: 17%;
	margin: 0 0 0 5%;
	padding: 5% 0;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #caa852;
	-webkit-border-radius: 40px;
  	-moz-border-radius: 40px;
  	border-radius: 40px;
	box-sizing: border-box;
}
	
.next {
	display: block;
	float: right;
	width: 17%;
	margin: 0 5% 0 0;
	padding: 5% 0;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #caa852;
	-webkit-border-radius: 40px;
  	-moz-border-radius: 40px;
  	border-radius: 40px;
	box-sizing: border-box;
}
	
.current {
	display: none;
}

.wrap_navigation01 {
	width: 100%;
	margin: 0;
	margin-bottom: 10%;
	padding: 0;
}
	
.nav-previous a {
	display: block;
	float: left;
	width: 10%;
	margin: 0 0 0 5%;
	padding: 5% 0;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #caa852;
	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
  	border-radius: 20px;
	box-sizing: border-box;
}
	
.nav-next a {
	display: block;
	float: right;
	width: 10%;
	margin: 0 5% 0 0;
	padding: 5% 0;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #caa852;
	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
  	border-radius: 20px;
	box-sizing: border-box;
}

/* ==============================================================================
  category
============================================================================== */	
#h1_regular01 {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0 20%;
	box-sizing: border-box;
	font-size: 150%;
	font-weight: normal;
	line-height: 120%;
	color: #000000;
	text-align: center;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
/* ==============================================================================
  category2
============================================================================== */
.wrap_lists01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
}
	
#bg_lists_seeing01 {
	display: none;
}
	
.sec_lists01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#sec_lists_seeing01 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
	
.h1_lists01 {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
	box-sizing: border-box;
}
	
.h1_lists01 img {
	max-width: 100%;
	height: auto;
}
	
.ft_s_h1_lists01 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
	
.sec_lists02 {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
	
.h2_lists01 {
	display: block;
	width: 100%; 
	margin: 0;
	margin-bottom: 10%;
	padding: 0;
	box-sizing: border-box;
	font-size: 140%;
	font-weight: normal;
	line-height: 180%;
	letter-spacing: 1%;
	color: #e60617;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
	text-align: center;
}
	
.p_lists01 {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 12%;
	padding: 0;
	box-sizing: border-box;
	font-size: 96%;
	line-height: 200%;
	letter-spacing: 1%;
	color: #000;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
	text-align: center;
}
	
.sp_img_cate01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
}
	
.sp_img_cate01 img {
	max-width: 100%;
	height: auto;
}
	
.wrap_h2_lists02 {
	width: 100%;
	position: relative;
}
	
.bg_h2_lists02 {
	width: 100%;
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 14.21%;
    background: url('img/sp_h2_lists02.png') 0 0 no-repeat;
    background-size: contain;
	position: absolute;
	top: 0;
	z-index: 1;
}
	
.h2_lists02 {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5%;
	box-sizing: border-box;
	font-size: 160%;
	font-weight: normal;
	line-height: 110%;
	color: #000000;
	text-align: center;
	font-family:
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.ft_s_h2_lists02 {
	font-size: 56% !important;
	font-weight: normal;
	color: #000000;
	font-family:
    "Cinzel",
    "游明朝体",
    "YuMincho",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3",
    "HiraMinProN-W3",
    "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    "serif";
}
	
.tapef:hover {
	transition: all 0.8s ease;
	opacity: 0.6;
}
	
/* ==============================================================================
  single
============================================================================== */
.wrap_article01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
}
	
.p_article_daycate01 {
	width: 100%;
	margin: 0;
	padding: 5% 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #caa852;
	background-color: #f5f5f5;
}
	
.p_article_cate01 {
	width: 100%;
	margin: 0;
	padding: 5%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #caa852;
	box-sizing: border-box;
}
	
.p_article_cate01 a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
	
#h1_article_ttl01 {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 8%;
	padding: 0;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #333333;
}
	
#article01 {
	width: 100%;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
    overflow-wrap: break-word;
}
	
#article01 h2 {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 10% 0 8% 12%;
	background: url(img/sp_icon_h2_01.png) no-repeat left center;
	background-size: 10% auto;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #e60012;
	box-sizing: border-box;
}
	
#article01 h2 a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 h2 a:hover {
	color: #caa852;
	text-decoration: underline;
}
	
#article01 h3 {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 8%;
	padding: 4% 1%;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #e60012;
	border-top: 1px solid #e60012;
	border-bottom: 1px solid #e60012;
	box-sizing: border-box;
}
	
#article01 h3 a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 h3 a:hover {
	opacity: 0.8;
}
	
#article01 p {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5%;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}
	
#article01 p a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 p a:hover {
	color: #caa852;
	text-decoration: underline;
}
	
.mvspace iframe {
	width: 100%;
	height: 250px;
}
	
.mvspace video {
	width: 100%;
	height: 250px;
}
	
#article01 img {
	max-width: 100%;
	height: auto;
}
	
.p_img {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	margin-bottom: 5%;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
}
	
.p_img img {
	width: 100%;
	height: auto;
}
	
#article01 ol {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 5%;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	list-style: decimal !important;
	box-sizing: border-box;
}
	
#article01 ol li {
	width: 100%;
	margin: 0;
	margin-bottom: 3%;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	box-sizing: border-box;
}
	
#article01 ol li a {
	color: #caa852;
	text-decoration: none;
}
	
#article01 ol li a:hover {
	color: #caa852;
	text-decoration: underline;
}
	
#article_data01 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5%;
	padding: 5%;
	border: 1px solid #ec1544;
	box-sizing: border-box;
}
	
#article_data01 .p_article_data01_1 {
	width: 100% !important;
	margin: 0 !important;
	margin-bottom: 8% !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 28px !important;
	color: #ec1544 !important;
}
	
#article_data01 .p_article_data01_2 {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 22px !important;
	color: #333 !important;
	box-sizing: border-box !important;
}
	
#article_data01 .p_article_data01_2 a {
	color: #caa852 !important;
	text-decoration: none !important;
}
	
#article_data01 .p_article_data01_2 a:hover {
	color: #caa852 !important;
	text-decoration: underline !important;
}

.div_article_sns01 {
	width: 100%;
	margin: 0;
	margin-bottom: 8%;
	padding: 5% 0;
	text-align: center;
	border-bottom: 1px solid #caa852;
}	
	
.ul_sns02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 0;
}

.ul_sns02 li {
	display: inline-block;
	width: 25%;
	margin: 0;
	padding: 0 2%;
	box-sizing: border-box;
}
	
.ul_sns02 li a img {
	max-width: 100%;
	height: auto;
}

.el {
	color: #caa852;
	text-decoration: none;
	padding-right: 17px;
	background: url(img/icon_externallink01.png) no-repeat right bottom;
	background-size: 12px auto;	
}
	
.el:hover {
	color: #caa852;
	text-decoration: underline;
}
	
.mapspace01 iframe {
	width: 100%;
	height: 250px;
	padding: 3% 0 0 0;
}
	
.p_hl01 {
	width: 100%;
	margin: 0;
	margin-bottom: 15%;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #ec1544;
	text-align: center;
}
	
#div_singlepn01 {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 10%;
}

.div_singlepn_txt_l {
	float: right;
	width: 70%;
	padding: 0;
	margin: 0;
}
	
.div_singlepn_txt_r {
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
}
	
#div_singlepn01 ul {
	width: 100%;
	list-style: none;
}
	
#li_singlepn_l {
	display: block;
	float: left;
	width: 45%;
	padding: 0;
}
	
#li_singlepn_l div img {
	float: left;
	width: 20%;
	padding: 0 5% 0 5%;
}
	
#li_singlepn_l a {
	font-size: 12px;
	line-height: 16px;
	color: #caa852;
	text-decoration: none;
}
	
#li_singlepn_l a:hover {
	color: #caa852;
	text-decoration: none;
}
	
#li_singlepn_r {
	display: block;
	float: right;
	width: 45%;
	padding: 0;
}
	
#li_singlepn_r div img {
	float: right;
	width: 20%;
	padding: 0 5% 0 5%;
}
	
#li_singlepn_r a {
	font-size: 12px;
	line-height: 16px;
	color: #caa852;
	text-decoration: none;
}
	
#li_singlepn_r a:hover {
	color: #caa852;
	list-style: none;
}
	
.div_spacer01 {
	width: 100%;
	margin-bottom: 8%;
}
	
.p_provider01 {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10%;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}
	
/* ==============================================================================
  breadcrumb
============================================================================== */
.breadcrumb01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 3%;
	padding: 4% 3%;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 24px;
	color: #caa852;
	border-top: 1px solid #caa852;
	border-bottom: 1px solid #caa852;
}
	
.breadcrumb01 a {
	font-size: 12px;
	color: #caa852;
	text-decoration: none;
}
	
.breadcrumb01 a:hover {
	font-size: 12px;
	color: #caa852;
	text-decoration: underline;
}
	
/* ==============================================================================
  index
============================================================================== */
.wrap_index01 {
	width: 94%;
	margin: 0 auto;
	margin-bottom: 8%;
	padding: 8% 5% 8% 5%;
	box-sizing: border-box;
	border: 2px solid #ec1544;
}
	
.p_index01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5%;
	padding: 0;
	box-sizing: border-box;
	font-size: 20px !important;
	font-weight: bold !important;
	letter-spacing: 2px !important;
	color: #ec1544 !important;
	text-align: center;
}
	
.ul_index01 {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	box-sizing: border-box;
}

.ul_index01 li {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 3%;
	padding: 8px 0 6px 8%;
	background: url(img/sp_icon_h2_01.png) no-repeat left center;
	background-size: 6% auto;
	box-sizing: border-box;
}
	
.ul_index01 li a {
	font-size: 12px;
	line-height: 18px;
	color: #e60012;
	text-decoration: none;
}
	
.ul_index01 li a:hover {
	color: #DF7981;
	text-decoration: none;
}
	
/* ==============================================================================
  caption
============================================================================== */
.txt_caption01 {
	display: block;
	width: 94%;
	margin: 0 auto;
	margin-top: 1px;
	padding: 5%;
	box-sizing: border-box;
	background-color: #f7e9ec;
	border: 1px solid #E3CDD2;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: left !important;
	border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.txt_credit01 {
	display: block;
	width: 94%;
	margin: 0 auto;
	margin-top: 1px;
	padding: 0;
	box-sizing: border-box;
	font-size: 10px;
	line-height: 18px;
	color: #333;
	text-align: left !important;
}

/* ==============================================================================
  recommend
============================================================================== */
.wrap_ac_recommend01 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5%;
	padding: 0;
	border: 1px solid #caa852 !important;
}

.p_ac_recommend01_mttl_1 {
	display: block !important;
	width: 90% !important;
	margin: 0 auto !important;
	margin-top: 10% !important;
	margin-bottom: 10% !important;
	padding: 0;
	font-size: 18px !important;
	color: #caa852 !important;
}
	
.ac_recommend01 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15% !important;
	padding: 0;
}

.ac_recommend01_l {
	display: none !important;
}
	
.ac_recommend01_r {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
	
.p_ac_recommend01_spimg {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	margin-bottom: 8%;
	padding: 0;
}
	
.p_articleList01_spimg a img{
	max-width: 100%;
	height: auto;
}
	
.p_ac_recommend01_ttl {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	margin-bottom: 5% !important;
	padding: 0;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: bold;
	color: #333333;
}
	
.p_ac_recommend01_ttl a {
	font-weight: bold;
	color: #333333 !important;
	text-decoration: none !important;
}
	
.p_ac_recommend01_ttl a:hover {
	color: #caa852 !important;
	text-decoration: none;
}
	
.p_ac_recommend01 {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	margin-bottom: 5% !important;
	padding: 0;
	font-size: 12px !important;
	line-height: 22px !important;
	color: #333333;
}	

}/* SP version end */