/* スマホ縦 */
@media screen and (max-width:480px) { 
	* {
		font-size: 18px;
	}
}

/* スマホ横、タブレット、PC */
@media screen and (min-width:481px) { 
	* {
		font-size: 28px;
		font-size: min(4.8vw, 60px);
	}
}

/*
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/noto-sans-jp-v42-latin-100.woff2') format('woff2'), 
       url('./fonts/noto-sans-jp-v42-latin-100.woff') format('woff'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/noto-sans-jp-v42-latin-300.woff2') format('woff2'),
       url('./fonts/noto-sans-jp-v42-latin-300.woff') format('woff'); 
}

@font-face {
  font-display: swap; /
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/noto-sans-jp-v42-latin-regular.woff2') format('woff2'), 
       url('./fonts/noto-sans-jp-v42-latin-regular.woff') format('woff'); 
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/noto-sans-jp-v42-latin-500.woff2') format('woff2'),
       url('./fonts/noto-sans-jp-v42-latin-500.woff') format('woff');
}
*/


* {
/*
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
*/

/*
	font-family: "fot-tsukuardgothic-std", Hiragino Kaku Gothic Pro, Yu Gothic Medium, Yu Gothic, Meiryo, sans-serif;
	font-family: "toppan-bunkyu-midashi-go-std", Hiragino Kaku Gothic Pro, Yu Gothic Medium, Yu Gothic, Meiryo, sans-serif;
	font-family: "ingra", Hiragino Kaku Gothic Pro, Yu Gothic Medium, Yu Gothic, Meiryo, sans-serif;
	font-family: inherit;
	font-family: Yu Gothic, Meiryo, sans-serif;

font-family: fot-tsukuardgothic-std, sans-serif;
font-style: normal;
font-weight: 400;

.wf-kokoro { font-family: "Kokoro"; }

font-family: 'Zen Maru Gothic', sans-serif;

──────────────────────────────

  (function(d) {
    var config = {
      kitId: 'hfg6wwt',
      scriptTimeout: 3000,
      async: true
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
  })(document);



font-family: "source-han-sans-cjk-hk", sans-serif;
font-weight: 400;
font-style: normal;


font-family: 'Zen Maru Gothic', sans-serif;


*/


/*
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
*/

/*
	font-feature-settings: "palt";
		color:#444444;
	vertical-align: middle;

	font-family: 'Zen Maru Gothic', sans-serif;


*/


	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;

	line-height: 150%;

/*
	font-display: swap;
*/

/*	コピー禁止	*/


-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;


}

html {
	background-color:#ffe8e8;
	background-color:#c8ffc8;
	background-color:#ffffc8;
	background-color:#f0f0f0;
	background-color:#ffffff;

	-webkit-print-color-adjust: exact;

	overflow-y: scroll;	/* スクロールバー表示 */
	touch-action: manipulation;	/* iPhone ダブルクリックを防ぐ */

	scroll-behavior: smooth;	/*	スムーススクロール	*/

}



body {
	/* コピーをさせない */
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;

}

.newpage {
	page-break-after: always;
}

*[draggable=true] {
	cursor: pointer;
	-webkit-touch-callout: none;
}


img { -webkit-user-drag: none; }


img.img1 { width: 1.6rem; height: 1.6rem; vertical-align: middle; margin: 0.4rem; padding: 0px; line-height: 100%; cursor: pointer; }
img.img2 { width: 2.5rem; height: 2.5rem; vertical-align: middle; margin: 0.2rem; padding: 0px; line-height: 100%; cursor: pointer; }
img.img-fashion { height: 400px; vertical-align: middle;}

