@charset "UTF-8";

/* 240px 〜 479px（296px） */
html
{
	height: 100vh;
	height: 100svh;
/*	overflow : auto ;*/
}

body
{
	font-size: 100%;
	height: 100%;
	overflow : auto ;
}

body:before
{
	display: none;
}

/* スクロールスナップしない */
div.scroll.snap
{
/*	height: 100%;
	scroll-snap-type: none;
	overflow : auto ;
	overflow : visible ;*/
}

/* ヘッダー */
header
{
	height: auto;
	padding: 4px 0;
}

/* ヘッダーナビゲーション */
.logomark
{
	width: auto;
}

.logomark a
{
/*	height: 61px;*/
}

.logomark a img
{
/*	height: 61px;*/
}

.logomark a:hover
{
}

.navigation ul li:first-child
{
	display: block;
}

ul.navigation li a
{
	padding: 4px 8px 4px 8px;
}

.sns_account ul li
{
	padding: 0 4px;
}

/* はんばんくんメニュー */
.hamburger-menu label.menu-btn
{
	top:4px;
}

.menu-content
{
	width: 100%;
}

/* 全画面カバーイメージ */
.cover_screen,
.cover_screen ul
{
	width: 100vw;
	height: 100vw;
}

.cover_screen
{
	display: none;
}

.cover_screen.jx320,
.cover_screen.jx320 ul
{
	display: block;
	height: 100vw;
	min-height: 292px;
	background-image: none;
	background-color: transparent;
}

@media screen and (max-height: calc(100vw + 78px))
{
	.cover_screen.jx320 ul
	{
		background-image: url(/Images/cover_screen_background.svg);
		background-color: rgb(230,230,230);
		background-repeat: repeat;
		background-position: top center;
	}
}

.cover_screen img,
.cover_screen video
{
	width: 100%;
}

.return
{
	width: 50%;
	left: 14px;
	top: 18px;
}

/* 全画面背景イメージ（full_height） */
section.full_height
{
	height: auto;
	padding-top : 46px;
	min-height: calc(100vh - 46px - 46px);
	background-color: rgb(255,255,255);
	z-index: 0;
}

section.full_height.fix
{
	height: auto;
	padding-top : 0 ;
	min-height: calc(100vh - 46px - 46px);
	min-height: calc(100svh - 46px - 46px);
}

section.full_height div.spread
{
/*	height: 100vh;
	height: 100svh;*/
	height: 100%;
/*	background-color : rgb(255,246,200) ;*/
/*	background-color : rgb(255,255,255) ;*/
}

section.full_height div.spread:empty
{
/*	height: 100vh;
	height: 100svh;*/
	background-color : rgb(255,255,255) ;
}

section.full_height div.spread_fix
{
	height: 100vh;
/*	height: 100svh;*/
}

section.full_height div.spread img
{
	height: 100%;
/*	height: 100svh;*/
	object-position: center 12vh;
}

section.full_height div.spread.fit_bottom img
{
	height: 100%;
	object-position: center 0;
}

section.coat
{
	padding: 24px 0 24px 0;
	background-color: rgb(240,240,242);
	position: relative;
	z-index: inherit;
}

/* 背景画像の大きさ制限 tiny */
section.full_height div.spread.tiny
{
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
}

div.spread_fix.fit_contain img
{
	object-fit: cover;
}

.fit_bottom-right img
{
	object-position: center top;
}

/* 記事シート */
section.full_height div.seat_base,
section.full_height div.seat_base.bottom,
section.full_height div.seat_base.top,
section.full_height div.seat_base.full,
section.full_height div.seat_base.byside,
section.full_height div.seat_base.f_block
{
	display: block;
	position: static;
	width: calc(100% - 48px);
	padding: 14vh 24px 48px 24px;
	padding: 14svh 24px 48px 24px;
	height: auto;
}

section.full_height div.seat_base.f_block
{
	position : absolute ;
	top: 7svh;
}

section.full_height div.seat_base.byside
{
	padding: 120px 24px 48px 24px;
}

section.full_height div.seat_base.down
{
	padding: 48vh 24px 0 24px;
	padding: 48svh 24px 0 24px;
	margin-bottom: -24px;
}

/*section.full_height div.seat_base.full,*/
section.full_height div.seat_base.short
{
	padding: 108px 24px 48px 24px;
}

section.full_height div.seat_base.top div.seat
{
	padding-top: 0;
}

section.full_height div.seat
{
	width: 100%;
	height : auto;
}

section.full_height div.seat.upper
{
	top: calc(24px + 54px);
	bottom: auto;
}

section.full_height div.seat_base.byside div.seat
{
	width: 100%;
	height: auto;
	margin-bottom: 24px;
}

section.full_height div.seat_base.byside div.seat:last-child
{
	margin-bottom: 0;
}

section.full_height div.seat div.seat_content
{
/*	border : 1px solid rgb(0,146,69) ;*/
}

section.full_height div.seat_base.short div.seat_content
{
	padding: 0.6em 0;
	border-style : none ;
}

