@charset "utf-8";

/* ------------------------------------------- */
/* 基本設定
/* ------------------------------------------- */
body {
	font-size: 18px;
	font-family: "Noto Sans JP", Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.5em;
	color: #173955;
	font-weight: 400;
	line-break: strict;
	word-break: break-all; 
	word-wrap: break-word; 
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

@media screen and (max-width: 640px) {	/* 700以下 */
	body {
		font-size: 13px;
	}
}

body#toppage {
	background: url(../img/bg_head3.png) no-repeat, url(../img/bg_head4.png) no-repeat, url(../img/bg_head1.png) no-repeat, url(../img/bg_head2.png) repeat-x, url(../img/bg_radial.png) no-repeat, url(../img/bg1.png) no-repeat, url(../img/bg2.jpg) repeat-y, #000;
	background-blend-mode: normal, normal, normal, normal, hard-light, normal, normal;
	background-attachment: scroll, scroll, scroll, scroll, scroll, fixed, fixed;
}

@media screen and (min-width: 1024px){	/* 1024以上 */
	body#toppage {
		background-position: left 3.6em, right 3.6em, center 3.6em, center 3.6em, center 3.6em, center 100px, center 3.6em;
		background-size: auto 230px, auto 230px, auto 180px, auto 180px, 1200px auto, auto auto, 100% auto;
	}
}

@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	body#toppage {
		background-position: left 5.6vw, right 5.6vw, center 5.6vw, center 5.6vw, center 5.6vw, center 10vw, center 5.6vw;
		background-size: 20% auto, 20% auto, auto 12vw, auto 12vw, 100% auto, 120% auto, 120% auto;
	}
}

@media screen and (max-width: 640px) {	/* 640以下 */
	body#toppage {
		background-position: left 3.3em, right 3.3em, center 3.3em, center 3.3em, center 3.3em, center 12vw, center 3.3em;
		background-size: 20% auto, 20% auto, auto 12vw, auto 12vw, 100% auto, 120% auto, 120% auto;
	}
}
	
body#subpage {
	background: url(../img/bg1.png) no-repeat, url(../img/bg2.jpg) repeat-y, #000;
	background-attachment: fixed, fixed;
}

@media screen and (min-width: 1024px){	/* 1024以上 */
	body#subpage {
		background-position: center 3.6em, center 3.6em;
		background-size: auto auto, 100% auto;
	}
}

@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	body#subpage {
		background-position: center 5.6vw, center 5.6vw;
		background-size: 120% auto, 120% auto;
	}
}

@media screen and (max-width: 640px) {	/* 640以下 */
	body#subpage {
		background-position: center 3.3em, center 3.3em;
		background-size: 120% auto, 120% auto;
	}
}


header, nav, section, div, h1 {
	box-sizing: border-box;
}

/* アンカー */
a {
	text-decoration: none;
	font-weight: 500;
}

a:link {
	color:#059c61;
}

a:visited {
	color:#059c61;
}

a:hover {
	color:#059c61;
	text-decoration: underline;
}

a:active {
	color:#059c61;
	text-decoration: underline;
}


/* ---------- Animate.css、jquery.inview用処理(animatedのクラスを透明に) ---------- */
.animated {
	opacity: 0;
}

.animatedopacity0none {
	opacity: 1;
}


/* ------------------------------------------- */
/* ヘッダー
/* ------------------------------------------- */
header {
	margin: auto;
}