img.img-full { width: 100%; vertical-align: middle; }
img.img-wide { width: 90vw; vertical-align: middle; }
img.img-normal { width: 21vw; vertical-align: top; }
img.img-fashion1 { width: 37vw; vertical-align: middle; }
img.img-fashion2 { width: 6vw; vertical-align: middle; }
img.img-color { vertical-align: middle; max-width: 90vw;  max-height: 1600px; }
img.img-mini { vertical-align: middle; height: 100%; }
img.img-qr { width: 200px; height: 200px; background-color:#cccccc; cursor: pointer; }
img.img-button {
//	background-repeat: no-repeat;                /* 1回だけ表示 */
	background-position: bottom right;           /* 右下に表示 */
	
}

img.img-face1,img.img-face2 {
	vertical-align: top; filter: brightness(1.0);
	background-color:#ffffff;
	background-color:#f8f8f8;
    width: 100%;
    height: auto;

/*
	width: 19vw; 
    max-width: 100%;
*/
}



img[draggable=true] {
 	-webkit-user-drag: auto;
}




div.parent {
  position: relative;
  position: absolute;
  top: calc( 100vh - ( 767px * 0.35 ) );
  top: calc( 53vh - ( 200px ) );
  top: calc( 20vh + 100px );
  left: 0;
  right: 0;
  margin: auto;

/*
	width: 60vmin;
	height: 800px;
	perspective: 1000px;

	max-width: 60vw;
*/

}

img.title {
	width: 75vmin;

/*
	max-width: 1000px;
	max-width: 45vw;
*/

	animation: rotate-anime-2d 3s ease-out 1;

	z-index: 9999;
}

@keyframes rotate-anime-2d {
  0%{ transform:scale(0) rotateX(360deg); }
  100%{ transform:scale(1) rotateX(0deg); }

}


@keyframes rotate-anime-3d {
	0%  {
		transform:rotate3d(3,3,3,-540deg) scale(0);
	}
	
	100%  {
		transform:rotate3d(0,0,0,0deg) scale(1);
	}
}



#player {
 	position: absolute; 
 	top:0; 
 	width: 100%; 
 	height: 100%; 
 	background: #FFF; 
 	z-index: 999;
}


canvas {
/*
	width: 11.4rem; height: 11.4rem; 
	border-radius: 1.0rem;

	width: 400px;
	height: 400px;

	width: 200px;
	height: 200px;

	height: 200px;
*/

	height: 400px;


	background-color: #eeeeee;	/* ★★★ */
	background-color: #ffffff;	/* ★★★ */

/*
	visibility:hidden;
*/
}

#imgViewCanvas {
	height: 40vw;
	width: 40vw;
}



iframe {
	width: 30rem;
	height: 17rem;
/*
	width: 30rem !important;
	width: 560px;
	height: 315px;
	padding-top: 56.25%;
	padding-bottom: 56.25%;
*/
}


/*
div {
	background-color:#ffffff;
	border: solid 0.5px #aaaaaa;
}
*/


div.center,div.center2,div.center,div.center_logo_3 {
	margin: 0.5rem;
	font-size: 1.3rem;
	text-align:center;
	font-weight: 500;
	line-height: 120%;
	margin: 0rem;
	padding: 0rem;
}

div.left1,div.left2,div.left3,div.left4,div.left5,div.right5 {
	margin: 0.5rem;
	width: 90vw;
	text-align:left;
}

div.left1 {
	font-size: 1.5rem; font-weight: 700;
	position: relative;

	vertical-align: bottom;
	width: 100%;

	background-repeat: no-repeat;
	background-position: center;
	background-image: url("./img/title03.svg");
	background-image: url("./img/title03.png");
	background-size:cover;

/*
	min-height: 200px;


	background-size: 100% auto;

	background-size:cover;
	background-size:contain;
	background-size:100% auto;
	background-size:auto 100%;


	background-size:値指定 auto;
	background-size:auto 値指定;
	background-image: url("./img/title03.svg") no-repeat 0 0 / cover;

    width: 100%;
	background-size:100% auto
*/
}

.url3 {
	font-size: 3.0vw; font-weight: 500;
	align-items: center;
/*
	position: fixed;
	position: absolute;
  position: sticky;
  top: 50vh;
  width: 50%;
  background: #44aa33;
	position: sticky;
    min-height: calc(100px);
	margin-top: auto;


    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/

*/
    
	cursor: pointer;
  }

