@charset "UTF-8";
/*
Theme Name: member-jisousalon
Description: This is member-jisousalon site original theme.
Author: jisousalon
*/


/* ___________________________________

  共通タグ
____________________________________ */

html {
	font-size: 14px;
}
body {
    font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    position: relative;
	color: #222;
}

p {
	line-height: 1.5;
	font-size: 14px;
	color: #222;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li {
	font-size: 14px;
	color: #333;
}
a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
}
a:hover {
	text-decoration: underline;
}
a:hover > img {
	opacity: 0.8;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: bold;
}
p.note {
	margin-bottom: 1em;
	text-align: center;
}
p.wh {
    color:#fff;
}
h1 {
	line-height: 1.5;	
    font-weight: 500;
}
h2 {
    font-weight: 500;
	line-height: 1.5;
}
h2.wh, h3.wh, h4.wh {
    color:#fff;
}
h3 {
    font-weight: 500;
	line-height: 1.7;
}
h4 {
    font-weight: 500;
	line-height: 1.7;	
}
h5 {
    font-weight: 500;
	line-height: 1.7;	
}
img {
    display: block;
    max-width: 100%;
}
a>img:hover {
    opacity: 0.8;
}
dl dt {
	font-weight: bold;	
}
dl dt, dl dd {
	font-size: 14px;
	line-height: 1.7;	
}
ul li, ol li {
	font-size: 14px;
	line-height: 1.7;
}
table th, table td {
	font-size: 14px;
	line-height: 1.7;	
}
strong {
	font-weight: bold;
}

/* スマホ, タブレット
--------------------------- */
.sp_only {
	display: none;
}
.tb_only {
	display: none;
}
.sp_tb_only {
	display: none;
}


/* ------------------------------
   フレックスボックス
------------------------------ */

/* flexbox:row(.fb_row)
--------------------------- */
.fb_row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;
}

/* flexbox:row(.fb_column)
--------------------------- */
.fb_column {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;	
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;	
}

/* flexbox 画像
--------------------------- */
.fb_row li.photo img, .fb_row li.image img {
	width: 100%;
	height: auto;
}
.fb_column li.photo img, .fb_column li.image img {
	width: 100%;
	height: auto;
}

/* ------------------------------
   IE対応
------------------------------ */

/* 共通 */

/* IE11 */
_:-ms-fullscreen, :root li.photo {
	max-width: 100%;
	height: 100%;
}
/* IE10 */
_:-ms-lang(x), li.photo {
	max-width: 100%;
	height: 100%;
}
/* IE11 */
_:-ms-fullscreen, :root li.txt {
	max-width: 100%;
	height: auto;
}
/* IE10 */
_:-ms-lang(x), li.txt {
	max-width: 100%;
	height: auto;
}


/* ------------------------------
   Font
------------------------------ */
.montserrat {
	font-family: 'Montserrat', sans-serif;
}
.m-plus {
	font-family: 'M PLUS 1p', sans-serif;	
}    


/* ------------------------------
   Font Awesome
------------------------------ */

/* fontawesome
--------------------------- */
a.fa::before {
	font-family: 'Font Awesome 5 Free';
	font-size: 1em;
	margin: 0 0.5em 0 0;
	font-weight: 900;
	text-decoration: none;
	vertical-align: middle;	
}
a.fa::after {
	font-family: 'Font Awesome 5 Free';
	font-size: 1em;
	margin: 0 0 0 0.5em;
	font-weight: 900;
	text-decoration: none;
	vertical-align: middle;	
}
a.fa-external-alt[target="_blank"]::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f35d';
    font-size: 0.9em;
    margin: 0 0 0 0.5em;
    font-weight: 900;
    text-decoration: none;
}


/* ___________________________________

  フッタ
____________________________________ */

footer {
	padding: 0;
	position: relative;
	z-index: 20;
	background: #161616;	
}
footer .container {
	width: 100%;
	margin: 0 auto;
}

/* 会社情報
--------------------------- */
footer .company-info {
	width: 90%;
	padding: 2.5% 5%;
}
footer .company-info li.image img {
	width: 20%;
	filter: drop-shadow(0 0 0.01rem #222);	
}

/* コンテンツリスト
--------------------------- */
footer .footer-contents-list {
	width: 90%;
	padding: 0 5% 2.5%;
}
footer .footer-contents-list h3 {
	color: #fff;
	font-weight: bold;
}
footer .footer-contents-list h3 a {
	color: #fff;
}
footer .footer-contents-list ul.outer li {
	flex: 0 0 18.5%;
	height: 100px;
	padding-left: 1em;
}
footer .footer-contents-list ul.outer li:first-child {
	padding-left: 0;
}
footer .footer-contents-list ul.inner li {
	border-right: none;
	padding-left: 1em;	
}
footer .footer-contents-list ul.inner li:first-child {
	padding-left: 1em;	
}
footer .footer-contents-list ul.inner li a.fa {
	color: #fff;
	font-size: 13px;
}
footer .footer-contents-list ul.inner li a.fa::before {
	content: '\f105';
}

/* IE11 */
_:-ms-fullscreen, :root footer .footer-contents-list ul.inner li {
	min-height: 23.8px;
}
/* IE10 */
_:-ms-lang(x), footer .footer-contents-list ul.inner li {
	min-height: 23.8px;
}



/* コピーライト
--------------------------- */
footer .copyright {
	font-size: 11px;
	text-align: center;
	padding: 0.5em 0;
	background: #000;
}
footer .copyright p {
	color: #fff;
}



	
/* ------------------------------
   ヘッダ
------------------------------ */	
.page-header, .page-header-under {
	display: none;
}
header {
    background: transparent;
    position: fixed;
    width: 100%;
    height: 40px;
    height: auto;
    padding: 0;
    z-index: 200;
    top: 0;		
}
header.sp_only {
	display: block;
}
	
	
/* ナビゲーション
------------------------- */
#wp_nav_h button#MenuBtn_h {
	display: block;
}
#wp_nav_h {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	z-index: 300;
}
#nav_h {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 150;
	width: 200px;
	margin-right: -200px;
	background: #216869;
	margin-top: 0;
}
#nav_h ul {
	flex-direction: column;
}
#nav_h ul li {
	list-style-type: none;
	float: none;
	width: 100%;
}
#nav_h ul li a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 12px 10px;
	color: #fff;
	border-bottom: 1px solid #2d7d7e;
}
#nav_h ul li a:hover {
	color: #fff;
	background: #155455;
}	
.drawer-hamburger {
	display: none !important;
}
#wp_nav_h button#MenuBtn_h {
	top: 0%;
	right: 2%;
	position: fixed;
	border: none;
	cursor: pointer;
	width: 6%;
	height: 54px;
	margin-left: 0 !important;
	padding: 0;
	background: url(img/common/button_wh.svg) no-repeat;
	background-position: right center;
	filter: drop-shadow(0.01rem 0.01rem 0.01rem #222);
}
#wp_nav_h button#MenuBtn2 {
	top: 0;
	right: 200px;
	position: absolute;
	border: none;
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin-left: 0 !important;
	padding: 0;
	background: url(img/common/close.svg) no-repeat;
	display: none;
}
button img {
	width: 100%;
}
button:focus {
	outline: none;
}
#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 290;
}
.navbar_toggle_icon:nth-child(2) {
    margin: 7px 0;
}
.navbar_toggle_icon {
    position: relative;
    display: block;
    height: 1px;
    width: 30px;
    background: #fff;
    -webkit-transition: ease .5s;
    transition: ease .5s;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 103px;
    height: 54px;
    padding: 0 1em;
    background: #132861;
    margin-left: auto;
    cursor: pointer;
}

