@charset "utf-8";
/*
Theme Name: おんぱく(御博)テーマ
Description: おんぱく(御博)みやこひめ御坊日高博覧会テーマです
*/

/* 基本設定
------------------------------------------------------------*/

/*ローディング画面用設定
----------------------------------*/
#loader {
	z-index: 100;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	_position: absolute; /* IE6対策 */
	margin-top: -32px; /* heightの半分のマイナス値 */
	margin-left: -32px; /* widthの半分のマイナス値 */
	width: 65px;
	height: 65px;
	font-size: 12px;
    text-align: center;
    line-height: 3;
}
 
#fade {
	z-index: 50;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

/* レイアウト設定
----------------------------------*/
header {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
	width: 270px;
	height: 100%;
	background: #fffef7;
}

#wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#container {
	position: relative;
	padding-left: 270px;
	background: #f8f6e7;
}

#main_box {
	position: relative;
	width: 100%;
    background: url(img/common/bg_sky.png) no-repeat top center;
    background-size: 2000px 350px;
}

#main_box section {
	padding-top: 90px;
	text-align: center;
}

/* テキスト設定
----------------------------------*/
.en {
	font-family: "Times New Roman", Times, serif;
}

.point {
	color: #e28160;
	font-size: 16px;
}

/* リンク設定
----------------------------------*/
a {
	color: #62c0b0;
	text-decoration: none;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	-ms-transition: 0.35s;
	transition: 0.35s;
}

a:hover {
	color: #ccc;
	text-decoration: none;
}

a img {
	-webkit-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	-moz-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 1;
}

a img:hover {
	opacity: 0.6;
}

a.btn_link {
	position: relative;
	display: inline-block;
	padding: 0 60px;
	height: 50px;
	background: #e28160;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

a.btn_link:after {
	content: '\f3d3';
	position: absolute;
	top: 17px;
	right: 20px;
	font: normal normal normal 14px/1 "Ionicons";
	text-rendering: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

a.btn_link:hover {
	color: #e28160;
	background: #fff;
}

a.btn_link_gt {
	position: relative;
	display: block;
	width: 180px;
	height: 40px;
	border: 1px solid #444;
	background: none;
	color: #444;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
}

a.btn_link_gt:after {
	content: '\f3d3';
	position: absolute;
	top: 12px;
	right: 20px;
	font: normal normal normal 14px/1 "Ionicons";
	text-rendering: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

a.btn_link_gt:hover {
	border: 1px solid #fff;
	background: #fff;
}

/* テーブル設定
----------------------------------*/
table {
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	padding: 20px 18px;
	background: #ececec;
	font-weight: normal;
	text-align: left;
}

th, td {
	padding: 20px;
	font-size: 13px;
	line-height: 1.7;
	border: 1px solid #d0d0d0;
}

/* 見出し設定
----------------------------------*/
.hd {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}

#page_hd h1 {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
	font-size: 30px;
	letter-spacing: 2px;
}

.hd h2 {
	margin-top: 5px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
	font-size: 26px;
	letter-spacing: 2px;
}

.hd span, #page_hd span {
	color: #62c0b0;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: capitalize;
}

#page_content h2 {
	position: relative;
	margin-bottom: 30px;
	color: #62c0b0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
	font-size: 25px;
	text-align: center;
}

#page_content h2:before, #page_content h2:after {
	content: '------------------';
	font-size: 25px;
	letter-spacing: -5px;
}

#page_content h2:before {
	margin-right: 20px;
}

#page_content h2:after {
	margin-left: 20px;
}

section h3 {
	position: relative;
	margin-bottom: 10px;
	font-size: 21px;
}

#place .flr h3 {
	margin-bottom: 10px;
	font-size: 20px;
}

#place .flr h4 {
	margin: 10px 0 0;
	color: #e28160;
	font-size: 16px;
}



/* レスポンシブ画像切り替え設定
----------------------------------*/
.switch {visibility: hidden;}

/* contact form7設定
----------------------------------*/
#contact_form {
	text-align: left;
}

#contact_form dt {
	margin-bottom: 5px;
}

#contact_form dd {
	margin-bottom: 20px;
}

#contact_form input, #contact_form textarea {
	padding: 10px 15px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	outline: none;
	font-size: 16px;
	-webkit-transition: box-shadow 0.3s, background 0.3s;
	transition: box-shadow 0.3s, background 0.3s;
}