div.left2 { font-size: 1.3rem; font-weight: 700; }
div.left3 { font-size: 1.1rem; font-weight: 500; }
div.left4 { font-size: 0.8rem; font-weight: 500;/* color: #7030A0 */ }
div.left5 { font-size: 0.8rem; }
div.center2 { font-size: 1.2rem; font-weight: 500; }
div.center3 { font-size: 3.0vw; font-weight: 500; }
div.center4 { font-size: 2.8vw; font-weight: 500; }
div.right5 { font-size: 0.5rem; text-align:right; }

div.center_logo_3 {
	font-size: 1.0rem;
	font-weight: 700;
	width: 50vw;
	padding: 0.2rem;
	margin: 0.3rem;

	color: #ffffff;
	background-color: #bbbbbb;
	border-radius: 100vh;
}


div#cvs {
	margin:0 auto;
}

div.white,div.facewhite,div.whiteleft {
	background-color: #ffffff;
/*
	white-space: nowrap;
	padding: 0.33rem;
*/

	padding: 0.1rem;
	border-radius: 0.33rem;
}

div.white {
	width: 92vw;
}

div.facewhite {
	width: 92vw;
	display: flex;
/*
	vertical-align: middle;
	text-align:center;
*/
	align-items: center;
	justify-content: center;
}

div.face1,div.face2 {
	width: 22vw;
	width: 20vw;
	padding: 0.3rem;
	border-radius: 0.2rem;
}

div.face2 {
	width: 22vw;
	width: 24vw;
	background-color: #000000;
	background-color: #ffffff;
	background-color: #dddddd;
	background-color: #eeeeee;
}

div.whiteleft {
	margin: 0rem 1rem 0rem 3vw;
	display:inline-block;
	float: left;
	flex-wrap: wrap;
}

div.newline {
	clear:both;
}




div.question, div.question2 {
	background-color:#ffd080;
	margin: 0.5rem;
	padding: 0.5rem;

	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	border-radius: 0.3rem;
	font-size: 0.9rem;
	text-align:left;
	width: 80vw;

	animation: fadeIn 2s 1 normal;
}

div.question2 {
	background-color:#dddddd;
	width: 60vw;
	text-align:center;
	margin: 1rem;

	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	border-radius: 0.33rem;
	background: #e8e8e8;
	color: #555e64;
	
	animation: fadeIn 2s 1 normal;

}

@keyframes fadeIn { /*animation-nameで設定した値を書く*/
  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
}