@media screen and (min-width: 1200px) {	/* 1200以上 */
	header {
		margin-top: 3.6em;
		width: 1160px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {	/* 1200以下 1024以上 */
	header {
		margin-top: 3.6em;
		width: 100%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	header {
		margin-top: 5.6vw;
	}
}

@media screen and (max-width: 640px) {	/* 640以下 */
	header {
		margin-top: 3.3em;
	}
}

header h1 {
	padding: 1vw 2vw;
}

@media screen and (min-width: 1024px) {	/* 1024以上 */
	header h1 {
		padding: 1em 2vw;
	}
}

@media screen and (max-width: 1024px) {	/* 1024以下 */
	header h1 {
		padding: 1vw 2vw;
	}
}

header h1 img {
	width: 100%;
}

header div {
	position: relative;
}

header div img {
	position: absolute;
}

header div:nth-child(2) img {
	left: 0;
	right: 0;
	margin: auto;
	width: 64%;
}

header div:nth-child(3) img {
	width: 30%;
	margin: 1%;
}

header div:nth-child(4) img {
	width: 28%;
	top: 270px;
	margin: 1%;
}

@media screen and (max-width: 1200px) {	/* 1200以下 */
	header div:nth-child(4) img {
		top: 23vw;
	}
}

header div:nth-child(5) img {
	right: 0;
	width: 20%;
	margin: 1%;
}

header div:nth-child(6) img {
	top: 500px;
	width: 4%;
	margin-right: 1%;
	position: relative;
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {	/* 1200以下 1024以上 */
	header div:nth-child(6) {
		padding-left: 1%;
	}
	
	header div:nth-child(6) img {
		top: 42vw;
		width: 4%;
		margin-right: 1%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	header div:nth-child(6) {
		padding-left: 2%;
	}
	
	header div:nth-child(6) img {
		top: 41vw;
		width: 5%;
		margin-right: 1.5%;
	}
}

@media screen and (max-width: 640px) {	/* 640以下 */
	header div:nth-child(6) {
		padding-left: 3%;
	}
	
	header div:nth-child(6) img {
		top: 41vw;
		width: 7%;
		margin-right: 3%;
	}
}


/* ------------------------------------------- */
/* 最上部ダウンロード
/* ------------------------------------------- */
#topdownload {
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 40;
	overflow: hidden;
}

#topdownload #topdownloadview {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1024px;
	margin: auto;
	padding: 0 40px;
}

@media screen and (min-width: 1024px) {	/* 1024以上 */
	#topdownload #topdownloadview {
		height: 3.6em;
		padding: 0 10px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	#topdownload #topdownloadview {
		height: 5.6vw;
		padding: 0 2%;
	}
}
@media screen and (max-width: 640px) {	/* 640以下 */
	#topdownload #topdownloadview {
		height: 3.3em;
		padding: 0 2%;
	}
}

#topdownload #topdownloadview div {
	vertical-align: middle;
	text-align: left;
	line-height: 0;
}

#topdownload #topdownloadview img {
	height: 80%;
	width: auto;
	margin-right: 1%;
}

#topdownload #topdownloadview a {
	height: 80%;
	width: auto;
	display: inline-block;
	margin-right: 1%;
}

#topdownload #topdownloadview a img {
	height: 100%;
	width: auto;
}


/* ------------------------------------------- */
/* トップページへボタン(サブページのみ)
/* ------------------------------------------- */
#gotomain {
	margin: auto;
}

@media screen and (min-width: 1200px) {	/* 1200以上 */
	#gotomain {
		margin-top: 3.6em;
		margin-bottom: -2em;
		width: 1160px;
	}
	
	#gotomain img {
		width: 14%;
		margin: .5em 0 0 .5em
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {	/* 1200以下 1024以上 */
	#gotomain {
		margin-top: 3.6em;
		margin-bottom: -2em;
		width: 100%;
	}
	
	#gotomain img {
		width: 18%;
		margin: .8vw 0 0 .8vw
	}
}

@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	#gotomain {
		margin-top: 5.6vw;
		margin-bottom: -.5em;
		width: 100%;
	}
	
	#gotomain img {
		width: 24%;
		margin: 1vw 0 0 1vw
	}
}

@media screen and (max-width: 640px) {	/* 640以下 */
	#gotomain {
		margin-top: 3.3em;
		margin-bottom: -.5em;
		width: 100%;
	}
	
	#gotomain img {
		width: 28%;
		margin: 2.5vw 0 0 2vw
	}
}


/* ------------------------------------------- */
/* サブページタイトル
/* ------------------------------------------- */
h1#submenutitle {
	text-align: center;
	margin: 0 auto;
	mix-blend-mode: screen;
	pointer-events: none;
}

@media screen and (min-width: 1024px) {	/* 1024以上 */
	h1#submenutitle img {
		width: 50%;
	}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	h1#submenutitle img {
		width: 60%;
	}
}
@media screen and (max-width: 640px) {	/* 640以下 */
	h1#submenutitle img {
		width: 70%;
	}
}

@media screen and (min-width: 1200px) {	/* 1200以上 */
	h1#submenutitle {
		width: 1160px;
	}
}