#contact_form textarea {
	height: 200px;
	line-height: 1.6;
}

#contact_form input:focus, #contact_form textarea:focus {
	background: #fff;
	box-shadow: inset 0 0 5px rgba(8,1,3,0.2);
}

.require {
	color: #B52018;
}

#contact_form span.wpcf7-not-valid-tip {
	margin-top: 10px;
	color: #B52018;
	font-size: 12px;
}

#contact_form div.wpcf7-mail-sent-ok {
	margin: 10px 0 0;
	padding: 15px;
	border: none;
	background: #FFFFFF;
	color: #62C0B0;
	font-size: 16px;
	text-align: center;
}

#contact_form div.wpcf7-validation-errors {
	margin: 10px 0 0;
	padding: 20px;
	border: none;
	background: rgba(255, 255, 255, 0.8);
	color: #B52018;
	font-size: 16px;
	text-align: center;
}

#contact_form .form_btn {
	margin-top: 40px;
	text-align: center;
}

#contact_form input[type='submit'] {
	padding: 0 30px;
	width: 240px;
	height: 60px;
	border: none;
	background: #e28160;
	color: #fff;
	font-size: 18px;
	line-height: 60px;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	-ms-transition: 0.35s;
	transition: 0.35s;
}

#contact_form input[type='submit']:hover {
	color: #e28160;
	background: #fff;
}

#contact_form.info_box {
	margin: 0 auto 50px;
}

#contact_form.info_box dl:after {
	content: '';
	display: block;
	clear: both
}

#contact_form.info_box dt {
	margin: 0;
	width: 15%;
}

#contact_form.info_box dd {
	margin-bottom: 30px;
	padding: 0;
	width: 77%;
}

#contact_form.info_box dd .error {
	display: block;
	margin-top: 10px;
	color: #B52018;
	font-size: 12px;
}

#contact_form.info_box input, #contact_form.info_box textarea {
	border: 1px solid #ccc;
}

#contact_form.info_box input[type='submit'] {
	border: none;
}

#contact_form.info_box .send_error {
	margin: 10px 0 0;
	padding: 20px;
	border: none;
	background: #B52018;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

#contact_form.info_box .send_ok {
	margin: 10px 0 0;
	padding: 20px;
	border: none;
	background: #62c0b0;
	color: #fff;
	font-size: 16px;
	text-align: center;
}


/* ヘッダー設定
------------------------------------------------------------*/

/* ロゴ (サイトタイトル)
----------------------------------*/
header h1 a, #site_desc a {
	display: block;
	overflow: hidden;
	width: 190px;
	height: 130px;
	background: url(img/common/logo_hd_pc.png) no-repeat center top;
	background-size: 190px auto;
	text-indent: 100%;
	white-space: nowrap;
}

/* その他レイアウト
----------------------------------*/
#term {
	margin: 15px 0 35px;
}

header .inner {
	margin: 60px auto;
	width: 190px;
}

header nav ul {
	padding: 20px 0 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

header nav li {
	margin-bottom: 10px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
	font-size: 15px;
	letter-spacing: 2px;
}

#sns p, #guidebook p, #line p {
	margin: 25px 0 5px;
	text-align: center;
}

#guidebook p.coming_soon {
	margin: 10px 0 0;
	font-size: 15px;
	font-weight: bold;
}

#sns a.btn_link {
	padding: 0 0 0 20px;
	width: 170px;
	height: 45px;
	background: #62c0b0;
	line-height: 45px;
	text-align: left;
}

#guidebook a.btn_link {
	padding: 0 0 0 20px;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-align: left;
}

#sns a.btn_link:hover {
	background: #fff;
	color: #62c0b0;
	opacity: 1;
}

#line_btn img {
	max-width: 300px;
	width: 100%;
	height: auto;
}

p.lineacount {
    margin-top : 10px;
	margin-bottom : 10px;
}



/* グローバルナビ
----------------------------------*/
#nav_main {
	z-index:200;
	position:relative;
	margin-top: 30px;
}

#nav_main ul li.sp_menu, #nav_main ul li.sp_menu_guidebook {
	display: none !important;
}

#nav_main ul li a {
	text-align: center;
	color:#444;
}