div.ctte {	background-color:#e8e8e8;}
div.cttec {	background-color:#ffcccc;}

div.contentsbg {
	background-color: #ffffff;	/* ★★★ */
	background-color: #a8a9ac;	/* ★★★ */
	background-color: #e8e8e8;	/* ★★★ */
	border-radius: 0.5rem;
}



div.logo {
	position: relative;	

/*
	line-height: 150%;
	margin 0.5rem;
*/
}

div.logo-left, div.logo-left3, div.logo-left-w1, div.logo-left-w3 {
	font-size: 4.8vw;
	font-weight: 500;
	text-align:left;
	
	position: absolute;
	top: 54%;
  	left: 2%;
	transform: translate(0%, -50%);
/*
	margin 0.3rem;
	line-height: 150%;
	line-height: 150%;
*/
	line-height: 80%;

	vertical-align: middle;
}

div.logo-left3 {
	font-size: 1.0rem;
}


div.logo-left-w1 {
	font-size: 1.2rem;
	color: #ffffff;
}

div.logo-left-w3 {
	font-weight: 700;
	font-size: 1.0rem;
	color: #ffffff;
}


a {
	font-size: 0.5rem;
	font-weight: 300;

/*
*/
	color:#000000;
	text-decoration:none;
}

p.right {
	font-size: 1.0rem;
	margin: 0.5rem 5vw 0.5rem 5vw;
	text-align:right;
	color: #888888;
}

p.left {
	font-size: 1.0rem;
	margin: 0.5rem 5vw 0.5rem 5vw;
	text-align:left;
}

/*
p.headline {
	font-size: 1.1rem;
	font-weight: 500;
	margin: 0.5rem 5vw 0.5rem 5vw;
	text-align:left;

	border-left: 10px solid skyblue; padding: 7px;

	position: relative;
}


p.headline::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 2px;
	background-color: skyblue;
}
*/

p.text {
	font-size:0.7rem;
/*
	white-space: nowrap;
*/
	display: inline-block;
	vertical-align: bottom;
}


p.mini {
/*
	font-size:0.8rem;
	font-size:0.4rem;

	font-size: 0.7rem;
*/
	font-size: 2.9vw;

	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
}

p.color0,p.color1,p.color2,p.color3 {
	line-height: 150%;
	font-weight: 500;
	font-size: min(4.2vw, 40px);
	display: inline-block;
	white-space:nowrap;
	vertical-align: middle;
	margin: 0;
}

p.color0 { color: #000000; }
p.color1 { color: #ff0000; }
p.color2 { color: #ffcc00; }
p.color3 { color: #008800; }


h1 {
	padding: 0.33rem 0.33rem;
	color: #010101;
	background: #ddeeff;
	margin: 0.33rem 0.33rem;
	vertical-align: middle;

	border: solid 0.5px #aaaaaa;
	border-radius: 0.33rem;
	font-size: 1.5rem;

/*
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
*/
}


h1.top {
	padding: 0.33rem 0.33rem;
	color: #ffffff;
	background: #444444;
	margin: 0.33rem 0.33rem;
	vertical-align: middle;

	border: solid 0.5px #aaaaaa;
	border-radius: 0.33rem;
	font-size: 1.5rem;
}


h2 {
	display: inline-block;
	margin: 0.67rem 0.67rem;
	padding: 0.1rem 0.1rem;
	font-size: 1.33rem;
	vertical-align: middle;

	color:white;
	color: #222222;

	border-top: solid 0.3rem skyblue;
	border-bottom: solid 0.3rem skyblue;

}


h3 {
	display: flex;
	align-items: center;
	text-align: center;
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
	font-size: 1.33rem;
}

h3:before,
h3:after {
	content: "";
	display: inline; /* for IE */
	flex-grow: 1;

	margin-left: 1.2rem;
	margin-right: 1.2rem;
	border: solid 0.25em #e8e8e8;
}


h4 {
	display: inline-block;
	padding: 0rem 1.33rem;
	font-size: 1.2rem;

	margin-top: 0.33rem;
	margin-bottom: 0.33rem;
	vertical-align: middle;
}

h5 {
	display: inline-block;
	margin: 0.27rem 0.27rem;
	padding: 0.1rem 0.1rem;
	font-size: 1.33rem;
	vertical-align: middle;

	color:white;
	color: #222222;

	border-top: solid 0.24rem skyblue;
	border-bottom: solid 0.24rem skyblue;
}


table {
	table-layout: fixed;
	text-align: center;

	border-collapse:separate;
	border-collapse:collapse;
	border-spacing: 0px 0px;
	margin:auto;

	border-radius: 0.5rem 0.5rem 0 0;
	border-radius: 0 0 0 0;

	background-color: #ffffff;
   
/*
	border: 1px 0px solid #888888;
	border: 1px solid #bbbbbb;
	background-color: #ffffff;
	filter:drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
*/
}



table.form {
	table-layout: fixed;
	text-align: center;
/*
	width: 600px;
*/
}

tr.form {
	border-spacing: 0px;
/*
	width: 100px;
*/
	vertical-align: middle;
	background: transparent;

    border-color: #cccccc;
    border-style: solid;
    border-width: 1px 0;
}

td.form {
	padding:0.3rem 0.3rem;
	text-align:left;
	font-size: 0.8rem;
	font-weight: 500;
	border-spacing: 0px;

	line-height: 1.6rem;

/*
	height: 2.0rem;

	width: 20rem;
	width: 80vm;
*/

	-khtml-user-drag: element;

	background: transparent;
}

table.list {
/*
	white-space: wrap;
*/
}


td.td1,td.td2,td.td3,td.tdv {
	font-size: 0.8rem;
	white-space: wrap;

	padding:2px;
	border-spacing: 1px;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
}

td.td1 {
	text-align:center;
	font-weight: 500;

	white-space: nowrap;
}

td.td2 {
	text-align:left;
}

td.td3 {
	text-align:left;
}

td.tdv {
	text-align:center;
	font-weight: 500;
	writing-mode: vertical-rl;
}

td.lineyokob, td.lineyoko, td.lineyoko2 {
	font-size: 0.60rem;
	font-size: 2.5vw;
	font-size: min(2.4vw, 48px);
	white-space: wrap;

	padding:0.5vw 3px;
	border-spacing: 0px 0px;
    border-color: #888888;
	border-style: solid;
    border-width: 1px 0px;

	text-align:left;
}

td.lineyokob {
	text-align:center;
	font-weight: 500;
}

td.lineyoko2 {
	font-weight: 700;
}



/*	フォーム	*/
input[type="time"] { width: 7rem; }

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: none;
	border: none;
/*
	outline: none;
*/
	padding: 0px;
}


input {
	border: 0px dotted #999;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 1.0rem;	
	-webkit-user-select : auto;
}

input[type=number] {
	border: 0px dotted #999;
	border-radius: 0;
	-webkit-appearance: none;
	text-align: right;
	width: 3.3rem;
	-webkit-user-select : auto;
}

input[type=text],input[type=password] {
	border: 1px solid #444444;
	border-radius: 4px;
	text-align: left;
	width: 80vw;
	font-size: 1.0rem;	
	-webkit-user-select : auto;
}

input[type="file"] {
	font-size: 0.8rem;	
	white-space: nowrap;
	display: none;
}

input.form2 {
	border: 1px solid #444444;
	border-radius: 4px;
	-webkit-appearance: none;
	font-size: 0.6rem;
	width: 20vw;
	-webkit-user-select : auto;
}

label {
	cursor: pointer;

	font-weight: 500;

/*
	display:inline;
	white-space: nowrap;
	text-decoration: none;
	line-height: 150%;

	font-size:1.17rem;
	cursor:pointer;
	background-color: skyblue;
	background-color: #aaaaaa;
	color:white;
	font-weight: 500;
*/

	margin: 0.13rem 0.13rem;
	padding:0.13rem 0.13rem;

/*
	filter:drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
*/
	border-radius: 0.33rem 0.33rem 0.33rem 0.33rem;

	height: 1.8rem;
	font-size:1.0rem;

	color:#444444;
	background-color:#ffd080;
}

select {
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	text-align: left;
	font-size: 1.0rem;	
}


input:placeholder {
	color: #ff0000;
	-webkit-user-select : auto;
}

textarea:placeholder {
	color: #ffff00;
}

textarea {
	border: 1px solid #444444;
	border-radius: 4px;
	text-align: left;
	width: 80vw;
	height: 8.0rem;
	font-size: 1.0rem;	
	resize:none;
}



.radio1 label, .radio1 input{
	cursor: pointer;
	margin: 0.6rem 0.2rem;
	padding: 0.2rem 0.2rem;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	border-radius: 0.33rem;
	background: #e8e8e8;
	color: #555e64;
	font-size: 0.7rem;
	text-align: center;
	line-height: 2.0rem;
	line-height: 2.0rem;

	white-space: nowrap;
/*
*/

/*
	line-height: 1.2rem;
	height: 2.8rem;

	display: table-cell;
*/
}

.radio1 input{
	display: none;
}

/*
.radio1 label:first-of-type{
	border-radius: 0.33rem 0 0 0.33rem;
}
.radio1 label:last-of-type{
	border-right: 0px;
	border-radius: 0 0.33rem 0.33rem 0;
}
*/

/*
.radio1 label:first-of-type{
	border-radius: 0.33rem 0 0 0.33rem;
	border-radius: 0.33rem;
}
.radio1 label:last-of-type{
	border-right: 0px;
	border-radius: 0 0.33rem 0.33rem 0;
	border-radius: 0.33rem;
}
*/

.radio1 input[type="radio"]:checked + label {
	background: #ffbb88;
	color: #ffffff;
	color: #555e64;
}

/*	───────────────	*/

.icon1, .icon1c {
	width: 10vw;
	max-width: 100px;
	cursor: pointer;
	padding: 0.5vw 0.2vw;
	margin: 0.0vw 0.5vw 0vw 0.5vw;
}

.icon1c {
	background-color: #ececec;
	border-radius: 0.33rem;
}


.link1, .link1c, .link1g, .link2, .link2c, .link3, .tn1, .ctt1, .link4, .link4c, .link6 {
	display:inline;
	white-space: nowrap;
	text-decoration: none;
	margin: 0.10rem 0.10rem;
	padding:0.06rem 0.06rem;
	border-radius: 0.33rem 0.33rem 0.33rem 0.33rem;
	line-height: 150%;

	font-size:1.17rem;
	cursor:pointer;
	background-color: skyblue;
	background-color: #aaaaaa;
	background-color: #bbbbbb;
	color:white;
	font-weight: 500;


	filter:drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));

	z-index: 100;
}

.link1 {
	height: 1.8rem;
	font-size:1.0rem;
}

.link1c {
	height: 1.8rem;
	font-size:1.0rem;
	background-color: #444444;

	color:#444444;
	background-color:#ffd080;
}

.link1g {
	background-color: #dddddd;
}

.link2, .link2c, .link3 {
	margin: 0.47rem 0.17rem;
	padding:0.17rem 0.17rem;
	border-radius: 0.33rem;
	line-height: 150%;
	vertical-align: middle;
	font-size:0.9rem;
	width: 70vw;
}

.link2c {
	background-color: #4488ff;
}

.link3 {
	font-size:0.3rem;
}

.link4,linke4c {
	font-size:2.8vw;
	font-size: min(2.8vw, 56px);

	border-radius: 0.2rem;
}

.link4c {
	font-size:2.8vw;
	font-size: min(2.8vw, 56px);
	border-radius: 0.2rem;
	background-color: #444444;
}

.link5 {
	font-size:2.8vw;
	font-size: min(2.8vw, 56px);
	border-radius: 0.2rem;
	background-color: #dddddd;

	display: inline-block;
	white-space: nowrap;
}

.link6 {
	font-size:2.8vw;
	font-size: min(2.8vw, 56px);
	border-radius: 0.2rem;
	background-color: #E60012;
}

#comment {
	position: fixed;
	font-size: 0.5rem;

/*
	top: calc( 100% - 5.0rem ) ;
	top: calc( 100% - ( ( 1.5rem + 0.4rem ) * 5 ) - 0.4rem ) ;
*/

	bottom: 0.2rem ;
	left: calc( 100% - 1.6rem - 0.4rem - 0.4rem ) ;

/*
margin: 0px; padding: 0px; line-height: 100%;
*/

	z-index: 9999;
	visibility:hidden;
}


/*	印刷用の設定(フッター非表示)	*/
@media print {
	#footer { display:none; }

/*
	.link1,.link2,.link1c,.link2c { display:none; }
*/

	.link4,.link4c { display:none; }

	div.noprint { display:none; }

/*
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif!important;

*/

/*
	.bx-viewport {
		height: auto !important;	
	}
	.tab_item {
		width: 100% !important;
		position: relative !important;
	}

	overflow:visible;
*/


	canvas {
	/*
		width: 11.4rem; height: 11.4rem; 
		border-radius: 1.0rem;

		width: 200px;
		height: 200px;

		height: 40vw;
	*/

		width: 80vw;

		background-color: #ffffff;	/* ★★★ */
	}
	
	body {
    	-webkit-print-color-adjust: exact;
    	color-adjust: exact;
	}
	
}

@page {
    size: A4 portrait;
    margin: 0mm;
}