/* ___________________________________

  ロゴ
____________________________________ */

.logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	padding: 1% 2%;
}
header img {
    padding: 12px 0;
    height: 60px;
    max-height: 60px;
    width: auto;
    margin: 0 auto;
	/*text-shadow: #eee 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;*/
	filter: drop-shadow(0 0 0.07rem #fff);	
}
.menu_list li a {
    display: block;
    padding: 15px;
}	


/* ___________________________________

  アコーディオンメニュー
____________________________________ */

.accordion-parent {
	position: relative;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 12px 10px;
    color: #fff;
    border-bottom: 1px solid #5b7a98;
}
#nav_h ul li.accordion-parent {
	position: relative;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 12px 10px;
    color: #fff;
    border-bottom: 1px solid #5b7a98;
}
.accordion-parent::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f055';
	font-size: 1em;
	margin-left: 0.5em;
	font-weight: 900;
	text-decoration: none;
	color: #2B3A67;	
}
.accordion-parent.open::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f056';
	font-size: 1em;
	margin-left: 0.5em;
	font-weight: 900;
	text-decoration: none;
	color: #2B3A67;
}
.accordion-child {
  display: none;
}
.accordion-child ul.child-content li a::before {
	content: '・';
	padding-left: 0.5em;
}




/* ___________________________________

  コンテンツ共通
____________________________________ */

/* ------------------------------
   #wrapper
------------------------------ */
#wrapper {
	padding-bottom: 5%;
	background: #FDFFFC;
}

/* ------------------------------
   main
------------------------------ */
main {
	width: 100%;
	margin: 0 auto;
}

/* ------------------------------
   .main_content
------------------------------ */
.main_content, .introduction {
	width: 1200px;
	margin: 0 auto;
	background: #FDFFFC;
}





/* ------------------------------
   見出し
------------------------------ */
h2.type1 {
	position: relative;
	display: inline-block;
	margin-left: 0px;
	padding-left: 100px;
	color: #161616;
	font-size: 26px;
	line-height: 1.2;
	text-shadow: #eee 1px 1px 2px, #eee -1px 1px 2px, #eee 1px -1px 2px, #eee -1px -1px 2px;
	filter: drop-shadow(0 0 0.2rem #eee);	
}
h2.type1::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 85px;
    height: 2px;
    background-color: #161616;
}
#top-content-list h2.type1, #top-paid-content-list h2.type1 {
	margin-bottom: 1.5em;	
}

/* ------------------------------
   メインビジュアル
------------------------------ */
header {
	position: relative;
}


/* ------------------------------
   テキストエフェクト（タイトル）
------------------------------ */


/* ------------------------------
   IE対応
------------------------------ */

/* IE11 */
_:-ms-fullscreen, :root header .content {

}
/* IE10 */
_:-ms-lang(x), header .content {

}


/* -------------------------
   ページのトップへ戻る
------------------------- */
#fixedTop {
	right: 10px;
	bottom: 10px;
	color: #fff;
	text-align: center;
 	line-height: 50px;
	text-decoration: none;
 	vertical-align: middle;	
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
 	background: #216869;
	position: fixed;
	z-index: 99;
}
#fixedTop:hover {
	background: #155455;
}




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

  トップページ

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

/* ___________________________________

  スライドショー
____________________________________ */

/* home以外は非表示 */
/*
body:not(.home) .slider_box_pc {
	display: none;
}
body:not(.home) .slider_box_tb {
	display: none;
}
body:not(.home) .slider_box_sp {
	display: none;
}
*/

.slider_box_pc, .slider_box_tb, .slider_box_sp {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.slider_box_pc {
	position: relative;	
}
.slider_box_tb {
	position: relative;	
}
.slider_box_sp {
	position: relative;	
}
ul.slider_pc, ul.slider_tb, ul.slider_sp {
	overflow: visible;
}
.slider_box_pc .slick-dots, .slider_box_tb .slick-dots, .slider_box_sp .slick-dots {
	bottom: 15px !important;
}
.slider_box_pc .slick-dotted.slick-slider, .slider_box_tb .slick-dotted.slick-slider, .slider_box_sp .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
.slick-dots li button::before {
    font-size: 10px !important;
	color: #fff !important;
}
#park-cabin .slick-dots li button::before {
	color: #222 !important;
}
.slick-prev {
    left: 10px !important;
	z-index: 98;
}
.slick-next {
    right: 10px !important;
	z-index: 98;
}
.feature .slick-dots {
	display: none !important;
}

/* 読み込んでから表示
--------------------------- */
/*
.slider_pc, .slider_tb, .slider_sp {
  opacity: 0;
  transition: opacity .3s linear;
}
*/
.slider_pc.slick-initialized, .slider_tb.slick-initialized, .slider_sp.slick-initialized {
    opacity: 1;
}



/* ___________________________________

  背景
____________________________________ */