#nav_main ul li.current-menu-item a, #nav_main ul li a:hover span, #nav_main ul li a:hover, #nav_main ul li.current-menu-parent a {
	color:#62c0b0;
}

/* フロントページはカレントスタイルを解除 */
#nav_main ul li#menu-item-24 a {
	color:inherit;
}

/* フロントページのホバースタイルはそのまま */
#nav_main ul li#menu-item-24 a:hover {
	color:#62c0b0;
}

#nav_main ul ul {
	width:160px;
	border-top:0;
}


/* トップページコンテンツ設定
------------------------------------------------------------*/

/* slick.js設定
----------------------------------*/
#slick_prev, #slick_next {
	position: absolute;
	top: 45%;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.8);
	font-size: 28px;
	text-align: center;
	cursor: pointer;
}

#slick_prev {
	left: 20px;
}

#slick_next {
	right: 20px;
}

#slick_prev i, #slick_next i {
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	margin: auto;
}

/*scrollボタン*/
#scroll {
	z-index: 99;
	position: absolute;
	left: 0;
	padding-top: 50px;
	width: 100%;
	text-align: center;
}

#scroll a {
	display: inline-block;
        position: relative;
        top: 300px;
        left: 450px;
	padding-top:15px;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	border-radius: 35px;
	background: rgba(255, 255, 255, 0.8);
	color: #444;
	font-size: 18px;
}

/*scrollボタン非表示（寺口差し込み）*/
#scroll a {
	display: none;
}


#scroll a:after {
	content: '\f3d0';
	display: block;
	margin-top: -10px;
	font: normal normal normal 30px/1 "Ionicons";
	text-rendering: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

/* aboutセクション
----------------------------------*/
#about {
	position: relative;
	border-bottom: 5px solid #4ea134;
	background: url(img/field.png) no-repeat center bottom;
}

#about:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
	background: url(img/common/bg_sky.png) no-repeat top center;
    background-size: cover;
}

#about a {
	margin-bottom: 350px;
}

/* coronaセクション
----------------------------------*/
a#corona.btn_link {
	margin-bottom: 100px;
}



/* pickupセクション
----------------------------------*/
#pickup li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 33.33%;
	text-align: left;
}

#pickup li:nth-child(even) {
	background: #fff;
}

#pickup li:nth-child(odd) {
	background: #edf4f0;
}

#pickup figure {
	position: relative;
	overflow: hidden;
}

#pickup figcaption {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
}

#pickup li figcaption strong {
	display: block;
	position: relative;
	top: 40%;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

#pickup figure:hover figcaption {
	opacity: 1;
}

#pickup li a {
	display: block;
	overflow: hidden;
	max-height: 214px;
}

#pickup li .title a {
	display: inline;
	padding-left: 20px;
	color: #444;
}

#pickup li a:hover {
	color: #ccc;
}

#pickup figure img {
	width: 100%;
	height: auto;
	background: #fff; /*マウスオーバー時のがたつき解消*/
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#pickup figure:hover img {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

#pickup li div {
	position: relative;
	padding: 7px 15px 25px;
}

#pickup li .title div {
	position: relative;
	padding: 0;
}

#pickup li h3 {
	margin-bottom: 5px;
	padding-left: 60px;
	min-height: 48px;
	color: #00ada9;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
	font-size: 16px;
	text-align: left;
}

#pickup.restaurant li h3 {
	padding-left: 0;
	min-height: inherit;
}

#pickup li span {
	z-index: 9;
	position: absolute;
	top: -10px;
	left: 10px;
	padding-top: 10px;
	width: 60px;
	height: 57px;
	background: url(img/common/icn_watermark.png) no-repeat;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	text-align: center;
}

#pickup li p {
	margin-bottom: 5px;
	font-size: 13px;
}

#pickup.restaurant li p {
	margin-bottom: 10px;
}

#pickup li time {
	padding: 0 10px;
	border: 1px solid #62c0b0;
	color: #62c0b0;
	font-size: 12px;
	letter-spacing: 1px;
}

#pickup.restaurant li time {
	display: none;
}

#pickup .note {
	margin:30px auto 0;
	width: 280px;
	height: 30px;
	border-radius: 5px;
	background: #fff;
	font-size: 12px;
	line-height: 30px;
}

