/*
Theme Name:     OSTraining-coop
Description:    OSTraining Breezeの子テーマ
Author:         川江 修
Template:       ostraining-breeze

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.waku-yellow
{

  background: #FFFFCC;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   border:0px solid #7F8471;
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 8px;
  margin-top: 5px;
   margin-bottom: 5px;
}
.waku-pink
{

 background: #FFE8EB;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   border:0px solid #7F8471;
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 8px;
  margin-top: 5px;
   margin-bottom: 5px;
}


#top_fbox_02 {
  display: flex;
  flex-wrap: wrap;
  padding: 1vmin;
  margin-left: 10px;
}

#top_fbox_03 {
  display: flex;
	justify-content: space-between;
  flex-wrap: wrap;
  padding: 1vmin;
  margin-left: 10px;
}



#top_fbox_1 .hospital02 {
  padding: 12px 0 8px 35px;
  flex: 1 1;
  margin: 0.5vmin 1vmin;
  overflow: hidden;
  position: relative;
  flex-basis: 180px;
  transition: box-shadow 0.2s, transform 0.2s;
  border-radius: 5%/50%;
  box-shadow: 0 0 0 1px rgba(231,62,123,0.2);
background-color: #FCE7EF;
  font-size: 16px;
  text-align: left;
  color: #050505;
}
#top_fbox_02 .hospital02 {
  padding: 12px 0 8px 35px;
  flex: 1 1;
  margin: 0.5vmin 1vmin;
  overflow: hidden;
  position: relative;
  flex-basis: 180px;
  transition: box-shadow 0.2s, transform 0.2s;
  border-radius: 5%/50%;
  box-shadow: 0 0 0 1px rgba(231,62,123,0.2);
background-color: #FCE7EF;
  font-size: 16px;
  text-align: left;
  color: #050505;
}

#top_fbox_03 .hospital03 {
  padding: 12px 0 8px 35px;
  /* flex: 1 1; */
  margin: 0.5vmin 1vmin;
  overflow: hidden;
  position: relative;
  flex-basis: 42%;
  transition: box-shadow 0.2s, transform 0.2s;
  border-radius: 5%/50%;
  box-shadow: 0 0 0 1px rgba(211,213,213,1);
background-color: #FEFBD5;
  font-size: 16px;
  text-align: left;
  color: #050505;
}


@media all and (max-width: 979px) {
  #top_fbox_1 .hospital02 {
    padding-top: 4px;
    padding-left: 45px;
  }
  #top_fbox_02 .hospital02 {
    padding-top: 4px;
    padding-left: 45px;
  }
  #top_fbox_03 .hospital03 {
    padding-top: 4px;
    padding-left: 45px;
  }
}
#top_fbox_1 .hospital02:hover {
background-color: #FFF;
  transform: scale(1.02);
  box-shadow: 0 1px 10px 1px rgba(231,62,123,0.2);
}
#top_fbox_02 .hospital02:hover {
background-color: #FFF;
  transform: scale(1.02);
  box-shadow: 0 1px 10px 1px rgba(231,62,123,0.2);
}
#top_fbox_03 .hospital03:hover {
background-color: #ECFAEA;
  transform: scale(1.02);
  box-shadow: 0 1px 10px 1px rgba(211,213,213,1);
}

#top_fbox_1 .hospital02:active {
  transform: scale(0.99);
  box-shadow: 0 2px 6px 1px rgba(231,62,123,0.2) inset;
  transition-duration: 0.05s;
}
#top_fbox_02 .hospital02:active {
  transform: scale(0.99);
  box-shadow: 0 2px 6px 1px rgba(231,62,123,0.2) inset;
  transition-duration: 0.05s;
}
#top_fbox_03 .hospital03:active {
  transform: scale(0.99);
  box-shadow: 0 2px 6px 1px rgba(211,213,213,1) inset;
  transition-duration: 0.05s;
}

#top_fbox_1 .hospital02:nth-child(n+9) {
  border: none;
  background: none;
  box-shadow: none;
}
#top_fbox_02 .hospital02:nth-child(n+9) {
  border: none;
  background: none;
  box-shadow: none;
}
#top_fbox_03 .hospital03:nth-child(n+9) {
  border: none;
  background: none;
  box-shadow: none;
}