.section1_wrapper {
	position: absolute;
	top: 0;
	left: 50%;
}
.section1{
	position: relative;
    transform: skewX(-45deg);
    width: 1200px;
    height: 817px;
    background:rgba(255,255,255,0.5);
	margin-left: 100%;
}
.section2_wrapper {
	position: absolute;
	top: 0;
	left: 50%;
}
.section2{
	position: relative;
    transform: skewX(45deg);
    width: 1200px;
    height: 817px;
    background:rgba(164,194,165,0.5);
    background:rgba(255,255,255,0.3);	
	margin-left: 100%;
}



/* ___________________________________

  テキスト
____________________________________ */

/* ------------------------------
   txt animation
------------------------------ */
.slider_box_pc {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/* テキスト
--------------------------- */
#site-ttl {
    width: 100%;
    position: absolute;
    top: 50%;
    margin: 0;
    padding: 0;
    z-index: 50;
}

/* 英語 */
#site-ttl h1 {
	color: #161616;
    font-size: 40px;
	line-height: 1.2;
	word-break: break-all;
	text-shadow: #ccc 0 0 2px;
	filter: drop-shadow(2px 2px 2px #ccc);	
}
#site-ttl h1 {
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-duration: 2.5s; 	
	animation-direction: normal;
	animation-fill-mode: forwards;
	opacity: 0;
}
#site-ttl h1.txt1 {
  	animation-name: ttl-fade-in1;	
	animation-delay: 4s;
}
@keyframes ttl-fade-in1 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(40%,0,0);}	
}

/* 日本語 */
#site-ttl p {
	color: #fff;
    font-size: 24px;
	text-shadow: #000 0 0 2px;
	filter: drop-shadow(2px 2px 2px #000);	
}
#site-ttl p {
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-duration: 2.5s; 	
	animation-direction: normal;
	animation-fill-mode: forwards;
	opacity: 0;
}
#site-ttl p {
  	animation-name: ttl-fade-in2;	
	animation-delay: 5s;
}
@keyframes ttl-fade-in2 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(40%,0,0);}	
}


/* prev, nextボタン
--------------------------- */
.slick-prev, .slick-next {
    height: 40px !important;
    width: 40px !important;
}
.slick-prev::before, .slick-next::before {
	font-family: 'Font Awesome 5 Free' !important;
    font-size: 40px !important;
	font-weight: 900 !important;	
    line-height: 1;
    opacity: .75;
    color: white;
}
.slick-prev::before {
	content: '\f053' !important;
}
.slick-next::before {
	content: '\f054' !important;
}

.slider_pc{
    margin: 0 auto;
    width: 100%;
}
.slider_pc img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-dots {
	z-index: 100;
}


/* ------------------------------
  新着情報
------------------------------ */

#info {
	width: 100%;
	margin: 0 auto;
	padding: 3em 0;
}
.info div.news {
    width: 100%;
	height: 150px;
	margin: 0 auto;
    padding: 2.5% 0;
    box-sizing: border-box;
	overflow-y: scroll;		
}
dl.news {
	width: 1200px;
	margin: 0 auto;
	line-height: 2;
	/*white-space: nowrap;*/
}
dl.news dt {
	width: 6em;
	padding: 5px 0;
	font-weight: bold;
	float: left;
}
dl.news dd {
	padding: 5px 0 5px 5em;
	border-bottom: 1px solid #ccc;	
}
dl.news dd:last-child {
	border-bottom: none;	
}
dl.news dd ul {
	width: auto;
	margin-left: 1em;
}
dl.news dd ul li {
	width: 7em;
	line-height: 2;
}
dl.news dd ul li a {
    display: inline-block;
    color: #fff;
    font-size: 0.8rem;
    background-color: #216869;
    width: 7em;
    text-align: center;
    text-decoration: none;
}
dl.news dd ul + a {
	margin-top: -2em;
	margin-left: 8.5em;	
	display: block;
}
dl.news dd span.category {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 0.8em;
}



/* ------------------------------
  コンテンツ一覧
------------------------------ */
#top-content-list {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 3em;
}
#top-content-list ul.outer li {
	flex: 0 0 18.4%;
	margin: 0 2% 2% 0;
}
#top-content-list ul.outer li:nth-child(5n) {
	margin-right: 0;
}


/* IE11 */
_:-ms-fullscreen, :root #top-content-list ul.outer li.photo {
	min-height: 144.267px;
}
_:-ms-fullscreen, :root #top-content-list ul.outer li.txt {
	min-height: 68.6px;
}
/* IE10 */
_:-ms-lang(x), #top-content-list ul.outer li.photo {
	min-height: 144.267px;
}
_:-ms-lang(x), #top-content-list ul.outer li.txt {
	min-height: 68.6px;
}

/* もっと見るボタン／閉じるボタン
--------------------------- */
.wrapper_see_more, .wrapper_close, .wrapper_see_more2, .wrapper_close2 {
	display: none;	
}
.wrapper_see_more a, .wrapper_close a, .wrapper_see_more2 a, .wrapper_close2 a {
	width: 22em;
	padding: 1em 0;
	text-align: center;
	cursor: pointer;
	color: #216869;
	text-shadow: none;
	line-height: 1.5;
	background: #fff;
	border: 1px solid #216869;	
    display: block;		
}
.wrapper_see_more a:hover, .wrapper_see_more2 a:hover {
	color: #fff;
    text-decoration: none;
	background: #216869;	
}
.wrapper_see_more a.fa-chevron-down::after, .wrapper_see_more2 a.fa-chevron-down::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f078';
    font-size: 1em;
    margin: 0 0 0 0.5em;
    font-weight: 900;
    text-decoration: none;
    vertical-align: middle;
}
.wrapper_see_more .fa-chevron-down::before, .wrapper_see_more2 .fa-chevron-down::before {
    content: "";
}
.wrapper_close a.fa-chevron-up::after, .wrapper_close2 a.fa-chevron-up::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f077';
    font-size: 1em;
    margin: 0 0 0 0.5em;
    font-weight: 900;
    text-decoration: none;
    vertical-align: middle;
}
.wrapper_close .fa-chevron-up::before, .wrapper_close2 .fa-chevron-up::before {
    content: "";
}
.wrapper_close a, .wrapper_close2 a {
	color: #222;
	background: #ccc;
	border: 1px solid #ccc;		
}
.wrapper_close a:hover, .wrapper_close2 a:hover {
    text-decoration: none;
	background: #aaa;
	border: 1px solid #aaa;		
}