@media screen and (max-width: 1200px) {	/* 1200以下 1024以上 */
	h1#submenutitle {
		width: 100%;
	}
}


/* ------------------------------------------- */
/* メニュー
/* ------------------------------------------- */
nav {
	text-align: center;
}

nav .navview {
	position: relative;
	text-align: center;
	background: url(../img/bg_menu2.png) repeat-x, url(../img/bg_menu1.png) repeat-x;
	background-blend-mode: color-dodge, normal;
	background-position: center center, center center;
	background-size: 100% 100%, 100% 100%;
	margin-bottom: .5em;
}

nav.menupulldownview .navview {
	margin-bottom: 0;
}

@media screen and (min-width: 1200px) {	/* 1200以上 */
	nav .navview {
		margin-top: 28em;
	}
	
	nav.subpagemenu .navview {
		margin-top: 0;
	}
	
	nav .navview div {
		width: 1160px;
		margin: auto;
	}
	
	nav .navview div img {
		vertical-align: middle;
		margin: .8em 2%;
	}
	
	nav .navview div .mainmenu {
		width: 20%;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {	/* 1200以下 1024以上 */
	nav .navview {
		margin-top: 43vw;
	}
	
	nav.subpagemenu .navview {
		margin-top: 0;
	}
	
	nav .navview div {
		width: 100%;
		margin: auto;
	}
	
	nav .navview div img {
		vertical-align: middle;
		margin: .8em 2%;
	}
	
	nav .navview div .mainmenu {
		width: 20%;
	}
}

@media screen and (max-width: 1024px) {	/* 1024以下 */
	nav .navview {
		margin-top: 43vw;
	}
	
	nav.subpagemenu .navview {
		margin-top: 0;
	}
	
	nav .navview div {
		width: 100%;
	}
	
	nav .navview div img {
		vertical-align: middle;
		margin: .8em 2%;
	}
	
	nav .navview div .mainmenu {
		width: 25%;
	}
}


/* -----------スクロール時 プルダウンして表示----------- */
nav.menupulldownview .navview {
	background: rgba(255, 255, 255, 0.9);
}

nav.menupulldownview .navview div .mainmenu {
	width: 13.7%;
}

@media screen and (min-width: 1200px) {	/* 1200以上 */
	nav.menupulldownview .navview div .mainmenu {
		width: 20%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {	/* 1200以下 1024以上 */
	nav.menupulldownview .navview div .mainmenu {
		width: 20%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	nav.menupulldownview .navview div .mainmenu {
		width: 25%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
}

@media screen and (max-width: 640px) {	/* 640以下 */
	nav.menupulldownview .navview div .mainmenu {
		width: 25%;
		margin-top: 3%;
		margin-bottom: 1.5%;
	}
}

/* トップページへボタン */
nav .gotomain {
	margin: 0 auto;
}

nav .gotomain div {
	background: rgba(255, 255, 255, 0.9);
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	margin: auto;
}

@media screen and (min-width: 1200px) {	/* 1200以上 */
	nav .gotomain {
		width: 1160px;
	}
	
	nav .gotomain div {
		width: 20%;
	}
	
	nav .gotomain div img {
		padding: 2px 0 4px 0;
		width: 75%;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {	/* 1200以下 1024以上 */
	nav .gotomain div {
		width: 25%;
	}
	
	nav .gotomain div img {
		padding: .4vw 0 .4vw 0;
		width: 75%;
	}
}

@media screen and (max-width: 1024px) {	/* 1024以下 */
	nav .gotomain div {
		width: 30%;
	}
	
	nav .gotomain div img {
		padding: 1.2vw 0 .4vw 0;
		width: 75%;
	}
}


/* ------------------------------------------- */
/* セクション
/* ------------------------------------------- */
section {
	margin: auto;
	padding: 0 1em;
	margin-bottom: 2em;
	position: relative;
}

section:last-of-type {
	margin-bottom: .5em;
}

@media screen and (min-width: 1200px) {	/* 1200以上 */
	section {
		width: 1160px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {	/* 1200以下 1024以上 */
	section {
		width: 100%;
	}
}

section .flexFlexstart {	/* flex 垂直方向の位置[上揃え] */
	display: flex;
	align-items: flex-start;
}

.sectionframetop {
	vertical-align: bottom;
}

.sectionframebottom {
	vertical-align: top;
}

.sectionframetop, .sectionframebottom {
	width: 100%;
}

.sectionframe {
	background: url(../img/bg_frame2.png) repeat-y;
	background-position: center center;
	background-size: 100% auto;
	padding: .5em 4em;
}

@media screen and (max-width: 1024px) {	/* 1024以下 */
	.sectionframe {
		padding: .5em 6.5vw;
	}
}

.itemName {
	display: inline-block;
	font-weight: 900;
	font-size: 1.1em;
	background-color: #0c3771;
	color: white;
	margin-right: .5em;
	margin-bottom: .5em;
	padding: .2em 1.4em;
	border-radius: 2em;
}

@media screen and (max-width: 640px) {	/* 640以下 */
	.itemName {
		font-size: 1em;
	}
}

.itemName rt {
	font-weight: 400;
	transform: translateY(.1em);
}

_:lang(x)+_:-webkit-full-screen-document, .itemName rt {
	transform: translateY(.7em);
}


.captionName {
	display: inline-block;
	font-weight: 900;
	font-size: .7em;
	line-height: 1.8em;
	background-color: #0c3771;
	color: white;
	margin-right: .5em;
	margin-bottom: .2em;
	padding: .1em 1.5em;
	border-radius: 2em;
}

.screenshotImg img {
	box-shadow: .3em .3em .3em rgba(0, 0, 0, .3);
}

.flowImg {
	background: url(../img/bg_space.jpg) repeat;
	background-position: center center;
	background-size: auto;
	border-radius: 1em;
	padding: .8em 1.5em;
	line-height: 1.2em;
}

.flowImg img {
	width: 100%;
	filter: drop-shadow(0 0 .3em rgba(161, 235, 254, 1));
	mix-blend-mode: lighten;
}

.flowImgShort {
	background: url(../img/bg_space.jpg) repeat;
	background-position: center center;
	background-size: auto;
	border-radius: 1em;
	padding: .8em 1.5em;
	line-height: 1.2em;
	text-align: center;
}

.flowImgShort img {
	width: 50%;
	filter: drop-shadow(0 0 .3em rgba(161, 235, 254, 1));
	mix-blend-mode: lighten;
}

@media screen and (max-width: 640px) {	/* 640以下 */
	.flowImgShort img {
		width: 100%;
	}
}

.sectionframe .descriptiontext {
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.4em;
	text-shadow: 1px 1px white;
}

.sectionframe .descriptiontext rt {
	font-weight: 400;
}


_:lang(x)+_:-webkit-full-screen-document, .sectionframe .descriptiontext rt {
	transform: translateY(.7em);
}

.sectionframe .descriptiontext .supplementtext {
	font-size: .65em;
	line-height: 1.2em;
}

.sectionframe .descriptiontext .marker {
	background: linear-gradient(transparent 70%, #ffc3cd 60%);
}


/* ------------------------------------------- */
/* セクション - トップ
/* ------------------------------------------- */
#top_explanatorytext {
	background: url(../img/bg_space.jpg) repeat;
	background-position: center center;
	background-size: auto;
	color: white;
	font-weight: 700;
	width: 95%;
	border-radius: 1em;
	padding: 1.8em 1.5em;
	margin: auto;
	line-height: 1.2em;
}

#top_explanatorytext rt {
	font-weight: 400;
}

_:lang(x)+_:-webkit-full-screen-document, #top_explanatorytext rt {
	transform: translateY(.7em);
}

#top_drawing {
	margin-top: 1em;
	position: relative;
}

#top_drawing_base {
	width: 100%;
}

#top_drawing div {
}

#top_drawing div a {
	position: absolute;
	width: 24%;
	display: block;
}

#top_drawing div a img {
	width: 100%;
}

#top_drawing div a:nth-child(1) {
	top: 13.7%;
	left: 3.8%;
}

#top_drawing div a:nth-child(2) {
	top: 36.4%;
	left: 3.8%;
}

#top_drawing div a:nth-child(3) {
	top: 56.3%;
	left: 3.8%;
}

