body {
	margin: 0;
	padding: 0;
  font: 14px/1.6 meiryo,'arial narrow', sans-serif,  Verdana;
	background-color: #ffffff;
  color:#000000;
	font-size-adjust: none;
	-webkit-font-size-adjust: none;
}
.wrap {
  margin-right: auto;
  margin-left:  auto;
	overflow: hidden;
	width: 80%;
	max-width: 1260px;
  padding-right: 10px;
  padding-left:  10px;
}
a:link a:hover a:visited a:active {
	text-decoration: none;
	color: #000000;
}
ul,ol,li,dl,dt,dd { margin-top:0; margin-bottom:0px; paddding:0;}
.top_frame { 		/* header area */
	height: auto;
	margin:0;
	padding: 0;
	width: 100%;
}
.top_frame a {
	text-decoration: none;
	color: #000000;
}
.top_frame::after{
	content: "";
	display:block;
	clear:both;
}
.h_title1{	font-size: 12pt; }
.h_title2{	font-size: 20pt; }
.h_title3{	font-size: 8pt; }
.h_title4{	font-size: 14pt; }

/* 画像選択時、白っぽくする */
a.overwhite{    display:block;}
a.overwhite:hover img{
	cursor:pointer;
  filter: alpha(opacity=60);       
  -ms-filter: "alpha(opacity=60)"; 
  -moz-opacity:0.6;                
  -khtml-opacity: 0.6;             
  opacity:0.6;
}
.gsearch {	 	/* google search area */
	float:right;
	width: 50%;
}
.gsc-control-cse,gsc-control-cse-ja {
	border:0!important;
}
/* nakami -> menu + under  */
.nakami {		/* 親要素 */
 	width:100%;
	margin:0;
	padding:0;
 	display: -webkit-flex;
  display: flex;
}
.menuarea { /* 子要素 左 */
	margin:0;
	padding: 0;
	width:25%;
/*	border:1px solid green; */
	max-width:300px;
}
.under_frame {			/* 子要素 右 */
	margin:0;
	padding: 0;
	overflow-y: auto;
	width:74%;
	max-width:74%;
	flex:1;
	overflow-x: hidden;
}
.menu {
	margin:0;
	padding:0;
}
ul#leftmenu.menu{
	margin:0;
	padding:0;
	text-align:left;
	list-style-type: none; 
	width:100%;
	min-width:150px;
	color:#000;
}
.menu ul{
	list-style-type: none; 
}
.menu ul li{
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}
.menu a {
	margin:0;
	padding:0;
  display: block;
  text-decoration: none;
	color:#000000;
	font-size:14px;
	line-height:1.6em;
}
.menu a:hover {
  text-decoration: none;
  background: #ffe4e1; /* 薄いピンク */
	font-size:16px;
	color:000000;
}
.menu menu__item { /* ul menu li */
	margin:0;
	padding:0;
  position: relative;
	padding-bottom:20px;
}
.menu  a.menu__item__link { /* ul menu li a */
	background:#e3f9f5; /* 水色 */
	margin:2px;
	padding:5px;
}
.menu  a.menu__item__link:hover {
  background: #ffe4e1; /* 薄いピンク */
}
.submenu { /* sub ul */
	margin:0;
	padding:0;
  display: none;
}
.submenu>li {
	margin:5px;
	padding:2px;
  background: #f4f4ff; /* gray */
}
.submenu__item { /* sub ul li */
	margin:2px;
	padding:5px;
	padding-left:7px;
}
.submenu__item a { /* sub ul li */
	margin:2px;
	padding:5px;
	padding-left:7px;
}
.third-content {  /* third ul */
	margin:0;
	padding:0;
  display: none;
}
.third__item { /* third ul li */
	margin:0;
	padding:5px;
	padding-left:20px;
  border-bottom: 1px doted #ccc;
}
.third__item a {
	background:#fff; /* white */
	margin:2px;
 	padding-left:15px;
  display: block;
}
.hiraku {		/* ダメ + -  */
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #c0c0c0;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.hiraku:before, .hiraku:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute; 
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hiraku:before {
	width: 2px;
	height: 10px;
}
.fon30 {  font-size: 30pt;}  
.fon26 {  font-size: 26pt;}  
.fon20 {  font-size: 20pt;}  
.fon18 {  font-size: 18pt;}  
.fon14 {  font-size: 14pt;}  
.fon12 {  font-size: 12pt;}  
.fon10 {  font-size: 10pt;}  
.fon8 {  font-size: 8pt;}  

.keip{		/* 蛍光ペン ピンク */
	background: linear-gradient(transparent 40%, #ff99ff 40%);
	margin:10px 10px 5px 0px;
}
.keip2 {background: linear-gradient(transparent 80%, #ff99ff 80%);} /* 蛍光ペン ピンク 細い */
.keig{		/* 蛍光ペン 緑 */
	background: linear-gradient(transparent 40%, #66FFCC 40%);
}
.keig2 {background: linear-gradient(transparent 80%, #66FFCC 80%);} /* 蛍光ペン 緑 細い */
.keiyellow{		/* 蛍光ペン 黄色 */
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ffffbc 0%) repeat scroll 0 0;
}
.pinkwhite{		/* 背景ピンク、白抜きの文字 2020.05.26 */
	background: linear-gradient(transparent 40%, #ff99ff 40%);
	padding:10px 10px 5px 0px;
}
.underdot {
	border-bottom: dashed 1px #aaa;
}
.textshadow {	/* ピンク */
	 text-shadow:1px 1px 0 #fff, 2px 2px 0 #ffe4e1;
}
.spaceplus {
	 margin-bottom:7px;
}

.oppmidashi{ /* <>を前後に付ける 大きなスペースあり、直すこと*/
	display:inline-block;
	margin: 0;
	padding: 0;
	border-bottom: dashed 1px #ff9999;
	color: #000000;
}
.oppmidashi:before{
	margin: 0;
	padding: 0;
	content:'<';
	font-size:12pt;
}
.oppmidashi:after{
	margin: 0;
	padding: 0;
	content:'>';
	font-size:12pt;
}
.midashi1{			/* 背景 グレー */
    margin: 5px 0 2px 0;
    padding: 8px;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #eee;
		display:block;
		width:95%;
		max-width:95%;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}
.midashi2{			/* 赤点線 */
    margin: 5px 2px 12px 0;
    padding: 10px;
		display:block;
    border-left: 7px solid #B92A2C;
    border-right: 3px solid #B92A2C;
    border-top: 1px dashed #B92A2C;
    border-bottom: 1px dashed #B92A2C;
		width:95%;
		max-width:95%;
}
.midashi3{			/* 灰色点線 */
  margin: 5px 0 12px 0;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
  border-left: 7px solid rgba(0,0,0,.2);
  border-right: 7px solid rgba(0,0,0,.2);
  padding: 5px 2px;
	width:96%;
	max-width:95%;
}
.midashi4 {			/* 水色 ステッチ風 */
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
	margin:8px 0 8px 0;
	display:inline-block;
}
/* 背景色 */ 
.bgcolorPink{ background-color:#ffe4e1;	}
.bgcolorGreen{ background-color:#CEF6CE;	}
.bgcolorGray{  background-color:#F2F2F2;	}
.bgcolorBlue{  background-color:#CEF6F5;	}
.bgcolorViolet{ background-color:#E3CEF6;	}
.bgcolorYellow{ background-color:#F3F781;	}
.bgcolorOrange{ background-color:#F6E3CE;	}
.bgcolorDblue{ background-color:#2E64FE;	}
.bgcolorGblue{ background-color:linear-gradient(to right, #fff, #B8FDFC);}
.bgcolorWhite{ background-color:#ffffff;	}
.bgcolorPinkdayo{ background-color:#fff0c6;	}
.bgcolorBluedayo{ background-color:#e0edff;	}


/* 図形描画 ---------------------------------*/
img.small{
	margin:3px;
	height:100px;
	border:0;
	float:left;
}
img.top{ /* ヘッダーのちろりん */
	margin:2px;
	width:90px;
	border:0;
	float:left;
}
img.menu1{
	margin:0px;
	height:120px;
	border:0;
}
img.chiro{
	margin:0px;
	width:200px;
	border:0;
}
img.chiro2{
	margin:0px;
	width:150px;
	border:0;
}
img.nicu{
	margin-left:20px;
	max-width:100%;
}
img.imgA{		/* TOP 集合写真 */
	margin:10 0 10 0;
	max-width:98%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}
img.imgB{		/* メニューで使用*/
	height:50px;
	margin:2px;
}
img.imgD{		/* 2020.06.02 add */
	width:70%;
	margin:2px;
}
img.right{		/* PTで使用 */
	float:right;
	max-width:100%;	
	margin:2px;
  border-radius: 3px;
}
img.ot{				/* OTで使用 */
	float:left;
	max-width:100%;
	margin:4px;
  border-radius: 3px;
}
img.ot2{				
	max-width:100%;
	margin:1px;
  border-radius: 3px;
}
img.gappeizu{	/* 合併症の図 */
	margin:0px;
	max-width:100%;
	width:730px;
	border:0;
}
img.pamph{	height:300px; }
img.pamph2{	height:250px; }
img.shisei{
	margin:0 20px 0 0;
	width:90%;
	max-width:100%;
}

.flexbox {		/* frexbox こちらにまとめる -------------------*/
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: wrap;
  display : -ms-flexbox;     /* IE10        */
  display : -webkit-flex;    /* Safari etc. */
}
.flexbox2 {		/* frexbox こちらにまとめる -------------------*/
  width: 70%;
  margin-top: 5px;
  margin: 0 auto;
  margin-top: 5px;
}
.flexbox .bgcolpink {  background-color:#ffcccc; /* pink */ }
.flexbox .colyama 	{  background-color:#ffff99; /* yamabuki */ }
.flexbox .nocolor 	{  background-color:#ffffff; /* white */ }
.flexbox dl {
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 5px;
  border-radius: 5px 5px 5px 5px;
  justify-content: space-between;
  flex-direction: column;
}
.flexbox dl.widesize {  flex: 90%;  width: 90%; max-width:100%;}
.flexbox dl.semiwide {  flex: 80%;  width: 80%; max-width:80%;}	/* お知らせ */
.flexbox dl.halfsize {  flex: 45%;  width:  45%; max-width:45%;}
.flexbox dl.onethirdsize {  flex: 30%;  width:  30%; max-width:30%;}
.flexbox dl.colpink{ border:1px solid #ffe4e1;}
.flexbox dl.colgray {  border:1px solid #c0c0c0;}
.flexbox dl.nocolor {	text-align:center;}
.flexbox dl.blue{ border:1px solid #4169e1;}
.flexbox dd a, a:visited {	text-decoration: none;	color:#000000;}
dl.semiwide a{  text-decoration: none; color:blue; }	/* 2021.6.23 add */
dl.semiwide dd.un{ }
.flexbox a:hover { text-decoration: none; color:blue;	background:#e3f9f5; border-radius: 3px;	}/* 水色 */
.flexbox dl:after {	content:'';	display:block;	clear:both; }
.flexbox dd { border: 0; margin: 0; padding:0;  max-width:100%; }
.flexbox dd img { border: 0; margin: 2px; border-radius: 3px; max-width:100%;}
.flexbox dd img.mrl { margin-left: 6px;}
.flexbox dd img.normal { width: 250px;  height: auto;}
.flexbox dd img.eighty { width: 80%;  height: auto;}
.flexbox dd img.sixty {  width: 60%;  height: auto;}
.flexbox dd img.fourty { width: 40%;  height: auto;}
.flexbox dd img.thirty { width: 30%;  height: auto;}
.flexbox dd img.chiro{	width:15%;}
.flexbox dd img.chiro2{	width:20%;}
.flexbox dd img.asobi {	height:150px;}
.flexbox dd img.asobi2 {	width:150px;}
.flexbox dd img.round {	border-radius: 3px;}
.flexbox dd img.left {  float: left;}
.flexbox dd img.right {  float: right;}
.flexbox dt.pink{
    background-color: #f5d5da;
    border-radius: 5px;
    padding: 10px 10px 10px 60px;
    position: relative;
    text-shadow: 0px 0px 10px #fff, 0px 0px 6px #fff, 0px 0px 4px #fff, 0 0 0.5px #fff;
}
.flexbox dt.pink:before{
    content: '＊*';
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    margin-right: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 3px #fff, 0px 0px 2px #fff, 0 0 0.5px #fff;
}
.flexbox dt.pink:after{
    border-bottom: 2px dotted #fff;
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
}
.flexbox dt.voice{
    border-radius: 5px;
    padding: 10px 10px 10px 60px;
    position: relative;
    text-shadow: 0px 0px 10px #ccc, 0px 0px 6px #ccc, 0px 0px 4px #ccc, 0 0 0.5px #ccc;
		text-align:left;
		margin-bottom:5px;
		z-index:-99;
}
.flexbox dt.voice:before{
    content: '＊*';
    color: #FF99CC;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    margin-right: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 3px #ccc, 0px 0px 2px #ccc, 0 0 0.5px #ccc;
}
.flexbox dt.voice:after{
    border-bottom: 2px dotted #FF99CC;
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
}
.flexbox dt.gray{
    border-radius: 5px;
    padding: 10px 10px 10px 60px;
    position: relative;
    text-shadow: 0px 0px 10px #ccc, 0px 0px 6px #ccc, 0px 0px 4px #ccc, 0 0 0.5px #ccc;
		text-align:left;
		margin-bottom:5px;
		color:#000000;
}
.flexbox dt.gray:before{
    content: '＊*';
    color: #ccc;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    margin-right: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 3px #ccc, 0px 0px 2px #ccc, 0 0 0.5px #ccc;
}
.flexbox dt.gray:after{
    border-bottom: 2px dotted #ccc;
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
}
.flexbox dt.opp{
  background-color:#ff9999; /* pink */
  border: 1px soflid #c0c0c0;
  border-radius: 3px;
  padding: 3px;
	margin-top:0px;
	margin-bottom:3px;
}
.flexbox dt.opp2{		/* 産後時期 */
	float: left;
  border-radius: 3px;
  padding: 3px;
	margin:0 1px 1px 0;
  position: relative;
	color:#000000;
	display:block;
	width:30%;
}
.flexbox dt.opp3{		/* 初期分泌の頃 */
	float: left;
  border-radius: 3px;
  padding: 5px;
	margin-top:0px;
	margin-bottom:0px;
  position: relative;
	display:block;
	width:30%;
  height: 94%;
}
.flexbox dt.index{
  font-size: 16px;
  background-color:#E3CEF6;
  border: 1px solid #E3CEF6;
  border-radius: 3px;
  padding: 3px;
	margin-top:0px;
	margin-bottom:3px;
  position: relative;
}
.flexbox dd.opp { 	/* 効果があると証明されたこと */
	margin-top: 0;
	margin-left: 31%;
	padding: 1px;
  height: auto;
  padding: 3px;
  padding-left: 10px;
  border-radius: 3px;
  text-align: left;
}
.flexbox dd img.index {
  height:120px;
  margin-left: 3px;
}
.flexbox dd.index {
  height: auto;
  padding-left: 15px;
  text-align: left;
}
.flexbox dd.one {
  padding: 3px;
}
.flexbox dd.five {
  padding: 5px;
  color: #000000;
}
.flexbox dd.center {
  padding: 3px;
  text-align: center;
}
.flexbox dd.comment {
  height: auto;
  padding: 3px;
  text-align: left;
}
.flexbox dd.com2 {
  clear:both;
  height: auto;
  padding-left: 3px;
  text-align: center;
}
.flexbox dd.maru {
  border-radius: 25px 25px 25px 25px;
}
/* 写真で見るNICU、new */
.flexbox dl.nocolor2 {
  float: left;
  margin:0;
  padding: 0;
  border-radius: 5px 5px 5px 5px;
	text-align:center;
}
.flexbox dd.center2 {
  margin: 0;
  padding: 0;
  text-align: center;
}
.flexbox dd.new {
  margin: 0;
  padding: 0;
  text-align: center;
}
.flexbox dd.new2 {
  padding-bottom: 3px;
}
.flexbox dd.new3 {
  padding-bottom: 5px;
}
.flexbox dd img.mr5 {		
  margin: 0 6px 0 0;
  padding: 0;
}
.flexbox dd a.nospace:hover  {
  margin: 0;
  padding: 0;
	background-color:#ffffff;
}
.flexbox dd.date {
	margin: 0;	/* お知らせの日付部分*/
	padding: 0 0 0 4px;
	width: 30px;
	float:left;
	font-size:10pt;
}
.flexbox dd.news {
	margin: 0;
	padding-left: 80px;
}
.flexbox dd.un {
	border-bottom: 1px dotted #ccc;
	margin-bottom:5px;
}
.flexbox img.padding {
	margin: 0;
	padding-left: 10px;
	padding-top: 15px;
}
.flexbox dl:after {
	content:'';
	display:block;
	clear:both;
}
.flexbox:after {
	content:'';
	display:block;
	clear:both;
}
.flexbox ul a:hover {
	background:#e3f9f5;		/* 水色 */
}
.flexbox .strong { 		/* voice 体験談 */
	color: red;
	backGround-color: #F2F2F2;
	padding:0 2px 0 2px;
  border-radius: 3px 3px 3px 3px;
}
.flexbox .spanb {
	backGround-color: #e0ffff;
}
.flexbox .spanc {
	font-weight: bold;
}
.flexbox .spanb::after, .spanc::after {
    content: ': ';
}
.flexbox dd.scom {
	padding:7px 3px 5px 3px;
  border-bottom: 1px dashed #aaa;
}
/* タブ その１ 治療の流れ 画面で使用*/
div.tabbox { margin: 0px; padding: 0px; width: 98%;  }
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   display: block; width: 120px; height:30px; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
   text-decoration: none;
   color: #000000;
   border-radius: 12px 12px 0px 0px;
}
/* 各タブの配色 */
p.tabs a.tab1 { background: linear-gradient(to right, #fff, #B8FDFC);
		background:	-webkit-gradient(linear, left top, right bottom, from(#fff), to(#B8FDFC)); 
		background: -moz-linear-gradient(linear, left top, right bottom, from(#fff), to(#B8FDFC));
} 
p.tabs a.tab2 { background: linear-gradient(to right, #fff, #FEAFAC);
		background:	-webkit-gradient(linear, left top, right bottom, from(#fff), to(#FEAFAC)); 
		background: -moz-linear-gradient(linear, left top, right bottom, from(#fff), to(#FEAFAC));
} 
p.tabs a.tab3 { background: linear-gradient(to right, #fff, #FFD7FD);
		background:	-webkit-gradient(linear, left top, right bottom, from(#fff), to(#FFD7FD)); 
		background: -moz-linear-gradient(linear, left top, right bottom, from(#fff), to(#FFD7FD)); 
}
p.tabs a.tab4 { background: linear-gradient(to right, #fff, #FCFF27); 
		background:	-webkit-gradient(linear, left top, right bottom, from(#fff), to(#FCFF27)); 
		background: -moz-linear-gradient(linear, left top, right bottom, from(#fff), to(#FCFF27));
} 
p.tabs a.tab5 { background: linear-gradient(to right, #fff, #B2FE8A);
		background:	-webkit-gradient(linear, left top, right bottom, from(#fff), to(#B2FE8A)); 
		background: -moz-linear-gradient(linear, left top, right bottom, from(#fff), to(#B2FE8A));
} 
p.tabs a:hover { color: blue; }
p.tabs a:selected { background-color: #008080; }
/* タブ中身のボックス */
div.tab { /* ボックス共通 */
	width: 100%;
	padding:5px;
	overflow: auto;
	clear: left;
	border-radius: 3px;
}
/* 各ボックスの配色 */
div#tab11 { border: 2px solid #B8FDFC; }
div#tab12 { border: 2px solid #FEAFAC; }
div#tab13 { border: 2px solid #FFD7FD; }
div#tab14 { border: 2px solid #FCFF27; }
div#tab15 { border: 2px solid #B2FE8A; }
div.tab p { margin: 0.5em; }
.space-left20 { margin-left:20px; }
.space-left35 {	margin-left:35px; }
.share{
	float:left;
	height:30px;
	display:inline-block;
	margin:2px 4px 0 0;
	}
.fb-share-button > span {		/* 揃わないので追加 */
  vertical-align: baseline !important;
}
/*各ページにあるタブメニュー -------------------------------- */
.tabbox_ss { margin: 0px; padding: 5px; width: 99%; }
ul.ss { 
	margin: 0;
	padding: 0;
	left:0; width:98%;
	max-width:98%;
	list-style-type:none;
}
ul.ss a { color: #000000; margin: 0px; padding: 3px; text-decoration: none; display: inline-block; }
ul.ss li {
  margin: 0;
	padding: 2px;
	height: 35px; 
  border-radius: 12px 12px 0px 0px;
	float: left;
}
.listNotSelect {	/* ブルー */
  background: linear-gradient(to right, #fff, #B8FDFC);
  background:	-webkit-gradient(linear, left top, right bottom, from(#fff), to(#B8FDFC)); 
  background: -moz-linear-gradient(linear, left top, right bottom, from(#fff), to(#B8FDFC)); 
}
.listSelected{		/* 選ばれたときピンク */
	background: linear-gradient(to right, #fff, #FEAFAC);  		
	background:	-webkit-gradient(linear, left top, right bottom, from(#fff), to(#FEAFAC)); 
	background: -moz-linear-gradient(linear, left top, right bottom, from(#fff), to(#FEAFAC));
}
/* タブ中身のボックス */
.tab_con_ss {
	width: 98%;
	height: auto;
	margin:1px;
	padding:3px;
	overflow: auto;
	border-radius: 5px;
	border: 1px solid #FEAFAC;
	max-width: 98%;
}
.tab_con_ss a { text-decoration: none;}
.tab_con_ss a:hover{	background:#e3f9f5;		/* 水色 */ }

/* 各ボックスの配色 */
.list01 ul{		/* おっぱい部分で使用 */
	text-decoration: none;
	list-style-type: none; 
	margin-left: 5px;
	padding: 5px;
	margin:2px 0px 0px 0px;
}
.list01 li{
	list-style-type: circle; 
	font-size:12px;
	margin-left: 5px;
}
.orlist01 ol{		/* おっぱい画面で使用 */
  text-decoration: none;
	list-style-type: none; 
	padding: 2px;
	margin-top: 3px;
}
.orlist01 li{
	margin-left: 5px;
	margin-top: 3px;
}
/* indent */
.indent2{		/* 家族のできることで使用 */
   padding-left: 2em;
   text-indent: 1em;
}
.indent3{
   padding-left: 1em;
   text-indent: 1em;
	 margin-bottom: 15px;
}
.indent22{ padding-left: 2em; }
.indent33{ padding-left: 1em; }
/* 丸を重ねたリスト */
ul.maru {
  padding: 0;
  margin-top: 1px;
  list-style: none;
}
ul.maru li{
  position: relative;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-top:1px;
}
ul.maru li:after,
ul.maru li:before{
  content: "";
  position: absolute;
  border-radius: 50%;
}
ul.maru li:before{
  left: 0.2em;
  width: 17px;
  height: 17px;
  background: rgba(129,194,250,0.5);
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.maru li:after{
  top: 1.1em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(129,194,250,0.3);
}
/* 青小さな○ */
ul.maru2 {
  padding: 5px;
  margin-top: 1px;
  margin-left: 3px;
  color:#000000;
  list-style: none;
}
ul.maru2 li {
	position: relative;
	padding:0px;
	margin-left: 6px;
  color:#000000;
}
ul.maru2 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #3498db;
	border-radius: 100%;
}
ul.maru2 li a{
  color:#000000;
}
ul.maru2 li a hover{
  color:#CEF6F5;
}
ul.maru3 {	/* OTで使用 丸が黄色*/
	margin:0;
  padding: 5px;
  margin-top: 1px;
  margin-left: 3px;
  color:#000000;
  list-style: none;
}
ul.maru3 li {
	margin:0;
	position: relative;
	padding:0px;
	margin-top: 10px;
	margin-left: 10px;
  color:#000000;
}
ul.maru3 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #ff9999;	/* 明るいピンク */
	border-radius: 100%;
}
ul.maru4 {	/* おっぱいで使用 */
  padding: 2px;
  margin-top: 1px;
  margin-left: 1em;
  margin-bottom: 1px;
  color:#000000;
  list-style: none;
}
ul.maru4 li {
	position: relative;
	padding:0px;
	margin-left: 5px;
  color:#000000;
	text-indent:-0.5em;
  padding-left:0.5em;

}
ul.maru4 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	right: 0.5em;
	width: 6px;
	height: 6px;
	background-color: #c0c0c0;
	border-radius: 100%;
}
ul.chk {	/* おっぱいで使用 */
	margin:0;
  padding: 0.5em 1em 0.5em 1.5em;
  position: relative;
}
ul.chk li {
  line-height: 1.0;
  padding: 5px 0;
  list-style-type: none!important;
}
ul.chk li:before { /*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 0.5em;			/*左端からのアイコンまで*/
  color: #c0c0c0; /*アイコン色*/
}
ul.chk2 {	/* 姿勢で使用 */
	margin:0;
  padding: 0.5em 1em 0.5em 1.5em;
  position: relative;
}
ul.chk2 li {
  line-height: 1.2;
  padding: 5px 0;
  list-style-type: none!important;
}
ul.chk2 li:before { /*疑似要素*/
  font-family: FontAwesome;
  font-size: 12pt;
  content: "\f14a";
  position: absolute;
  left : 0;			/*左端からのアイコンまで*/
  color: #c0c0c0; /*アイコン色*/
}
ul.kmt {		/* 偏食のリスト 2020.05.26 add */ 
  border: solid 2px #ee8992;
  padding: 0.3em 0.5em;
  position: relative;
  color: #ee8992;
  list-style-type: none;
	max-width:95%;
	display:inline-block;
}
ul.kmt li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px #ee8992;
	color:#000000;
}
ul.kmt li:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f14a";
  left : 0.5em;
  color: #ee8992;
}
ul.kmt li:last-of-type{
  border-bottom: none;
}
.menu_tit_b{
	color:#000000;
	display:block;
	font-size:16px;
	margin:5px 0  10px 0;	/* 上右下左！ */
}
td{			/* テーブルの枠線  */
	border: 1px solid #c0c0c0;
}
/* 矢印共通 */
.arrow0{
	position: relative;
	margin-left:4px;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow0::before,
.arrow0::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin:auto;
	content: "";
	vertical-align: middle;
}
/* 矢印�@ 水色右向き */
.yaji1::before{
	width: 14px;
	height: 12px;
	background: #78B5F7;
}
.yaji1::after{
	left: 14px;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #78B5F7;
}
.yaji2{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.yaji2::before, .yaji2::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.yajiyaji::before{
	left: 4px;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #3399ff;
}
.yajiyaji::after{
	left: 0;
	width: 8px;
	height: 6px;
	border-left: 4px solid #3399ff;
}
.tit_p{					/* ◎タイトルの文字、背景ムラサキ トップページで使用 */
  display: block;
  font-size: 16px;
	width:auto; 
  background-color:#E3CEF6; 	/* 背景色　violet */ 
  border: 1px solid #E3CEF6;
  border-radius: 3px;
  padding: 3px;
	margin-top:0px;
	margin-bottom:3px;
}
.tit_pp{					/* 各ページタイトルの文字 */
	clear:both;
	margin-top:5px;
	top:0;
  display: block;
	width:500px;
	height:auto;
  background-color:#E3CEF6; 	/* 背景色 violet */ 
  border: 1px solid #E3CEF6;
  border-radius: 3px;
  padding: 5px;
	margin-bottom:3px;
}
.tit_tabcon{									/* タブで使用 */
  display: block;
  background-color:#e6e6fa; 	/* 背景色 ｸﾞﾚｰ */ 
	width:auto;
  border: 1px solid #E3CEF6;
  border-radius: 3px;
  padding: 5px;
	margin-bottom:5px;
}
.b_tensen{
  margin-left:0;
  display: inline-block;
	border-bottom:dotted 3px #008080;	/* 水色 */
  padding: 2px;
	margin-bottom:12px;
}
.left { float: left; }
.right { float: right; }  
.clearRight { clear:right; }
.clearLeft {  clear:left; }
.clear { clear:both; }
.floatright{	float:right; }

/*　親オブジェクト　 */
.parent {
    margin-left: 10px;
    padding-top: 0px;
}
/* 横線 */
hr.sen1 {
	height: 1px;
	border: none;
	color: #C0C0C0;
	width:500px;
	float: left;
}
/* 数字リスト、青丸*/
ol.bnum{
	margin:0 0 10px 0;
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  background: #f5faff;
	padding:3px;
}
ol.bnum li{
  position: relative;
  margin-bottom:3px;
	padding-left:25px;
}
ol.bnum li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-size: 14px;
  border-radius: 50%;
	top:0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
ol.pink{
  counter-reset:list;
  list-style-type:none;
  padding-left:0.5em;
  margin-left: 0;
  margin-top: 0px;
}
ol.pink li{
  position:relative;
  padding: 2px 2px 3px 22px;
  margin: 0px 0 5px 2px;
  border-bottom:dashed 1px #F6A38B;
}
ol.pink li:before{
	margin-left:0;
	counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #F6A38B;		/* pink */
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.kiyaku{ /* 規約ページのリスト */
	padding: 0;
  margin-left: 30px;
  counter-reset:number;
	width:90%;
}
ol.kiyaku li{
  margin-top: 20px;
  margin-left:0;
	padding: 0;
	text-indent:1em;
}
.area_komatta{ /* 偏食ページ 2020.05.26 add */
  margin-left: 10px;
  padding:0.5em;
}
.pinknomaru { /* 偏食ページ 2020.05.26 add */
	display:inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #F6A38B;		/* pink */
  border-radius: 50%;
	margin-right:4px;
}
.under_pinknomaru {
	display:block;
	margin-top:7px;
  border-bottom:dashed 1px #F6A38B;
}
.page-top {
  position: fixed;
  bottom: 70px;
  right: 30px;
}
.page-top a {
	margin:0;
	background-color: #9FD6D2;
	text-decoration: none;
	color: #fff;
	width: 70px;
	height: 45px;
	padding: 30px 10px 0px 0;
	text-align: center;
	display: block;
	border-radius: 45px;
	border-color: #000000;
  opacity: 0.7;
}
.page-top a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#menubtn{	/* スペースができるため、非表示に */
	display:none;
}

.qaContainer dt { /* QA 2020.03.18 add */
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #cce6ff;
	text-indent: -25px;
	}
	.qaContainer dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
	}
	.qaContainer dd {
	margin: 20px 10px 40px 35px;
	text-indent: -25px;
	}
	.qaContainer dd:before {
	content: "A.";
	color: #1771c6;
	font-weight: bold;
	margin-right: 7px;
}
.balloon4 { /* タイトルの吹き出し */
  position: relative;
  margin: 2em 0 2em 40px;
  padding: 15px;
  background: #fff0c6;
  border-radius: 30px;
}
.balloon4:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #fff0c6;
  border-radius: 50%;
}
.balloon4:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 3px;
  background: #fff0c6;
  border-radius: 50%;
}
.balloon4 p {
  margin: 0; 
  padding: 0 3px 0 0;
}
.balloon5 { /* 丸いテキスト */
  position: relative;
  margin: 2em 0 2em 5px;
  padding: 10px;
  background: #fff0c6;
  border-radius: 30px;
}
.balloon5 p {
  margin: 0; 
  padding: 0;
}
/* /-------------------------------------------------------- */
.likeTab {			
	margin: 0;
	padding:0;
}
ul likeTab{
	list-style-type: none; 
	margin: 0;
	padding:0;
}
.likeTab li{
	float:left;
	font: 14px/1.6 meiryo,'arial narrow', sans-serif,  Verdana;
	display:inline-block;
	color:#000000;
	margin: 0;
	position: relative;
  border-radius: 12px 12px 0px 0px;
	border:1px solid #FF99CC;	
	background-color:#ffe4e1;	
}
.likeTab li.gray{
	border:1px solid #cccccc;	
	background-color:#ffffff;	
}
.likeTab li a{
	display:inline-block;
	margin: 0px;
	padding:5px;
	border-radius: 12px 12px 0px 0px;
}
.likeTab li a:hover{
	background-color:#ffe4e1;	
	margin-left: 0px;
	margin-right: 0px;
	padding:5px;
	border-radius: 12px 12px 0px 0px;
}
.vimeoarea{
    position:relative;
    max-width:100%;
    left:0;
    height:0;
		overflow:hidden;
    padding-top:62.5%;
}
.vimeoarea iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.ultitle {
	display:inline-block;
	border-radius: 5px 5px 0px 0px;
}
.margin5 {
	margin-left:0px;
	margin-top: 5px;
}
.padding5 {
	padding: 5px;
}
table.hattatsu2 {
	margin-top: 5px;
	margin-left:0px;
	margin-bottom:7px;
	border: solid 1px #ccc; 
	border-collapse: collapse;
}
table.hattatsu2 th, td{
	padding:5px;
	font-weight:100;
	border: solid 1px #ccc; 
  border-collapse: collapse;
}
table.hattatsu2 th {
    background-color:#CEF6F5; /* blue */	
}
.backnextarea{
  margin:0 auto;
	display: block; 
	height: 45px;
	text-align:center;
}
ul.backnext{
	margin:0;
  margin:0 auto;
	padding:0;
  list-style: none;
	height:35px;
	width:150px;
}
ul.backnext li{
	margin:0;
	padding-top:17px;
  list-style: none;
	display: block; width: auto; height:35px; 
	float: left;
}
.imgbacknext {
	margin-top:-5px;
	padding:0 8px 0 8px;
	width:30px;
}
ul.backnext a { color: #336699; margin: 0px; padding: 0px; }
ul.backnext after{
  content: "";
  position: absolute;
	clear:"both";
}
div.yonkoma p {
	position:relative;
	margin: 0;
	padding: 0;
	width: 80%;
	height: auto;
	margin: 5px;
	padding: 2px;
}
div.yonkoma img.koma{
	width: 100%;
	max-width: 750px;
	height: auto;
	cursor:pointer;
}
div.yonkoma img.guide{
	position:absolute;
	bottom: 3px;
	left:0px;
	width: 5%;
	margin:10px;
	cursor:pointer;
}
div.yonkoma img.right{
	left:100%;
	right:0;
	cursor:pointer;
}
a.yons{
	display:inline-block;
	font-size:22px;
	padding:12px;
	cursor:pointer;
}
a.sixs{
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	color:red;
	text-decoration: underline; 
	padding:12px;
	cursor:pointer;
}
.canvas-area {	
	width:70%; height:30vh;
	max-width:300px; height:auto;
	margin:0 auto;
}
.canvas-area2 {	
	width:95%; height:45vh;
	max-width:1000px; max-height:600px;
}
.canvas-add {	
	width:60%;
	margin:0 auto;
}
#ex_chart2{
	width:100%;
}
ul.gakko {
	margin:0;
	padding:3px;
	width:100%;
  list-style: none;
}
.googleform-wrapper {
	margin:10px 0 0 0;
	padding:0;
  position: relative;
  width: 100%;
  height: 1000px;
	background-image: url("../img/c18.png");
}
.googleform-wrapper iframe {
  position: absolute;
	margin:0;
	padding:0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.husentag {
	margin-bottom:5px;
	display: block;
	text-decoration: none;
	padding: 0.5rem;
	background: #f7f7f7;
	border-left: solid 6px #ffc0cb;
	color: #000;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
}
.husentagY {
	border-left: solid 6px #32cd32;
}
/* ballon oct.5th add 左右共通のスタイリング */
.left-side, .right-side, .right-sidenoc {
    width: 100%;
    margin: 5px 0;
    overflow: hidden;
}
.icon {
    width: 100px;
    text-align: center;
}
.icon img {
    width: 70px;
    height: 70px;
    border: solid 1px #ccc;
    border-radius: 50%;
    background: #fff;
}
.icon2 {
    width: 250px;
}
.icon2 img {
    width: 150px;
    height: 140px;
}
.icon p {
    margin: 0px;
    word-wrap: break-word;
}
.bubble {
    max-width: 70%;
    padding: 20px;
    border-radius: 10px;
    display: inline-block;
    background: #f5f5f5;
    position: relative;
}
.bubblenocolor {
    background: #fff;
    border:solid 1px blue;
}
.bubble::before{
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
}
/* 左側表示の吹き出しのスタイリング */
.left-side .icon {
    float: left;
    margin-left: 10px;
}
.left-side .icon2 {
    float: left;
}
.left-side .bubble{
    margin: 10px 0 0 20px;
}
.left-side .bubble::before{
    top: 15px;
    left: -20px;
    border-right-color: #f5f5f5;
}
/* 右側表示の吹き出しのスタイリング */
.right-side .icon {
    float: right;
    margin-right: 10px;
}
.right-side .bubble{
    float: right;
    margin: 10px 20px 0 0;
}
.right-side .bubble::before{
    top: 15px;
    right: -20px;
    border-left-color: #f5f5f5;
}
.right-side .bubblenocolor::before{
    top: 15px;
    right: -20px;
    border-left-color: #f5f5f5;
}
.divbubble {
		margin:5px 0 5px 0;
    padding: 3px;
    border-radius: 5px;
}
/* /------- 768 >> 1024 ---------------ipad 横まで含む---------------------------------- */
@media screen and (max-width:1024px){
	.wrap {
		width: 100%;
	}
	.canvas-area {
		width:80%; height:30vh;
	}
	.canvas-area2 {
		width:100%; height:60vh;
	}
}
/* /------- 600 >> 768 ---------ipad 縦まで含む---------------------------------- */
@media screen and (max-width:768px){
	.wrap {
		width: 100%;
	}
	.top_frame {
		margin-right:50px;
		padding-right:50px;
		width: 100%;
		font-size:10px;
	}
	.h_title1 { font-size:10pt; display:block; }
	.h_title3 { padding-right:5px; display:block; }
	.gsearch {	 	/* google search area */
		margin:0; padding:0;
		width: 60%;
	}
	img.top{
		width:60px;
	}
	.bbutton {
		width: 30px;
	  padding:0;
	  margin:0;
	  background:none;
	  border:0;
	  font-size:0;
	  line-height:0;
	  overflow:visible;
	  cursor:pointer;
	}
	#menubtn{
	  margin:0;
		padding:6px 12px;
		border: solid 1px #c0c0c0;
		border-radius:5px;
		background-color:#e3f9f5;
		position:absolute;
		top:5px;
		right:5px;
		width:40px;
		height:40px;
		cursor:pointer;
		display:block;
	}
	#menubtn:hover{
		background-color:#ffcccc;
	}
	#menubtn:focus{
		outline:none;
	}
	#menubtn i {
		color:#888888;
		font-size:18px;
	}
	#menubtn span {
		color:#888888;
		display:inline-block;
		text-indent: 100%;
	  white-space: nowrap;
	  overflow: hidden;
	}
	.nakami {		/* 親要素 blockで縦に並ぶ☆ */
	  display: block;
	}
	.menuarea {			/* 子要素 左 */
		width:98%;
		max-width:98%;
	}
	.under_frame {			/* 子要素 右 */
		width:98%;
		max-width:100%;
	}
	#leftmenu {
		width:100%;
	  display: none;
	}
	.page-top {	/* 戻るボタン */
	  bottom: 5px;
	  right: 5px;
	}
	.page-top a {
		width: 40px;
		height: 15px;
		padding: 15px 2px;
		border-radius: 45px;
		font-size:9px;
	}
	.tit_pp{					/* 各ページタイトルの文字 */
		width:98%;
	}
	.midashi2{			/* 赤点線　*/
	  margin: 2px 2px 3px 0;
		padding: 5px 0 5px 3px;
		border-left: 3px solid #B92A2C;
		border-right: 2px solid #B92A2C;
		max-width:98%;
	}
	.flexbox {	
	  width: 99%;
	  max-width: 99%;
	  margin: 0 auto;
	  display: flex;
	  flex-flow: wrap;
	}
	div.tabbox { margin: 0px; padding: 0px; width: 99%;  }		/* 一つ目のタブBOX */
	div.tab {	/* ボックス共通の装飾 */
		max-width: 96%;
		padding:2px;
		overflow: auto;
		clear: left;
		border-radius: 3px;
	}
	.flexbox dl.widesize {
	  width: 98%;
	  max-width: 98%;
	}
	.flexbox dl.halfsize {
	  flex: 45%;
	  width: 45%;
	  max-width: 45%;
	}
	.flexbox dl.onethirdsize {
	  flex: 98%;
	  width: 98%;
	  max-width: 98%;
	}
	.flexbox dl.semiwide {  flex: 98%;  width: 98%; max-width:98%;}	/* お知らせ */
	.flexbox dd img.index {
	  border: 0;
	  height:98px;
	  margin-left: 3px;
	}
	.flexbox dd img {
	  max-width: 95%;
	}
	.tabbox_ss { margin: 1px; padding: 2px; width: 98%;} /* 各ページにあるタブＢＯＸ */
	ul.ss {
	  padding: 0;
		margin:0;
	}
	ul.ss li {
		margin:0;
	 	padding: 2px 2px 0 2px;
	 	height:25px;
	}
	.tab_con_ss {
		clear:both;
		margin:0;
		width: 97%;
		height: auto;			 
		padding:2px;
		overflow: auto;
		border-radius: 5px;
		border: 1px solid #FEAFAC;
		max-width: 97%;
	}
	a.yons, a.sixs{
		font-size:22px;
		padding:6px;
	}
	.canvas-area {
		width:80%; height:40vh;
	}
	.canvas-area2 {
		width:100%; height:60vh;
	}
}
/* /-------------- 479 >> 600 -- mobile ---------------------------------------- */
@media screen and (max-width:600px){
	.canvas-area {
		width:80%; height:30vh;
	}
	.canvas-area2 {
		width:100%; height:60vh;
	}
	#chart_cv2 {
		//display:none;
	}
	.canvas-add {	
		width:80%;
		margin:0 auto;
	}
}
/* /---------------- >> 479 -----iphone8 縦含む ----------------------------------- */
@media screen and (max-width:479px){
	.top_frame {padding:5px;}
	.h_title1 { font-size:10pt; display:block; }
	.h_title2 { font-size:12pt; display:block; }
	.h_title3 { display:none; }
	.gsearch {
		margin:0; padding:0;
		width: 90%;
	}
	.flexbox {	  width: 98%;	}
	.flexbox dl.halfsize {
	  flex: 98%;
	  width: 98%;
		max-width:98%;
	}
	.flexbox dl.onethirdsize {
	  flex: 98%;
	  width: 98%;
		max-width:98%;
	}
	.balloon4 { /* タイトルの吹き出し */
	  position: relative;
	  margin: 3px 0 2em 5px;
	  padding: 15px;
	  background: #fff0c6;
	  border-radius: 30px;
	}
	.balloon4:before {  
		display:none;
	}
	.balloon4:after {
		display:none;
	}
	div.yonkoma p {
		width: 98%;
	}
	div.yonkoma img.guide{
		/* width: 10%; */
		display:none;
	}
	.canvas-area {
		height:30vh;
	}
	.canvas-area2 {
		height:60vh;
	}
}
.dispyy{
	width: 100%;
	text-align:center;
}
.dispyoko{
    margin-left: auto;
    margin-right: auto;
	width: 80%;
	text-align:center;
 	display: flex;
}
.dispitem{
	width:150px;
  background: #fff0c6;
}
.numpink{
  width: 20px;
  height: 20px;
	margin-right:2px;
  text-align: center;
  color: #fff;
  background: #F6A38B;		/* pink */
  border-radius: 50%;
	display:inline-block;
}
.balloon1-right {		// 青の吹き出し
  position: relative;
  display: inline-block;
  margin: 0.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  background: #e0edff;
	border-radius:10px;
}

.balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
//  border-left: 15px solid #000000;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}
.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  background: #e0edff;
	border-radius:10px;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}