/* ------------------------------
  有料コンテンツ一覧
------------------------------ */
#top-paid-content-list {
    width: 100%;
    margin: 0 auto;
    padding: 3em 0;
}
#top-paid-content-list ul.outer li {
	flex: 0 0 18.4%;
	margin: 0 2% 2% 0;
}
#top-paid-content-list ul.outer li:nth-child(5n) {
	margin-right: 0;
}


/* IE11 */
_:-ms-fullscreen, :root #top-paid-content-list ul.outer li.photo {
	min-height: 144.267px;
}
_:-ms-fullscreen, :root #top-paid-content-list ul.outer li.txt {
	min-height: 68.6px;
}
/* IE10 */
_:-ms-lang(x), #top-paid-content-list ul.outer li.photo {
	min-height: 144.267px;
}
_:-ms-lang(x), #top-paid-content-list ul.outer li.txt {
	min-height: 68.6px;
}

/* もっと見るボタン／閉じるボタン
--------------------------- */
.wrapper_see_more3, .wrapper_close3, .wrapper_see_more4, .wrapper_close4 {
	display: none;	
}
.wrapper_see_more3 a, .wrapper_close3 a, .wrapper_see_more4 a, .wrapper_close4 a {
	width: 22em;
	padding: 1em 0;
	text-align: center;
	cursor: pointer;
	color: #7A7265;
	text-shadow: none;
	line-height: 1.5;
	background: #fff;
	border: 1px solid #7A7265;	
    display: block;		
}
.wrapper_see_more3 a:hover, .wrapper_see_more4 a:hover {
	color: #fff;
    text-decoration: none;
	background: #7A7265;	
}
.wrapper_see_more3 a.fa-chevron-down::after, .wrapper_see_more4 a.fa-chevron-down::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f078';
    font-size: 1em;
    margin: 0 0 0 0.5em;
    font-weight: 900;
    text-decoration: none;
    vertical-align: middle;
}
.wrapper_see_more3 .fa-chevron-down::before, .wrapper_see_more4 .fa-chevron-down::before {
    content: "";
}
.wrapper_close3 a.fa-chevron-up::after, .wrapper_close4 a.fa-chevron-up::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f077';
    font-size: 1em;
    margin: 0 0 0 0.5em;
    font-weight: 900;
    text-decoration: none;
    vertical-align: middle;
}
.wrapper_close3 .fa-chevron-up::before, .wrapper_close4 .fa-chevron-up::before {
    content: "";
}
.wrapper_close3 a, .wrapper_close4 a {
	color: #222;
	background: #ccc;
	border: 1px solid #ccc;		
}
.wrapper_close3 a:hover, .wrapper_close4 a:hover {
    text-decoration: none;
	background: #aaa;
	border: 1px solid #aaa;		
}



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

  下層ページ　共通タグ

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

/* パンくず
--------------------------- */
.breadcrumbs {
	width: 1200px;
	margin: 0 auto;
	padding: 1em 0;
    color: #888;
    line-height: 1.3;
    font-size: 13px;
    text-align: right;
	clear: both;
	background: #FDFFFC;
}
.breadcrumbs a {
    color:#888;
}



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

  コンテンツ

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

/* タイトル
--------------------------- */
.ttlarea {
	width: 100%;
	height: 150px;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	position: relative;
	padding-top: 50px;
}

/* テキストの幅 */
.single .ttlarea ul.outer li, .archive .ttlarea ul.outer li, .tag .ttlarea ul.outer li, .category .ttlarea ul.outer li, .page-template-page-login .ttlarea ul.outer li, .error404 .ttlarea ul.outer li {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}
.single-movie .ttlarea ul.outer li {
    flex: 0 0 auto;
	width: 70%;
	max-width: 70%;
}

/* 背景画像 */
.tag .ttlarea, .category .ttlarea, .archive .ttlarea, .page-template-page-login .ttlarea, .error404 .ttlarea {
	background-image: url(img/content/header-bg1.jpg);
}




.ttlarea h1 {
	color: #fff;
	font-size: 30px;
	padding: 0 2%;
	filter: drop-shadow(0 0 0.01rem #222);	
}
.ttlarea ul.outer {
	height: 150px;
	align-items: center;
}


/* vol */
.border-box-wrapper {
	position: absolute;
	bottom: 15%;
	right: 2%;
	width: 200px;
	height: 30px;
}
.border-box {
	position: relative;
}


.square {
	position: relative;
	width: 100%;
 	height: auto;
	color: #fff;
 	font-size: 1.5em;
	filter: drop-shadow(0 0 0.01rem #222);
 	background: rgba(255,255,255,0.5);
 	overflow: hidden;
	justify-content: center;
	align-items: center;
}

/* ボーダー */
.border {
	position: absolute;
 	display: block;
 	width: 2px;
 	height: 2px;
 	background-color: #fff;
 	overflow: hidden;
 	transition: 1s;
}  
/* 上ボーダー */
.border.top {
	width: 100%;
 	top: 0;
 	left: 0;
	animation: border1 1s backwards;
	animation-delay: 5s;
}
/* 右ボーダー */
.border.right {
	height: 100%;
	top: 0;
	right: 0;
	animation: border2 1s backwards;	
	animation-delay: 6s;	
}
/* 下ボーダー */
.border.bottom {
	width: 100%;
 	right: 0;
 	bottom: 0;
	animation: border3 1s backwards;
	animation-delay: 7s;	
}
/* 左ボーダー */
.border.left {
	height: 100%;
 	bottom: 0;
 	left: 0;
	animation: border4 1s backwards;
	animation-delay: 8s;	
}

@keyframes border1 {
0% {
  transform: translate3d(-100%, 0, 0);
}
100% {
  transform: translate3d(0, 0, 0);
}	
}
@keyframes border2 {
0% {
  transform: translate3d(0, -100%, 0);
}
100% {
  transform: translate3d(0, 0, 0);
}	
}
@keyframes border3 {
0% {
  transform: translate3d(100%, 0, 0);
}
100% {
  transform: translate3d(0, 0, 0);
}	
}
@keyframes border4 {
0% {
  transform: translate3d(0, 100%, 0);
}
100% {
  transform: translate3d(0, 0, 0);
}	
}


/* メインコンテンツ
--------------------------- */
#wrapper_main_under h2, #content-list h2, #paid-content-list h2 {
	font-size: 24px;
	margin: 5% 0 2.5%;	
	padding-left: 14px;
	border-left: 7px solid #ccc;
}
.main_content #wrapper_main_under h2 {
	margin: 0;	
}
.main_content section .inner_box {
	margin: 2.5% 0;
	padding: 2.5%;
	background: #fff;
}
.main_content section .inner_box p {
	margin: 1em 0 0;
}
.main_content section .inner_box ul.content-link li {
	flex: 0 0 auto;
	max-width: 100%;
	margin-bottom: 2em;
}
.main_content section .inner_box ul.content-link li a {
	display: block;
	color: #14536b;
	font-size: 18px;
	text-decoration: underline;
}



