@charset "utf-8";
body {
  margin: 0px;
  padding: 0px;
  font: 100%/1.3 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; */
/*  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif; */
  color: #222;
/*  background-color: #e6ffe6; */
  background-image:url("../../image/Melamine-wood-003.png");
  background-repeat:repeat;
}

/*------------------------------------------------------------

                   　　　コンテナ

-------------------------------------------------------------*/
header {
  width: 100%;
  height: 75px;
/*  background-color: #78dba3; */
  margin: 0 auto;
  text-align: center;
}
header a {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.totop {
  float: right;
  margin: 10px 30px 0 0;
  width:70px;
  height:70px;
  background-image: url(../image/if_top.png);
  background-repeat:no-repeat;
}
/*
.totop:active {
  background-image: url(../image/if_top_tap.png);
  background-repeat:no-repeat;
}
*/
/*#totop {
 float: right;
 padding: 0 40px;
 vertical-align: middle;
/*
  position: absolute;
  left: 650px;
  top: 3px; 
  width: 30px;
  height: 40px; 
  background-image: url(../../image/icon/totop.png);
}
.totop:active {
  background-image: url(../../image/icon/totop_tap.png);
}
*/
/* IE用viewport 
@-ms-viewport {
  width:750px;
  height:1104px;
  initial-scale:1.0;
  minimum-scale:1.0;
  maximum-scale:1.0;
  user-scalable:no;
}
*/

/*------------------------------- トップ画面 -------------------------------*/
#wrapper { 
    position: absolute;
    top: 0;
    left: 0;
	margin: 0px auto;
	width: 100%;
	height: 100%;
/*    background-color: #5fd492; */
    overflow: scroll;
}

img.top {
   display: block;
   width: 100%;
   margin: 0 auto;
}

.button_box {
   width: 100%;
   margin: 20px auto;
   text-align: center;
}
/*
.button_box a{
 display: block;
 }
*/
.menu_button0, .menu_button1, .menu_button2, .menu_button3, .menu_button4{
/*   display: inline-block; */
   display: block;
   margin: 15px auto;
   width: 620px;
   height: 100px;
}

.menu_button0 {
   background: url('../image/menu_btn0.png');
}
.menu_button1 {
   background: url('../image/menu_btn1.png');
}
.menu_button2 {
   background: url('../image/menu_btn2.png');
}
.menu_button3 {
   background: url('../image/menu_btn3.png');
}
.menu_button4 {
   background: url('../image/menu_btn4.png');
}

.menu_button0:active {
   background: url('../image/menu_btn0_on.png');
}
.menu_button1:active {
   background: url('../image/menu_btn1_on.png');
}
.menu_button2:active {
   background: url('../image/menu_btn2_on.png');
}
.menu_button3:active {
   background: url('../image/menu_btn3_on.png');
}
.menu_button4:active {
   background: url('../image/menu_btn4_on.png');
}

a.help_button img{
  width: 65px;
  height: 65px;
  float: right;
  margin: 30px;
}

@media (min-width: 751px) { /*============== PC画面 ==============*/
img.top {
   width: 750px;
}	
.button_box {
   width: 620px;
}
}

footer {
 font-size: 0.8em;
 text-align: center;
 padding: 20px 0 10px 0;
}

.browser-back {
    position: relative;
    margin: auto;
    float: right;
    color: #fff;
    font-size: 110%;
}



.moji_table {
 margin: 60px 0;
}

/*------------------------------- かぞえかた -------------------------------*/

.container{
   display: flex;
   margin: 0px auto;
 
/*こちらにFlexboxのCSSプロパティと値を入力してください。*/
   flex-wrap: nowrap; /* 子要素の回り込み */
   justify-content: center; /* 左右中央揃え */
   align-items: center; /* 上下中央揃え */
   -webkit-box-align: center;
   -ms-flex-align: center;

/*   width:750px;　*/
   height: 210px;
}

.container img {
   margin: 20px;
}

/*------------------------------------------------------------

                   　　　基本設定

-------------------------------------------------------------*/
/*　中央揃え */
.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.right-position {
   display: block;
   margin-left: auto;
}

/*  強調　*/
em{
  color: #f7522b;
  font-style: normal;
}

/*  青字　*/
blue {
	color: #0091d4;
	font-size: 0.9em;
}

section {
   margin: 5px 0px 15px 0px;
   font-size: 1.0em;
   border-bottom: 1px #ccc solid;
}

midashi{
   padding:5px 0px;
   font-size: 1.0em;
   font-weight: bold;
   }

h1 {
  margin: 8px;
  font-size: 1.4em;
  text-align: center;
}

.h1_left{
  margin: 8px;
  font-size: 1.4em;
}