#top_fbox_1 .hospital02 a {
  display: block;
}
#top_fbox_02 .hospital02 a {
  display: block;
}
#top_fbox_03 .hospital03 a {
  display: block;
}


#top_fbox_1 .hospital03 {
  padding: 8px 0 8px 0px;
  flex: 1 1;
  margin: 0.5vmin 1vmin;
  overflow: hidden;
  position: relative;
  flex-basis: 180px;
  transition: box-shadow 0.2s, transform 0.2s;
  border-radius: 5%/50%;
  box-shadow: 0 0 0 1px rgba(231,62,123,0.2);
background-color: #FCE7EF;
  font-size: 16px;
  text-align: center;
  color: #050505;
}
@media all and (max-width: 979px) {
  #top_fbox_1 .hospital03 {
    padding-top: 4px;
    padding-left: 0px;
  }
}
#top_fbox_1 .hospital03:hover {
background-color: #FFF;
  transform: scale(1.02);
  box-shadow: 0 1px 10px 1px rgba(231,62,123,0.2);
}
#top_fbox_1 .hospital03:active {
  transform: scale(0.99);
  box-shadow: 0 2px 6px 1px rgba(231,62,123,0.2) inset;
  transition-duration: 0.05s;
}
#top_fbox_1 .hospital03:nth-child(n+9) {
  border: none;
  background: none;
  box-shadow: none;
}
#top_fbox_1 .hospital03 a {
  display: block;
}









#top_fbox_1 .hospital-no,
#top_fbox_03 .hospital-no {
  padding: 12px 0 8px 35px;
  flex: 1 1;
  margin: 0.5vmin 1vmin;
  overflow: hidden;
  position: relative;
  flex-basis: 180px;

background-color: #FFF;
  font-size: 16px;
  text-align: left;
  color: #050505;
}



@media all and (max-width: 480px) {
  #top_fbox_1 .hospital-no,
  #top_fbox_03 .hospital-no {
padding-top: 4px;
    padding-left: 45px;
display: none;
  }
}
#top_fbox_1 .hospital-no:hover,
#top_fbox_03 .hospital-no:hover {
background-color: #FFF;
  }
#top_fbox_1 .hospital-no:nth-child(n+9),
#top_fbox_03 .hospital-no:nth-child(n+9) {
  border: none;
  background: none;
  box-shadow: none;
}
#top_fbox_1 .hospital-no a,
#top_fbox_03 .hospital-no a {
  display: block;
}


.read-more{
  float: right;
  display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #ffc0cb;/*ボタン色*/ color: #db7093;/*ボタン色より暗く*/ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #ffb6c1;
border-radius: 3px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}.read-more:active   {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}


.read-more2{
  float: right;
  display: inline-block;
	width: 70px;
	text-align:center;
	margin-right: 1%;
padding: 0.5em 1em;
text-decoration: none;
background: #ffc0cb;/*ボタン色*/ color: #db7093;/*ボタン色より暗く*/ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #ffb6c1;
border-radius: 3px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}.read-more2:active   {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}

.read-more3{
  float: center;
	text-align:center;
 display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #ffc0cb;/*ボタン色*/ color: #db7093;/*ボタン色より暗く*/ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #ffb6c1;
border-radius: 3px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}.read-more:active   {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}




.cleared, .clearfix:after
{
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

.indent2 p
{ text-indent: 1em; }


.paper{
	padding:8px;
	border:1px solid #eee;
	background:#fff;
	border-radius:2px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	position:relative;
 transform: rotate(-4deg);
  -ms-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);


}

.paper2{
	padding:8px;
	border:1px solid #eee;
	background:#fff;
	border-radius:2px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	position:relative;
 transform: rotate(4deg);
  -ms-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);


}

.paper3{
	padding:8px;
	border:1px solid #eee;
	background:#fff;
	border-radius:3px;
	box-shadow:-3px 2px 3px -1px rgba(0,0,0,0.1);
	position:relative;
 transform: rotate(4deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);

}

.paper4{
	padding:8px;
	border:1px solid #eee;
	background:#fff;
	border-radius:2px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	position:relative;
 transform: rotate(-4deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);


}