/* 追尾型ナビゲーション
--------------------------- */
#wrapper_main_under {
	margin: 5% 0;
}
#wrapper_main_under li.li_nav {
	flex: 0 0 20%;
	margin-right: 5%;
}
#wrapper_main_under li.li_content {
	flex: 0 0 75%;
}
#menuList {
	margin-bottom: 5%;
	width: 240px;
	box-shadow: 0 0 4px #999;
	z-index: 10;
}
#menuList > ul > li > a {
	margin-bottom: 2px;
	padding: 15px 25px;
	font-weight: bold;
	display: block;
	text-align: left;
	background: #fff;	
	background: linear-gradient(to bottom,  #fff 50%,#eee 100%);
	box-shadow: 0 2px 0 #ccc;
	transition: 0.3s;	
}
#menuList > ul > li > a:hover {
	text-decoration: none;
	background: #eee;
	background: linear-gradient(to bottom,  #eee 50%,#ccc 100%);	
}
#menuList > ul > li > a.fa-caret-right::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f0da';
    font-size: 1em;
    margin: 0 0 0 0.5em;
    font-weight: 900;
    text-decoration: none;
    vertical-align: middle;
}
#menuList > ul > li > a.fa-caret-right::before {
    content: '';
}

#contents {
	width: 650px;
	float: right;
	text-align: left;
}

#contents p {
	padding-bottom: 2em;
	font-size: 1em;
	line-height: 1.8em;
	text-align: left;
}



/* ------------------------------
   見出し
------------------------------ */
h3.type1 {
	position: relative;
	display: inline-block;
	margin: 0 0 1em 0;
	padding-left: 80px;
	color: #14536b;
	font-size: 22px;
	line-height: 1.2;
	/*text-shadow: #eee 1px 1px 2px, #eee -1px 1px 2px, #eee 1px -1px 2px, #eee -1px -1px 2px;
	filter: drop-shadow(0 0 0.2rem #aaa);*/
}
h3.type1::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 65px;
    height: 2px;
    background-color: #0b4786;
}
#top-content-list h3.type1 {
	margin-bottom: 1.5em;	
}


/* youtube
--------------------------- */
.youtube {
	width: 70%;
}
.youtube-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube-box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* ページネーション
--------------------------- */
.pagination2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 1em 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	align-items: center;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;	
}
.pagination2 li {
	flex: 0 0 auto;
	max-width: 100%;
}
.pagination2 li.previous {
	flex: 0 0 45%;
	margin-right: 5%;
}
.pagination2 li.next {
	flex: 0 0 45%;
	margin-left: 5%;
	text-align: right;
}

/* コンテンツ一覧
--------------------------- */
ul#content-list li {
	flex: 0 0 18.4%;
	margin: 0 2% 2% 0;
}
ul#content-list li:nth-child(5n) {
	margin-right: 0;
}
ul#content-list li ul.inner li {
	margin: 0 0 2% 0;
}

/* IE11 */
_:-ms-fullscreen, :root ul#content-list li ul.inner li.photo {
	min-height: 147.2px;
}
_:-ms-fullscreen, :root ul#content-list li ul.inner li.txt {
	min-height: 68.6px;
}
/* IE10 */
_:-ms-lang(x), ul#content-list li ul.inner li.photo {
	min-height: 147.2px;
}
_:-ms-lang(x), ul#content-list li ul.inner li.txt {
	min-height: 68.6px;
}

/* 有料コンテンツ一覧
--------------------------- */
ul#paid-content-list li {
	flex: 0 0 18.4%;
	margin: 0 2% 2% 0;
}
ul#paid-content-list li:nth-child(5n) {
	margin-right: 0;
}
ul#paid-content-list li ul.inner li {
	margin: 0 0 2% 0;
}

/* IE11 */
_:-ms-fullscreen, :root ul#paid-content-list li ul.inner li.photo {
	min-height: 147.2px;
}
_:-ms-fullscreen, :root ul#paid-content-list li ul.inner li.txt {
	min-height: 68.6px;
}
/* IE10 */
_:-ms-lang(x), ul#paid-content-list li ul.inner li.photo {
	min-height: 147.2px;
}
_:-ms-lang(x), ul#paid-content-list li ul.inner li.txt {
	min-height: 68.6px;
}



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

  アーカイブ

======================================== */
.container_subpage {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 5%;
	background: #FDFFFC;
}
#post-list li.archive {
	flex: 0 0 18.4%;
	margin: 0 2% 2% 0;
}
#post-list li.archive:nth-child(5n) {
    margin-right: 0;
}
#post-list li.archive ul.inner li.txt {
	padding: 2% 0;
}

/* ページネーション
--------------------------- */
.pagination {
	width: 1200px;
    margin: 5% 0;
}
.pagination:after, .pagination ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagination ul {
    margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.pagination li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagination li:first-child {
    margin-left: 0;
}
.pagination li.active {
    background-color: #216869;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagination li a {
    background: none repeat scroll 0 0 #aaa;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagination li a:hover {
    background-color: #2d7d7e;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}


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

  記事

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

/* ------------------------------
   記事　共通セレクタ
------------------------------ */



/* ボタン
--------------------------- */
div.btn {
    margin: 5% auto;
    display: flex;
    align-items: center;
}
div.btn a {
    color: #222;
    font-size: 18px;
    text-shadow: none;
    line-height: 1.5;
    padding: 0.5em 2em;
    background-color: #fff;
    border: 1px solid #222;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.btn a:hover {
    color: #fff;
    background-color: #000;	
    text-decoration: none;
}
div.btn a.fa-caret-right::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f0da';
    font-size: 1em;
    margin: 0 0 0 0.5em;
    font-weight: 900;
    text-decoration: none;
    vertical-align: middle;
}
div.btn a.fa-caret-right::before {
    content: '';
}



/* ページネーション
--------------------------- */
.single .main .pagination2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 1em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-top: 1px dotted #ccc;
}
.single ul#post-list li.main .pagination2 li {
	flex: 0 0 auto;
	max-width: 100%;
	margin-right: 0.5em;
}
.single ul#post-list li.main .pagination2 li.previous {
	margin-right: 0.5em;
}
.single ul#post-list li.main .pagination2 li.next {
	margin-left: 0.5em;
}