/* 誘導アンカー */
.cover_screen ul li.induction
{
}

.cover_screen ul li.induction a
{
}

.cover_screen ul li.induction a img
{
}

/* bx slider ボタン */
.bx-controls-direction,
.bx-pager.bx-default-pager,
.bx-pager-item
{
	display : none ;
}

/* ページ・メイン・Main */
main
{
	width: 100%;
	padding: 0 0;
}

/* 本文・article */
article
{
	padding: 46px 0 0 0;
	margin: 0 auto;
}

section
{
}

section.full_width
{
	width: 100%;
	padding: 0;
}

/* 記事レイアウト（single_issue） */
.single_issue,
.single_issue_notitle
{
/*	padding: 0 24px 48px 24px;*/
}

.passage
{
	padding: 1em 0.5em;
}

.passage_narrow
{
	padding: 1em 0.5em;
}

.non_issue
{
	padding: 0 0;
}


/* コラム */
div.column
{
	width: auto;
}

dl + div.column
{
	margin-top: -0.5em;
}

/* ページダウン */
div.page_center
{
/*	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;*/
}

div.page_bottom
{
/*	display: none;*/
	bottom: 96px;
}

p.pagedown a
{
}

p.pagedown
{
}

div.passage_section p.pagedown
{
}

/* 見出し h1 */
h1
{
	top: 60px;
/*	bottom: auto;*/
}

body.home h1.pos_bottom
{
	font-size: calc(100vw / 6);
}

/* 見出し h2 */
h2
{
}

h2.title_call
{
	font-size: 220%;
}

h2.title_call.position_one
{
}

.double_pane h2 img
{
	display : block ;
	margin-left : auto ;
	margin-right : auto ;
	width: auto;
	height: 36px;
}

/* 見出し h3 */
h3
{
}

h3.title_call.position_one
{
}

h3.direct
{
	margin: 1.0em 24px 0.8em 24px;
}

/* 見出し h4 */
section.full_height div.seat h4
{
	padding: 0.4em 0.6em;
/*	border : 1px solid rgb(0,146,69) ;*/
}

/* トップページ目次 */
.table_of_contents ul
{
	font-size: 14px;
}

.table_of_contents ul li,
.table_of_contents ul li:nth-of-type(5n)
{
	width: calc(100% / 2 - 8px);
	min-width: 138px;
	margin: 16px calc(8px * 2 / 1) 16px 0;
	border-radius: 5%;
	transition: 0.7s;
}

.table_of_contents ul li:nth-of-type(2n)
{
	margin-right: 0;
}

.table_of_contents_attend ul li,
.table_of_contents_attend ul li:nth-of-type(2n)
{
	width: calc(100% / 2 - 8px);
	margin: 16px calc(8px * 2 / 1) 16px 0;
}

.table_of_contents_attend ul li:nth-of-type(2n)
{
	margin-right: 0;
}

.table_of_contents_attend ul li .supple
{
	display: none;
}

.table_of_contents_attend ul li a.ateend_block
{
	width: 100%;
}

/* 動画・YouTube */
.youtube iframe
{
	height: calc((100vw - 48px) * 0.5625);
}

/* ブログ目次 */
.passage img.pure-img
{
	width: 100%;
	height: auto;
}

.sugu-container
{
	padding: 0!important;
}

/* ブログリスト */
ul.hatenablog-list li
{
	width: 48%;
}

ul.hatenablog-list li:nth-of-type(-n+2)
{
	margin-bottom: 18px;
}

ul.hatenablog-list li span.imgcard
{
	height: calc((100vw - 48px) * 0.48 * 0.75);
}

/* 1枚こっきり */
.single_pane
{
}

.single_pane .passage
{
}

/* 2枚並び */
.double_pane
{
	display : block ;
	font-size: 100%;
}

/* ボトムナビゲーション（section #Contact） */
#contact .double_pane
{
	display: block
	padding : 0 5% 0 5% ;
}

#contact .double_pane h2
{
	padding: 0 0;
	margin: 0 0 0.5em 0;
}

#contact .double_pane .passage:nth-of-type(2n-1)
{
	padding: 0.6em 36px 0 36px;
	margin-right: 0;
}

#contact .double_pane .passage:nth-of-type(2n)
{
	padding: 0.6em 36px 48px 36px;
}

#contact nav ul
{
}

#contact nav ul li
{
}

#contact nav ul:nth-of-type(2n-1)
{
	flex-basis: calc(50%);
}

#contact nav ul:nth-of-type(2n)
{
	flex-basis: calc(50%);
}

#contact nav ul li a span.ninja
{
	display : none ;
}

/* 横2枚並び　おおむね画像 */
.parallel_twin
{
	display: block;
}

.parallel_twin p
{
	width: 100%;
	margin-bottom: 0.8em;
}

/* 記事3個並び */
.triple_block
{
}

.triple_block p
{
	width: 48%;
	flex-basis: 48%;
	margin-right: 4%;
}