#top_drawing div a:nth-child(4) {
	top: 79.0%;
	left: 3.8%;
}

#top_drawing div a:nth-child(5) {
	top: 30.0%;
	left: 72.6%;
}

#top_drawing div a:nth-child(6) {
	top: 69.0%;
	left: 72.6%;
}

#top_drawing div a:nth-child(7) {
	top: 91.8%;
	left: 72.6%;
}

/* -----------ご注意----------- */
#gochui {
	margin: 1.8em auto;
	margin: 2vw auto;
	text-align: center;
	width: 85%;
}

#gochui #gochuiBase {
	background: rgba(36, 55, 96, .8);
	color: white;
	border-radius: 20px;
	padding: 20px;
}

#gochui h2 {
	margin-bottom: 0.2em;
	font-size: 0.9em;
	text-align: left;
}

#gochui li {
	list-style: none;
	font-size: .7em;
	line-height: 1.5em;
	text-indent: -1.5em;
	text-align: left;
	padding-left: 1.5em;
	margin-bottom: .4em;
}

#gochui li:before {
	content: "※ ";
}

#gochui #bannerSpace {
	margin: 2em 0 1em 0;
	margin: 2vw 0 1vw 0;
}

#gochui #bannerSpace img {
	margin: 0 6px;
}

#gochui #imgCopyright {
	width: 90%;
}