/* ページネーション
--------------------------- */
.single .container_subpage .main .pagination2 {
	width: 100%;
	height: auto;
	margin: 2em auto 0;
	padding-top: 1em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-top: 1px dotted #ccc;
}
.single .container_subpage ul#post-list li.main .pagination2 li {
	flex: 0 0 auto;
	max-width: 100%;
	margin-right: 0.5em;
}
.single .container_subpage ul#post-list li.main .pagination2 li.previous {
	margin-right: 0.5em;
}
.single .container_subpage ul#post-list li.main .pagination2 li.next {
	margin-left: 0.5em;
}

/* キャプション
--------------------------- */
p.caption_item {
    color: #fff;
	font-size: 14px;
	line-height: 1.2;
	text-shadow:  #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
	filter: drop-shadow(0 0 0.75rem #000);	
	position: absolute;
	bottom: 15px;
	right: 15px;
}
p.caption_concept {
    color: #fff;
	font-size: 30px;
	font-family: 'Times New Roman', serif;
	font-style: italic;	
	line-height: 1.2;
	text-shadow:  #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
	filter: drop-shadow(0 0 0.75rem #000);	
	position: absolute;
	bottom: 15px;
	right: 35px;
}


/* 詳細
--------------------------- */
.single  ul#post-list {
	align-items: flex-start;
}
.single .container_subpage ul#post-list li.main {
	flex: 0 0 71%;
	margin-right: 2.5%;
	padding: 2%;
	background: #fff;
}
.single .container_subpage ul#post-list li.sub {
	flex: 0 0 18.5%;
	margin-right: 0;
	padding: 2%;
	background: #fff;
}

/* 見出し
--------------------------- */
.single .container_subpage ul#post-list li.main h1 {
	font-size: 24px;
	text-align: left;
	margin-bottom: 0.5em;	
	padding: 0 0 0.5em;
	border-bottom: 1px solid #000;
}
.single .container_subpage ul#post-list li.main h2 {
	font-size: 20px;
	text-align: left;
	padding: 1em 0;
}
.single .container_subpage ul#post-list li.main h3 {
	font-size: 16px;
	text-align: left;
	margin: 3em 0 2em;
	padding: 0.5em 0;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;	
}
.single .container_subpage ul#post-list li.main h4 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 1em;
}
.single .container_subpage ul#post-list li.sub h3 {
	color: #222;
	font-size: 18px;
	text-align: left;
	margin: 0 0 1em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #000;
}


/* メインの詳細
--------------------------- */
.single .box_details {
	display: flex;
	flex-direction: row;
}
.single p.summary {
	margin: 1em 0 3em;
}
.single .box_details dl {
	width: 45%;
}
.single .box_details dl.no_image {
	width: 100%;
}
.single-activities .box_details dl, .single-food-content .box_details dl, .single-area-information .box_details dl {
	width: 100%;
}
.single-activities .box_details dl.half, .single-food-content .box_details dl.half, .single-area-information .box_details dl.half {
	width: 45%;
}
.single dl.no_image + .photo {
	width: 0;
	margin: 0;
}
.single-area-information .box_details dl.all {
	width: 100%;
}
.single .box_details dl dt, .single dl.detail dt {
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.5em;
	border-bottom: 1px dotted #ccc;	
}
.single .box_details dl dd, .single dl.detail dd {
	margin-bottom: 1em;
	padding-left: 1em;
	text-indent: -1em;
}
.single dl.detail dd.map::before {
	content: '';
}
.single .box_details dl dd ul li::before, .single dl.detail dd ul li::before {
	content: '・';
}
.single .box_details dl dd ul li.no_disc::before, .single dl.detail dd ul li.no_disc::before {
	content: '';
}
.single .box_details dl dd::before, .single dl.detail dd::before {
	content: '・';
}
.single .box_details div.wrapper_txt {
	width: 50%;
}
.single .box_details .photo, .single .photo.half {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 0 2em 5%;
}
.single .box_details .photo span.caption, .single .box_details .photo span.caption_last {
	display: block;
	font-size: 13px;
	text-align: left;
	line-height: 1.5;
	margin: 0.5em 0 1em;
}
.single .box_details .photo span.caption_last {
	margin: 1em 0 0;
}


/* サブ
--------------------------- */
.single .container_subpage ul#post-list li.sub ul.inner {
	align-items: stretch;
	margin-bottom: 15%;
}
.single .container_subpage ul#post-list li.sub ul.inner li {
	padding: 2.5% 0;
	border-bottom: dotted 1px #ccc;
}
.single .container_subpage ul#post-list li.sub ul.inner li ul.sub_inner li.txt {
    flex: 0 0 auto;
	max-width: 100%;
	border: none;	
}	



/* タグ
--------------------------- */

/* 色・サイズ */
.single .tag a, .page-template .tag a, .archive .tag a  {
    margin-right: 1em;
	color: #216869;
	font-size: 13px;
}

/* アイコン */
.single .tag a::before, .page-template .tag a::before, .archive .tag a::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f02b';
    font-size: 0.9em;
    margin: 0 0.5em 0;
    font-weight: 900;
    text-decoration: none;
}

/* 記事のレイアウト */
.single ul.outer li.main .tag {
	justify-content: flex-start;
}
.single ul.outer li.main .tag a {
	flex: 0 0 auto;
	max-width: 100%;
}

/* 注意天
--------------------------- */
/* 色・サイズ */
.single .att p {
    color: #c00;
}



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

  エラー404

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

.error404 #post-list li.archive {
    flex: 0 0 100%;
    margin: 0 2% 2% 0;
}
.error404 #post-list li.archive p {
	margin: 0 0 1em;	
}
.error404 #post-list li.archive p.url {
	padding: 1em 0;
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #ccc;	
}



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

  ログイン画面