h2 {
   margin: 35px 0px 0px 0px;
   font-size: 0.9em;
   font-weight: normal;
   position: relative; 
   text-indent: 1.0em;
}

h2::after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: 0em;
	width: 12px;
	height: 12px;
	background-color: #4285f4;
	border-radius: 100%;
}

h2.top{
  margin:15px 0px 0px 0px;
  font-size: 0.9em;
  font-weight: normal;
}

h3{
   margin: 30px 0px 0px 0px;
   font-size: 0.9em;
   line-height: 1.3em;
   text-decoration: underline;
   font-weight: normal;
   /* color: #4285f4; */
}

h3.top{
   margin:  5px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
   /* color: #4285f4; */
}

p {
   margin: 5px 0px;
   padding: 5px 0px;
   font-size: 0.8em;
   line-height: 1.3em;
} 

/*--- 注釈 ---*/
p.caption {
   margin: 0px;
   padding: 5px 0px;
   font-size: 0.6em;
   line-height: 1.2em;
} 

/*--- マーカー ---*/
marker{
   margin: 20px 0px;
   line-height: 1.3em;
   background: linear-gradient(transparent 60%, #f6ff66 60%);
}

a.pdf {
 background: #fff;
 color: #4285f4;
 border: solid 2px #4285f4;  
 display:block;
 text-decoration:none;
 width:74px;
 padding-top:5px;
 padding-bottom:5px;
 text-align:center;
 border-radius:5px;
 margin-left: auto;
}

a.pdf:hover {
background: #4285f4;
color: #fff;
}

/*------音声ボタン------*/
a.audio-btn {
/* color: #f2615e; */
  color: #4285f4;
  cursor: pointer;
}

.audio_playback {
    color: #f7522b;
    font-weight: bold;
    text-indent: 0;
    text-decoration: none;
}

.audio_playback:before {
    font-family: "icon-fonts";
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    font-size: 17px;
    display: inline;
    vertical-align: middle;
    padding: 0 8px 0 6px;
    content: "n";
}

.audio_playback:link, .audio_playback:visited {
    display: inline-block;
    color: #f7522b !important;
    text-decoration: none;
    text-align: center;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


@media (min-width: 751px) {  /*====================================  PC画面  ====================================*/
/*
#wrapper {
	max-width: 600px;
 }
*/
chapter{
  font-size: 0.9em;
}

section{
   margin: 10px 0px 0px 0px;
   font-size: 1.3em;
   border-bottom: 1px solid #ccc;
}

midashi{
   padding:5px 0px;
   font-size: 1.1em;
   font-weight: bold;
   }

h2 {
  margin:35px 0px 0px 0px;
  font-size: 1.0em;
  font-weight: normal;
}

h2.top{
  font-size: 1.0em;
}

h3{
   margin: 30px 0px 0px 0px;
   padding: 15px 0px 0px 0px;
   font-size: 1.0em;
   line-height: 1.4em;
   text-decoration: underline;
}

h3.top{
   padding: 5px 0px 0px 0px;
   /* color: #4285f4; */
}

p {
   margin: 0px;
   padding: 2px 0px;
   font-size: 1.0em;
   line-height: 1.8em;
} 
/*--- 注釈 ---*/
p.caption {
   margin: 0px;
   padding: 5px 0px;
   font-size: 0.9em;
   line-height: 1.4em;
} 

marker{
  margin: 20px 0px;
  line-height: 1.3em;
}
} /*====================================  PC画面  END  ====================================*/


/*===================================================
                    Read me
===================================================*/

.orien_box3 {
	margin-top: 5px;
	background-color: #e9f7f9;
	border-radius: 10px;
	padding: 10px;
}
/*
.orien_box3 h5 {
	font-size: 1em;
	margin-bottom: 5px;
}
*/
.orien_box3 img {
	max-width: 80%;
	margin-bottom: 5px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.orien_sankaku {
	height: 50px;
	background: url(../img/howto_sankaku2.png);
	background-position: center;
	background-repeat: no-repeat;
}


@media only screen and (min-width: 701px) {      /* PC画面 */
.orien_box3 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	background-color: #e9f7f9;
	border-radius: 10px;
	padding: 10px 40px 10px 40px;
 	width: 80%;
/*	height: 280px; */
}
/*
.orien_box3 h5 {
	font-size: 1em;
	margin-bottom: 10px;
}
*/
h4{
  margin: 15px 0px 0px 40px;
}
.orien_box3 img {
	max-width: 90%;
	margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid #cccccc 1px;
}
.orien_sankaku {
	height: 50px;
	background: url(../img/howto_sankaku2.png);
	background-position: center;
	background-repeat: no-repeat;
}
}