#pickup a.btn_link {
	margin-top: 60px;
	width: 370px;
	font-size: 17px;
}

/*locationセクション
----------------------------------*/
#gmap .gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 13px;
    overflow: hidden;
    left: 3px !important;
}

/* 下層ページ設定
------------------------------------------------------------*/
#page_hd {
	padding-top: 120px;
	text-align: center;
}

#page_hd.media {
	margin: 0 auto;
	max-width: 960px;
	text-align: left;
}

#page_content {
	position: relative;
	margin: 60px 0 90px;
	text-align: center;
}

.inner_box {
	position: relative;
	margin: 0 auto;
	padding: 0 60px;
	max-width: 960px;
}

.inner_box img {
	max-width: 960px;
	width: 100%;
	height: auto;
}

.media_article_list {
	margin: 0 auto 50px;
}

.media_article_list li a {
	display: block;
	padding: 20px 20px;
	border-top: 1px solid #ccc;
	text-align: left;
}

.media_article_list li:last-child {
	border-bottom: 1px solid #ccc;
}

.media_article_list li a time {
	color: #333;
}

.media_article_list li a p {
	display: inline-block;
	margin-left: 10px;
}

article.inner_box {
	margin-top: -20px;
	padding-top: 40px;
	border-top: 1px solid #ccc;
	text-align: left;
}

article.inner_box p {
	margin-top: 10px;
}

article.inner_box img {
	width: auto;
}

.media_back {
	margin-top: 40px;
	text-align: center;
}

/*ページャーテキスト設定*/
.prev_next a {
	display: inline-block;  
	width: 200px;
	vertical-align: middle;
	text-decoration: underline;
}

.pager {
	margin-top: 30px;
	text-align: center;
}

.pager a.page-numbers, .pager .current {
	display: inline-block;
	margin: 0 3px;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 1px solid #e28160;
	color: #e28160;
	line-height: 40px;
}

.pager .current {
	background: #e28160;
	color: #fff;
}

.pager a.page-numbers:hover {
	background: #e28160;
	color: #fff;
}

p.copy_desc {
	position: relative;
	padding: 0 60px 40px;
	font-size: 15px;
	line-height: 2;
}

.info_box {
	overflow: hidden;
	margin: 0 auto 40px;
	padding: 40px 60px;
	width: 80%;
	border: 1px solid #DEDEDE;
	background-color: rgba(255,255,255,0.8);
	text-align: left;
}

.info_box dt {
	float: left;
	clear: both;
	padding: 15px 20px 15px 0;
	width: 25%;
	text-align: left;
}

.info_box dd {
	float: left;
	padding: 15px 0 15px 0;
	width: 70%;
	text-align: left;
}

/*御博についてページ
----------------------------------*/
#about_logo img {
	margin: 0 auto 90px;
    width: 400px;
}

#page_content .about_box:nth-child(even)  {
	background: rgba(255,255,255,0.4);
}

#page_content .about_box:nth-child(odd)  {
	background: #edf4f0;
}

#about_01, #about_02, #about_03 {
	margin: 0 auto;
	padding: 50px 0;
	max-width: 915px;
	background-repeat: no-repeat;
	background-size: 217px 205px;
}
 #about_icon {
	margin: 0 auto;
	padding: 50px 0;
	max-width: 915px;
	background-repeat: no-repeat;
	background-size: 40px 38px;
}


#about_01 {
	background-image: url(img/about_copy_01.png);
	background-position: left center;
}

#about_02 {
	background-image: url(img/about_copy_02.png);
	background-position: right center;
}

#about_03 {
	background-image: url(img/about_copy_03.png);
	background-position: left center;
}
#about_icon {
	background-image: url(img/about_copy_icon.png);
  	background-position: left center;
}


#people {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 800px;
	height: 100%;
}

#people img {
	position: absolute;
	border-radius: 137px;
}

#people img#people_01 {
	top: 100px;
	left: 100px;
}

#people img#people_02 {
	top: 100px;
	right: 100px;
}

#people img#people_03 {
	top: 250px;
	left: 0;
}

#people img#people_04 {
	top: 250px;
	right: 0;
}

#about_04 {
	position: relative;
}

#about_04:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
	background: url(img/common/bg_sky.png) no-repeat top center;
	background-size: cover;
}