======================================== */
.tml-links {
	display: none !important
}
.tml .tml-field {
    width: 30% !important;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #000;
	border-radius: 4px;
	outline: none;	
}
.tml .tml-field:focus {
	border: 1px solid #ccc !important;	
}









/**
 * レスポンシブ: PC用 ウィンドウ幅769px以上、1200px以下
 */
@media screen and (min-width:769px) and ( max-width:1200px) {	

	
/* ___________________________________

  共通セレクタ
____________________________________ */
	
.tb_only {
	display: none;		
}	
.sp_only {
	display: none;
}
.pc_only {
	display: block;		
}

	
/* ------------------------------
   メイン
------------------------------ */
main {
    width: 90%;
}
.main_content, .introduction {
    width: 100%;
}	

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

  トップページ

======================================== */
/* ___________________________________

  背景
____________________________________ */
	
.section1_wrapper {
    top: 0;
    left: 50%;
}	
.section1 {
    width: 100vw;
    height: 50vh;
}
.section2_wrapper {
    top: 0;
    left: 50%;
}
.section2 {
    width: 100vw;
    height: 50vh;
}
	
/* ------------------------------
  新着情報
------------------------------ */
dl.news {
    width: 100%;
}	
	

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

  下層ページ　共通タグ

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

/* パンくず
--------------------------- */
.breadcrumbs {
    width: 96%;
    padding: 1em 2%;
}	

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

  コンテンツ

======================================== */
	
/* 追尾型ナビゲーション
--------------------------- */	
#menuList {
    width: 18vw;
}
/* ------------------------------
   見出し
------------------------------ */
h3.type1 {
    margin: 0.5em 0 1em 0;
}	
	
	
	
	

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

  アーカイブ

======================================== */
.container_subpage {
	width: 96%;
}
	
	
	
	
/* ========================================

  記事

======================================== */
	
#news {
	width: 100%;
}	

/* 詳細
--------------------------- */

	
	
	
	
	
	
	
	
	
	
}




/**
 * レスポンシブ: PC用 ウィンドウ幅769px以上、828px以下
 */

@media screen and (min-width:769px) and ( max-width:828px) {

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

  トップページ

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

/* ------------------------------
   txt animation
------------------------------ */
	
/* テキスト
--------------------------- */

/* 英語 */
@keyframes ttl-fade-in1 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(30%,0,0);}	
}

/* 日本語 */
@keyframes ttl-fade-in2 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(30%,0,0);}	
}	




}








/**
 * レスポンシブ: TB用 ウィンドウ幅641px以上、768px以下
 */
@media screen and (min-width:641px) and ( max-width:768px) {
	
/* ___________________________________

  共通セレクタ
____________________________________ */
	
	
.tb_only {
	display: block;		
}	
.sp_only {
	display: none;
}
.pc_only {
	display: none;		
}

/* ___________________________________

  フッタ
____________________________________ */

/* 会社情報
--------------------------- */
footer .company-info li.image img {
	width: 30%;
}
	
/* ------------------------------
   メイン
------------------------------ */
main {
    width: 96%;
}
.main_content, .introduction {
    width: 100%;
}
	
/* ========================================

  トップページ

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

/* ___________________________________

  背景
____________________________________ */
	
.section1_wrapper {
    top: 0;
    left: 50%;
}	
.section1 {
    width: 100vw;
    height: 50vh;
}
.section2_wrapper {
    top: 0;
    left: 50%;
}
.section2 {
    width: 100vw;
    height: 50vh;
}	
	
	
/* ------------------------------
   txt animation
------------------------------ */
	
/* テキスト
--------------------------- */
#site-ttl h1 {
    font-size: 34px;
}
	
	
/* 英語 */
@keyframes ttl-fade-in1 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(30%,0,0);}	
}

/* 日本語 */
@keyframes ttl-fade-in2 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(30%,0,0);}	
}	


/* ------------------------------
  コンテンツ一覧
------------------------------ */

/* もっと見るボタン／閉じるボタン
--------------------------- */	
.wrapper_see_more a, .wrapper_close a {
    padding: 0.5em 0;
}
	

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

  下層ページ　共通タグ

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

/* パンくず
--------------------------- */
.breadcrumbs {
    width: 96%;
    padding: 1em 2%;
}	
	
	
/* ========================================

  コンテンツ

======================================== */
	
/* ------------------------------
   見出し
------------------------------ */
h3.type1 {
    margin: 0.5em 0 1em 0;
}



/* youtube
--------------------------- */
.youtube {
    width: 100%;
}

	
	
	

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

  アーカイブ

======================================== */
.container_subpage {
	width: 96%;
}
	
	
	
	
/* ========================================

  記事

======================================== */
	
#news {
	width: 100%;
}	

/* 詳細
--------------------------- */
	
	
}


/**
 * レスポンシブ: SP用 ウィンドウ幅640px以下
 */
@media screen and (max-width:640px) {

	
/* ___________________________________

  共通セレクタ
____________________________________ */
		
.sp_only {
	display: block;
}
.pc_only {
	display: none;		
}
.tb_only {
	display: none;		
}			


	
/* ------------------------------
   メイン
------------------------------ */
main {
    width: 96%;
}
.main_content, .introduction {
    width: 100%;
}

/* ___________________________________

  コンテンツ共通
____________________________________ */

/* ------------------------------
   見出し
------------------------------ */
h2.type1 {
	font-size: 20px;	
}	


	
/* ------------------------------
   ヘッダ
------------------------------ */	
	
/* ナビゲーション
------------------------- */	
	
#wp_nav_h button#MenuBtn_h {
    width: 12%;
}	
	

/* ___________________________________

  フッタ
____________________________________ */


/* コンテンツリスト
--------------------------- */
footer .footer-contents-list ul.outer li {
	flex: 0 0 auto;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-right: none;
	padding-left: 0;
}
footer .footer-contents-list ul.inner {
    flex-direction: row;
}
footer .footer-contents-list ul.inner li {
	flex: 0 0 20%;
    padding-left: 1em;
}
	
	
/* ========================================

  トップページ

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

/* ------------------------------
   txt animation
------------------------------ */
	
/* テキスト
--------------------------- */
#site-ttl {
    top: 30%;
}		
#site-ttl h1 {
    font-size: 30px;
}
#site-ttl p {
    font-size: 20px;
}
	