@media screen and (min-width: 640px) {
	#gochui h2 {
		font-size: .9em;
	}
	
	#gochui li {
		list-style: none;
		font-size: .7em;
		line-height: 1.5em;
		text-indent: -1.5em;
		padding-left: 1.5em;
		margin-bottom: .4em;
	}
}

@media screen and (max-width: 640px) {
	#gochui h2 {
		font-size: 12pt;
	}
	
	#gochui li {
		list-style: none;
		font-size: 10px;
		text-indent: -3.6vw;
		padding-left: 3.6vw;
		margin-bottom: .6vw;
		font-size: 8pt;
		line-height: 12pt;
	}
}


/* ------------------------------------------- */
/* セクション - 写真フレーム
/* ------------------------------------------- */
.frame_img1, .frame_img2 {
	width: 80%;
	display: block;
	margin: auto;
}

@media screen and (max-width: 640px) {
	.frame_img1, .frame_img2 {
		width: 100%;
	}
}

.frame_mv1 {
	width: 60%;
	display: block;
	margin: auto;
}

@media screen and (max-width: 640px) {
	.frame_mv1 {
		width: 100%;
	}
}

.frame_txt1 {
	width: 70%;
	vertical-align: top;
	padding-right: 1em;
}

.frame_mv2 {
	width: 30%;
	text-align: center;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.frame_txt1 {
		width: 60%;
	}

	.frame_mv2 {
		width: 40%;
	}
}

.frame_mv2 video {
	width: 100%;
}

.frame_img3 {
	width: 55%;
}

@media screen and (max-width: 640px) {
	.frame_img3 {
		width: 90%;
	}
}

.frame_img4 {
	width: 35%;
}

@media screen and (max-width: 640px) {
	.frame_img4 {
		width: 50%;
	}
}

.frame_img5 {
	text-align: center;
}

.frame_img5 img {
	width: 35%;
	margin: 0 2%;
}

@media screen and (max-width: 640px) {
	.frame_img5 img {
		width: 45%;
	}
}


/* ------------------------------------------- */
/* セクション - アイテム・図鑑
/* ------------------------------------------- */
.itemzukan_img1 {
	width: 32%;
	margin-right: 2%;
}

@media screen and (max-width: 640px) {
	.itemzukan_img1 {
		width: 42%;
	}
}

.itemzukan_img2 {
	text-align: center;
}

.itemzukan_img2 img {
	width: 20%;
	margin: 0 1%;
}

@media screen and (max-width: 640px) {
	.itemzukan_img2 img {
		width: 40%;
		margin-bottom: 1%;
	}
}

.itemzukan_img3 {
	text-align: center;
}

.itemzukan_img3 img {
	width: 20%;
	margin: 0 1%;
}

@media screen and (max-width: 640px) {
	.itemzukan_img3 img {
		width: 40%;
	}
}


/* ------------------------------------------- */
/* セクション - デジタルおもちゃ
/* ------------------------------------------- */
.digitalomocha_txt1 {
	width: 70%;
	vertical-align: top;
	padding-right: 1em;
}