.triple_block p:nth-of-type(2n)
{
	margin-right: 0;
}

.triple_block p:nth-of-type(3n)
{
	margin-right: 4%;
	margin-top: 2.5vh !important;
}

/* 記事2個並び */
.double_block
{
}

.double_block p
{
	width: 75%;
	flex-basis: 75%;
	margin-right: 0;
}

.double_block p:nth-of-type(2n)
{
/*	margin-right: 0;*/
}

/* 記事4個並び */
.quad_block > *
{
	flex-basis: 33%;
	padding: 0;
	margin: 0 !important;
}

/* たて並び */
.vertical_pane
{
	padding: 0 0 0.6em 0;
}

/* 特長ページ */
.feature_box
{
	display: block;
}

.feature_box h5
{
	width: auto;
	background-image: none;
}

.feature_box dl
{
	width: 100%;
	padding: 0;
}

.feature_box dl dt
{
	width: auto;
}

.feature_box dl dd
{
	width: 100%;
}

.feature_box h5,
.feature_box dl dd p
{
	margin-bottom: 0.8em;
}

/* バラレル インデックス 画像リスト */
div.parallel_index ul li,
div.directory_index ul li
{
	display: block;
	width: 100%;
	margin: 1em 0 1em 0;
}

div.parallel_index ul li:nth-of-type(2n),
div.directory_index ul li:nth-of-type(2n)
{
	margin: 1em 0 1em 0;
}

/* 横並び リンク parallel_center */
ul.parallel_center
{
	display: block;
}

ul.parallel_center.h2_linkz li
{
	width: 100%;
	margin: 0 0 1.2em 0;
}

ul.parallel_center.h2_linkz li:last-child
{
	margin-bottom: 0.2em;
}

/* デモ画面 */
.demoplay
{
	height: calc((100vw - 48px) * 0.667);
}

.acd-content
{
	display: block;
	height: 0;
	opacity: 0;
	padding: 0;
	transition: .5s;
	visibility: hidden;
}

.acd-check:checked + .acd-label + .acd-content
{
	height: calc((100vw - 48px) * 0.667);
	opacity: 1;
	padding: 0;
	visibility: visible;
}

/* ページトップアイコン */
.page-up
{
/*	width: 36px;
	height: 36px;
	border-radius: 18px;
	right: 6px;
	bottom: 12px;*/
}

.page-up a,
.page-up img
{
/*	width: 36px;
	height: 36px;*/
}

/* フッタ */
footer
{
/*	padding: 0 0;*/
	font-size: 100%;
}

/* 不使用・ボトムナビゲーション */
.bottom_navigation
{
	padding: 21px 0;
}

.bottom_navigation ul
{
	display: block;
	padding: 0 14px;
	width: 292px;
	margin: 0 auto;
}

.bottom_navigation ul li,
.bottom_navigation ul li:first-child
{
	border-style: none;
	padding: 0;
	margin: 0 auto 12px auto;
}

.bottom_navigation ul li a
{
	display: block;
	height: 28px;
	padding: 6px 0 6px 0;
	text-align: center;
	font-weight: bold;
	line-height: 28px;
	color: rgb(0,66,120);
	border: 1px solid rgb(209,206,203);
/*	border-radius: 4px;*/
	background-color: rgb(209,206,203);
	transition: 0.7s;
}

.bottom_navigation ul li a:hover
{
	background-color: rgb(248,248,248);
	text-decoration: none;
	transition: 0.7s;
}

/* フロートメニュー */
.floatmenu
{
	display: none;
}

/* エンドロール */
div.endrole
{
}

/* 改行 */
br.b240,
br.b480
{
	display: inline;
}

br.notline
{
	display: none;
}

.s240
{
	display: none;
}

/* イメージ */
img.fullsize
{
	width: 100%;
}

/* 320だけ表示・非表示 */
.b_320
{
	display: block !important;
}

.b_900
{
	display: none !important;
}

/* インラインバナー 2連星 3連星 4連星 */
ul.twinstreamattack,
ul.jetstreamattack,
ul.fourstreamattack
{
	display: block;
}

ul.twinstreamattack li,
ul.jetstreamattack li,
ul.fourstreamattack li
{
	width: 100%;
}

/* テーブル */
div.passage table
{
	font-size: 100%;
}

table tr td.price,
table tr th.price
{
}

table.specialone tr td.price,
table.specialone tr th.price
{
	width: auto;
}

table.mini
{
	font-size: 10px;
}

table.specialone tr td.price,
table.specialone tr th.price
{
}

/* メールフォーム */
form#mailform
{
}

.inputtext input,
.inputtext textarea
{
	width: 200px !important;
}

table.mailform tr th,
table.mailform tr td
{
	padding-left: 0 !important;
}

table.mailform tr td
{
	padding-right: 0 !important;
}

/* 定義リスト 段落 回り込み無し */
.flr,
.fll
{
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.flr img,
.fll img
{
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* YouTube */
iframe.youtube
{
	width: 296px;
	height: 167px;
}