/* 英語 */
@keyframes ttl-fade-in1 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(30%,0,0);}	
}

/* 日本語 */
@keyframes ttl-fade-in2 {
  0% {opacity: 0; transform: translate3d(100%,0,0);}
  100% {opacity: 1; transform:translate3d(30%,0,0);}	
}		

/* ___________________________________

  背景
____________________________________ */
	
.section1_wrapper {
    top: 0;
    left: 50%;
}	
.section1 {
    width: 100vw;
    height: 50vh;
}
.section2_wrapper {
    top: 0;
    left: 90%;
}
.section2 {
    width: 100vw;
    height: 50vh;
}
	
	
/* ------------------------------
   新着情報
------------------------------ */
#info h2 {
	padding-bottom: 0;
}
#top-content-list h2.type1 {
    margin: 1em 0;
}	
#info {
    width: 100%;
	max-width: 100%;
    margin: 0 auto;
    padding: 5% 0;
}	
.info div.news {
    width: 100%;
    height: 160px;
    padding: 5% 0;
    box-sizing: border-box;
    float: left;
    overflow-y: scroll;
}
dl.news {
    width: 100%;
}	
dl.news dt {
    width: 5em;
    padding: 5px 0;
    font-weight: bold;
    float: none;
	white-space: nowrap;
}	
dl.news dd {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}	
dl.news .sp_only {
    display: inline-block;
    color: #fff;
    font-size: 11px;
	font-weight: normal;
    background: #14536b;
    width: 8.5em;
    text-align: center;
    text-decoration: none;
    line-height: 2;
    margin-left: 1em;
}
dl.news .sp_only a {
    color: #fff;
	font-size: 12px;
	line-height: 2;
}	
dl.news dd span.category {
    display: none !important;
}	
		

	
/* ------------------------------
   コンテンツ一覧
------------------------------ */
#top-content-list ul.outer li {
    flex: 0 0 49%;
    margin: 0 2% 4% 0;
}	
#top-content-list ul.outer li:nth-child(2n) {
    margin-right: 0 !important;
}
#top-content-list ul.outer li:nth-child(5n) {
    margin-right: 2%;
}		
#top-content-list ul.inner li.photo, #top-content-list ul.inner li.txt {
    margin: 0;
}

/* もっと見るボタン／閉じるボタン
--------------------------- */	
.wrapper_see_more a, .wrapper_close a {
    width: 100%;	
    padding: 0.5em 0;
}	

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

  下層ページ　共通タグ

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

/* パンくず
--------------------------- */
.breadcrumbs {
    width: 96%;
    padding: 1em 2%;
}
	
/* ========================================

  コンテンツ

======================================== */
	
/* ------------------------------
   見出し
------------------------------ */
h3.type1 {
    margin: 0.5em 0 1em 0;
    font-size: 18px;	
}

	
/* 追尾型ナビゲーション
--------------------------- */
/*	
section.sec-content {
    margin-top: -60px;
    padding-top: 60px;
}
*/
#wrapper_main_under {
    flex-direction: column;
}
#wrapper_main_under li.li_nav {
    flex: 0 0 auto;
    margin-right: 0;
    width: 100%;
	max-width: 100%;
}
#menuList {
    width: 100%;
	left: 0;
}	
#menuList > ul {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}	
#menuList > ul > li {
    flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	border-right: 1px solid #eee;
}
#menuList > ul > li:last-child {
	border-right: none;
}
#menuList > ul > li > a {
    padding: 10px;
}

/* youtube
--------------------------- */
.youtube {
    width: 100%;
}

	
	

	
/* タイトル
--------------------------- */
.ttlarea {
    padding: 25px 0 30px;
}	
.ttlarea h1 {
    font-size: 20px;
	filter: drop-shadow(1px 1px 1px #222);	
}
.border-box-wrapper {
    width: 100px;
}
.square {
    font-size: 1.2em;
}
	
	
/* メインコンテンツ
--------------------------- */
.main_content #wrapper_main_under h2, .main_content #content-list h2 {
    font-size: 20px;
	margin: 5% 0 2.5%;
}
.main_content #content-list h2 {
	margin: 7.5% 0 2.5%;
}
.main_content section .inner_box ul.content-link li a {
    display: block;
    color: #14536b;
    font-size: 16px;
    text-decoration: underline;
}
	

/* コンテンツ一覧
--------------------------- */
ul#content-list li {
	flex: 0 0 49%;
	margin: 0 2% 4% 0;
}
ul#content-list li:nth-child(2n) {
	margin-right: 0 !important;
}
	

/* 有料コンテンツ一覧
--------------------------- */
ul#paid-content-list li {
	flex: 0 0 49%;
	margin: 0 2% 4% 0;
}
ul#paid-content-list li:nth-child(2n) {
	margin-right: 0 !important;
}

	

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

  アーカイブ

======================================== */
.container_subpage {
	width: 96%;
}
#post-list li.archive {
	flex: 0 0 49%;
	margin: 0 2% 4% 0;
}	
#post-list li.archive:nth-child(2n) {
	margin-right: 0 !important;
}	
ul#content-list li:nth-child(5n) {
    margin-right: 2%;
}
#post-list li.archive:nth-child(5n) {
    margin-right: 2%;
}	

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

  記事

======================================== */
	
#news {
	width: 100%;
}
.single ul#post-list {
    flex-direction: column;
}
	



/* 見出し
--------------------------- */
.single .container_subpage ul#post-list li.main h1 {
	font-size: 20px;
}
.single .container_subpage ul#post-list li.main h2 {
	font-size: 18px;
}	

	
/* 詳細
--------------------------- */	
.single .container_subpage ul#post-list li.main {
    flex: 0 0 auto;
    margin: 0 0 2%;
    width: 96%;
	max-width: 96%;
}
.single .container_subpage ul#post-list li.sub {
    flex: 0 0 auto;
    width: 96%;
	max-width: 96%;
}
	
/* ボタン
--------------------------- */	
div.btn a {
    font-size: 14px;
}	

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

  ログイン画面

======================================== */
.tml .tml-field {
    width: 100% !important;	
}

	
	
	
	
}
	
	



/**
 * レスポンシブ: SP用 ウィンドウ幅375px以下
 */
@media screen and  ( max-width:375px) {
	

	
	
}