#about_04 strong {
	position: relative;
	display: block;
	margin-bottom: 60px;
	padding-top: 250px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
	font-size: 18px;
	line-height: 2.3;
	letter-spacing: 2px;
}

#about_04 strong:before {
	content: '';
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	width: 170px;
	height: 170px;
	background: url(img/about_copy_04.png) no-repeat;
}

#page_content .about_box p {
	padding-top: 20px;
	min-height: 185px;
	font-size: 15px;
	text-align: left;
	line-height: 2;
}

#about_01 p, #about_03 p {
	padding-left: 300px;
}

#about_02 p {
	padding-right: 300px;
}

/*プログラム詳細ページ
----------------------------------*/
#page_content p.desc {
	margin-bottom: 50px;
	text-align: left;
	line-height: 2;
}

#page_content p.menu {
	margin: 0 0 10px;
	color: #e28160;
	font-size: 20px;
	font-weight: bold;
}



#main_image {
	position: relative;
	margin-bottom: 20px;
}

#main_image img {
	max-width: 960px;
	width: 100%;
	height: auto;
}

#main_image span {
	position: absolute;
	top: -20px;
	left: 30px;
	padding-top: 10px;
	width: 60px;
	height: 57px;
	background: url(img/common/icn_watermark.png) no-repeat;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	text-align: center;
}

#guide figure img {
	margin-bottom: 20px;
	width: 200px !important;
	border-radius: 200px;
}

#guide figcaption {
	margin-bottom: 50px;
	text-align: center;
}

#place {
	width: 100%;
}

#place .fll {
	width: 65%;
	height: 300px;
}

#place .flr {
	width: 30%;
	text-align: left;
}

#page_content p.tel_link {
	color: #e28160;
	font-size: 28px;
	text-align: center;
}

/*Q&A
----------------------------------*/
#qa dt, #qa dd {
	position: relative;
	margin: 0 0 60px;
	padding-top: 15px;
	padding-left: 90px;
	font-size: 16px;
	text-align: left;
}

#qa dd {
	padding-bottom: 50px;
	border-bottom: 1px solid #444;
}

#qa dt:before {
	position: absolute;
	left: 0;
	top: 0;
	content: 'Q';
	padding-top: 7px;
	width: 60px;
	height: 57px;
	background: url(img/common/icn_watermark_red.png) no-repeat;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	text-align: center;
}

#qa dd:before {
	position: absolute;
	left: 0;
	top: 0;
	content: 'A';
	padding-top: 7px;
	width: 60px;
	height: 57px;
	background: url(img/common/icn_watermark.png) no-repeat;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	text-align: center;
}

/* サイドバー設定
------------------------------------------------------------*/


/* フッター設定
------------------------------------------------------------*/

/* フッターナビ
----------------------------------*/

/* コピーライト
----------------------------------*/
footer {
	position: relative;
	margin-top: 20px;
	padding: 15px 0 15px 40px;
	background: #62c0b0;
	color: #fff;
	font-size: 12px;
}

footer .archive {
	margin-bottom: 5px;
	font-size: 14px;
}

footer .archive span {
	display: inline-block;
}

footer .archive a {
	display: inline-block;
	margin-left: 10px;
	color: #fff;
	text-decoration: underline;
}

footer .archive a:hover {
	color: #fff;
	text-decoration: none;
}

#totop a {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 74px;
	height: 74px;
	background: rgba(255,255,255,0.6);
	font-size: 28px;
	text-align: center;
}

#totop a:hover {
	background: none;
	color: #fff;
}

#totop a i {
	position: absolute;
	top: 14px;
	right: 0;
	left: 0;
	margin: auto;
}

footer a.privacy {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #fff;
	color: #fff;
}

footer a.privacy:hover {
	text-decoration: underline;
}

#copyright {
	display: inline;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
/*
.pc { display: block !important; } */
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1200px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

img.pc {
  margin: 10px 80px 10px 0px;
  width:130px;
}

/* パスワード保護時の文章やフォームの配置を調整 */
form.post_password {
  	position: relative;
	margin: 40px 100px 120px 100px;
}

p.post_password {
    position: relative;
	margin: 40px 100px 0px 100px;
}

/* YOUTUBE動画をレスポンシブ対応に */
.video {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.video iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* 専用ボタンのホバー時カラー反転 */
.btn2024:hover {
	opacity: .6;
}