@charset "utf-8";

#wrapper p {
    padding-bottom: 8px;
}

.textbox h3{
  margin-top:60px;
}

img.photoimg {
    -webkit-box-shadow: 0px 0px 8px #ccc;
    -moz-box-shadow: 0px 0px 8px #ccc;
    box-shadow: 0px 0px 8px #ccc;
    position: relative;
    background: #FFF;
    padding: 10px;
    border: 1px solid #EEE;
    width: 100%;
}


table {
  margin: 20px auto;
  border-top:2px solid #ccc;
  border-bottom:2px solid #ccc;  
}
.tbl-r02 tr:nth-child(odd) {
    background: #EAEAEA;
}

.tbl-r02 th {
  color: #000;
  padding: 10px;
  border-right:dotted 1px #ccc; 
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}
.root img{
  width: 100%;
  position: relative;
  padding-bottom: 10px; 
}

.root .rootnum {
    position: absolute;
    top: 20px;
    left: 35px;
    font-size: 18px;
    color: #fff;
    padding: 10px;
    background: #e07ca7;
    line-height: 0.8;
}

.root .row div{
  padding:30px 30px 0 30px;
}

.root .row .rootcaption{
  padding:0 30px 30px 30px;
  font-size: 14px;
  line-height:1.4;
  margin: 0;
}

 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th{
    border-bottom: none;
    display: block;
    width: 100%;
    background: #e4e4e4;
  }
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
    background: #fff;
  }
}



/*タブの処理*/

.tab-group{
    display: flex;
    justify-content: center;
}
.tab{
    flex-grow: 1;
    padding:5px;
    list-style:none;
    border:solid 1px #CCC;
    text-align:center;
    cursor:pointer;
    font-weight: bold;
}
.panel-group{
    border:solid 1px #CCC;
    border-top:none;
    background:#eee;
}
.panel{
    display:none;
}
.panel iframe{
  padding-bottom: 10px;
}


.tab.is-active{
    background:#F00;
    color:#FFF;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}

@media screen and (max-width: 480px) {
  .root .row{
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }
  .root .row div{
  }
  .root .rootnum {
    top: 10px;
    margin: 0;
  }
  .tbl-r02 {
      width: 100%;
  }
  .tab-group {
    display: block;
    justify-content: center;
  }
}