.digitalomocha_img1 {
	width: 55%;
}

.digitalomocha_mv1 {
	width: 30%;
	text-align: center;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.digitalomocha_txt1 {
		width: 60%;
	}

	.digitalomocha_img1 {
		width: 90%;
	}

	.digitalomocha_mv1 {
		width: 40%;
	}
}

.digitalomocha_mv1 video {
	width: 100%;
}

.digitalomocha_img2 {
	width: 35%;
}

@media screen and (max-width: 640px) {
	.digitalomocha_img2 {
		width: 50%;
	}
}

.digitalomocha_mv2 {
	width: 60%;
	margin: auto;
	text-align: center;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.digitalomocha_mv2 {
		width: 100%;
	}
}

.digitalomocha_mv2 video {
	width: 100%;
}

.digitalomocha_img3 {
	text-align: center;
}

.digitalomocha_img3 img {
	width: 50%;
}

@media screen and (max-width: 640px) {
	.digitalomocha_img3 img {
		width: 70%;
	}
}


/* ------------------------------------------- */
/* セクション - ウルトラポイント
/* ------------------------------------------- */
.point_txt1 {
	width: 70%;
	vertical-align: top;
	padding-right: 1em;
}

.point_img1 {
	width: 30%;
	text-align: center;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.point_txt1 {
		width: 60%;
	}

	.point_img1 {
		width: 40%;
	}
}

.point_img1 img {
	width: 100%;
}


/* ------------------------------------------- */
/* セクション - 動画・情報
/* ------------------------------------------- */
.dogajoho_txt1 {
	width: 70%;
	vertical-align: top;
	padding-right: 1em;
}

.dogajoho_img1 {
	width: 30%;
	text-align: center;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.dogajoho_txt1 {
		width: 60%;
	}

	.dogajoho_img1 {
		width: 40%;
	}
}

.dogajoho_img1 img {
	width: 100%;
}

/* ------------------------------------------- */
/* ライブカメラヘッド
/* ------------------------------------------- */
#livecameranotes {
	text-align: left;
	background-color: white;
	border-radius: .5em;
	padding: 1em;
	font-size: .85em;
	font-weight: 700;
}

_:lang(x)+_:-webkit-full-screen-document, #livecameranotes rt {
	transform: translateY(.7em);
}

/* ------------------------------------------- */
/* コピーライト
/* ------------------------------------------- */
#copyright {
	font-size: .8em;
	font-weight: 400;
	color: white;
	text-align: center;
}


/* ------------------------------------------- */
/* ローダー
/* ------------------------------------------- */
#loader {
	display: none;
	position: fixed;
	z-index: 200;
	top: 50%;
	left: 50%;
	margin-top: -119px;
	margin-left: -161px;
	text-align: center;
}

#loader img {
	width: 100%;
}

@media screen and (max-width: 640px){	/* 以下 */
	#loader img {
		width: 50%;
	}
}

#fadeout {
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, .75);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 50;
}


/* ------------------------------------------- */
/* うえにもどるボタン
/* ------------------------------------------- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: right;
    z-index: 20;
}
.pagetop a {
    padding: 4px;
}
.pagetop a:hover {
    padding: 4px;
}

@media screen and (min-width: 1024px){	/* 1024以上 */
	.pagetop img {
		width: 60%;
	}
}

@media screen and (min-width: 640px) and (max-width: 1024px){	/* 640以上 1024以下 */
	.pagetop img {
		width: 40%;
	}
}

@media screen and (max-width: 640px){	/* 640以下 */
	.pagetop img {
		width: 20%;
	}
}


/* ------------------------------------------- */
/* プルダウンナビゲーション
/* ------------------------------------------- */
.pulldownnav {
	display: none;
}

.clone-nav {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	transition: .3s;
	transform: translateY(-100%);
	text-align: center;
}

.clone-nav-is-show {
	transform: translateY(0);
}

@media screen and (min-width: 1024px) {	/* 1024以上 */
	.clone-nav-is-show {
		top: 3.6em;
	}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {	/* 1024以下 640以上 */
	.clone-nav-is-show {
		top: 5.6vw;
	}
}
@media screen and (max-width: 640px) {	/* 640以下 */
	.clone-nav-is-show {
		top: 3.3em;
	}
}