@charset "utf-8";

/*** COMMON **/

.top2 {
  padding: 60px 0 0 0;
  text-align: center;
}

.top2 h2 {
  padding: 0 0 30px 0;
  border-bottom: solid 1px #e5e5e5;
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
}

.lb-caption a {
  background-color: #fff;
  padding: 6px 10px;
}

.lb-dataContainer {
  padding: 14px 0 !important;
}

.lb-data .lb-number {
  margin-top: 15px;
}

.photoBoxD .pics_topimage:nth-of-type(1) {
  display: block !important;
}

.pics_topimage {
  display: none;
}

.pics_topimage_img {
  display: block;
}

.pics_topimage {
  background-position: center center;
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  background-size: cover;
}

.pics_subimage {
  background-position: center center;
  width: 156px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

.pics_galleryimage {
  background-position: center center;
  width: 100%;
  height: 0;
  padding: 55% 0 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

.progect_image_sumnail {
  background-position: center center;
  width: 205px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

/*** accordion ***/

.carshowss {
    text-align:  left;
    font-size: 14px;
    padding:  8px 0 8px 10px;
}
.showss1 {
    text-align:  left;
    font-size: 14px;
    padding:  8px 0 8px 10px;
}
dl.gallery {
  width: 100%;
  padding: 0 0 40px 0;
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
}

dl.gallery dt {
  height: 200px;
  background: url(../../images/gallery/anchor_t.png) 98% center no-repeat;
  border-bottom: solid 1px #e5e5e5;
  cursor: pointer;
  clear: both;
}

dl.gallery dt .photo {
  height: 200px;
  float: left;
}

dl.gallery dt .photo img {
  max-width: 100%;
}

dl.gallery dt .ttl {
  position: relative;
  height: 200px;
  padding: 0 0 0 6.174%; /* 0 0 0 60px */
  float: left;
}

dl.gallery dt .ttl span {
  font-size: 28px;
}

dl.gallery dt .ttl span.t2 {
  font-size: 13px;
  display: block;
}

.sub_menu{
  display: none;
}
@media screen and (max-width:640px) {

dl.gallery dt .ttl span.t2 {
  font-size: 13px;
  display: inline;
}
}

dl.gallery dt .ttl p {
  position: absolute;
  top: 35%;
  width: 200px;
}

dl.gallery dt.open {
  background: url(../../images/gallery/anchor_b.png) 98% center no-repeat;
}

dl.gallery dd {
  display: none;
}

dl.gallery dd .mainBox {
  width: 100%;
  padding: 20px;
  display: inline-block;
  background-color: #e8e8e8;
  border-bottom: solid 1px #ffffff;
}

dl.gallery dd .mainBox .left {
  width: 16%;
  margin: 0 2% 0 0;
  float: left;
  text-align: center;
}

dl.gallery dd .mainBox .left p.title {
  height: 100%;
  font-size: 24px;
  border-top: solid 2px #bcbcbc;
  border-bottom: solid 2px #bcbcbc;
}

dl.gallery dd .mainBox .right {
  width: 82%;
  float: left;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
}

dl.gallery dd .mainBox .right,
dl.gallery dd .mainBox .right * {
  box-sizing: border-box;
}

dl.gallery dd .mainBox .right p {
  text-align: center;
}

@media screen and (max-width:480px) {

dl.gallery dd .mainBox {
  padding: 0;
}

dl.gallery dd .mainBox .left {
  width: 100%;
  margin: 0 0 30px 0;
  float: left;
}

dl.gallery dd .mainBox .right {
  width: 100%;
  float: none;
}

dl.gallery dd .mainBox .pics .left {
  width: 100%;
  margin: 0 0 30px 0;
  float: left;
}

dl.gallery dd .mainBox .pics .right {
  width: 100%;
}
}

dl.gallery dd .mainBox .right .col4 {
  width: 100%;
  margin: 0 0 12px 0;
  display: inline-block;
  clear: both;
}

dl.gallery dd .mainBox .right .col4 ul {
}

dl.gallery dd .mainBox .right .col4 ul li {
  width: 24%;
  margin: 0.5%;
  float: left;
}

.pics_subimage {
  width: 160px;
  height: 120px;
  margin: 0 auto;
}

dl.gallery dd .mainBox .right .col4 ul li img {
  width: 100%;
  display: block;
}

@media screen and (max-width:480px) {

dl.gallery dd .mainBox .right .col4 {
  margin: 0;
}

dl.gallery dd .mainBox .right .col4 ul li {
  width: 48%;
  margin: 1%;
}

dl.gallery dd .mainBox .right .col4 ul li img {
  width: 100%;
  margin: 0 auto;
}
}

/*** COMMON **/

/*********** VIDEO ***********/

.spVideo {
  display: none;
}

@media screen and (max-width:480px) {

.spVideo {
  text-align: center;
  display: block !important;
}

.spVideo p img {
  width: 90%;
  margin: 0 auto;
}
}

/*********** PICS ***********/

.menuList {
  width: 100%;
}

.menuList li a:hover {
  text-decoration: none;
}

.menuList li .open {
  display: block;
}

.main_menu {
  position: relative;
  cursor: pointer;
  text-align: left;
}

@media screen and (max-width:480px) {
.carmenu {
  width:  100%;
}
.carshowss {
  background:  #333;
  height: 30px;
  font-size:  15px;
  vertical-align:  middle;
  color:  #fff;
  position: relative;
  text-align: center;
}

.showss1{
  background:  #333;
  height: 30px;
  font-size:  15px;
  vertical-align:  middle;
  color:  #fff;
  position: relative;
  text-align: center;
  overflow: 
}
.main_menu {
  text-align: center;
}
}

.main_menu a {
  text-decoration: none;
}

.main_menu span {
  display: block;
  padding: 8px 0 8px 10px;
  font-size: 14px;
}



.main_menu span.open {
  background: #bcbcbc;
}

.sub_menu {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sub_menu li {
  position: relative;
  padding: 0 0 0 10px;
  background: #ffffff;
}

.sub_menu li.selected {
  background: #dddddd;
}

.sub_menu li:hover {
  background: #dddddd;
}
.sub_menu li:before {
  position: absolute;
  bottom: 8px;
  left: 6px;
  content: url("../../images/gallery/anchor2.png");
}

.sub_menu li a {
  display: block;
  padding: 5px 0 5px 5px;
  text-decoration: none;
  text-align: left;
  font-size: 12px;
}



@media screen and (max-width:480px) {

.sub_menu li a {
  text-align: center;
}
.sub_menu li:before {
  display: none;
  content: "";
  bottom: 0;
  left: 0;
}

#tabBoxes p.ttl {
  padding: 0 0 20px 0;
  font-size: 18px;
  text-align: left;
}
}

@media screen and (max-width:480px) {

#tabBoxes p.ttl {
  text-align: center;
  padding:0 0 35px 0;
}
}

#tabBoxes p.desc {
  margin: 0 0 30px 0;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  color: #474747;
  font-size: 12px;
  text-align: left;
}

#tabBox1, #tabBox2, #tabBox3, #tabBox4, #tabBox5, #tabBox6, #tabBox7, #tabBox8, #tabBox9, #tabBox10,
#tabBox11, #tabBox12, #tabBox13, #tabBox14, #tabBox15, #tabBox16, #tabBox17, #tabBox18, #tabBox19, #tabBox20,
#tabBox21, #tabBox22, #tabBox23, #tabBox24, #tabBox25, #tabBox26, #tabBox27, #tabBox28, #tabBox29, #tabBox30,
#tabBox31, #tabBox32, #tabBox33, #tabBox34, #tabBox35, #tabBox36, #tabBox37, #tabBox38, #tabBox39, #tabBox40,
#tabBox41, #tabBox42, #tabBox43, #tabBox44, #tabBox45, #tabBox46, #tabBox47, #tabBox48, #tabBox49, #tabBox50,
#tabBox51, #tabBox52, #tabBox53, #tabBox54, #tabBox55, #tabBox56, #tabBox57, #tabBox58, #tabBox59, #tabBox60,
#tabBox61, #tabBox62, #tabBox63, #tabBox64, #tabBox65, #tabBox66, #tabBox67, #tabBox68, #tabBox69, #tabBox70,
#tabBox71, #tabBox72, #tabBox73, #tabBox74, #tabBox75, #tabBox76, #tabBox77, #tabBox78, #tabBox79, #tabBox80,
#tabBox81, #tabBox82, #tabBox83, #tabBox84, #tabBox85, #tabBox86, #tabBox87, #tabBox88, #tabBox89, #tabBox90,
#tabBox91, #tabBox92, #tabBox93, #tabBox94, #tabBox95, #tabBox96 {
  width: 100%;
  height: 100%;
  display: none;
}

#tabBoxB1, #tabBoxB2, #tabBoxB3, #tabBoxB4, #tabBoxB5, #tabBoxB6, #tabBoxB7, #tabBoxB8, #tabBoxB9, #tabBoxB10,
#tabBoxB11, #tabBoxB12, #tabBoxB13, #tabBoxB14, #tabBoxB15, #tabBoxB16, #tabBoxB17, #tabBoxB18, #tabBoxB19, #tabBoxB20,
#tabBoxB21, #tabBoxB22, #tabBoxB23, #tabBoxB24, #tabBoxB25, #tabBoxB26, #tabBoxB27, #tabBoxB28, #tabBoxB29, #tabBoxB30,
#tabBoxB31, #tabBoxB32, #tabBoxB33, #tabBoxB34, #tabBoxB35, #tabBoxB36, #tabBoxB37, #tabBoxB38, #tabBoxB39, #tabBoxB40,
#tabBoxB41, #tabBoxB42, #tabBoxB43, #tabBoxB44, #tabBoxB45, #tabBoxB46, #tabBoxB47, #tabBoxB48, #tabBoxB49, #tabBoxB50,
#tabBoxB51, #tabBoxB52, #tabBoxB53, #tabBoxB54, #tabBoxB55, #tabBoxB56, #tabBoxB57, #tabBoxB58, #tabBoxB59, #tabBoxB60,
#tabBoxB61, #tabBoxB62, #tabBoxB63, #tabBoxB64, #tabBoxB65, #tabBoxB66, #tabBoxB67, #tabBoxB68, #tabBoxB69, #tabBoxB70,
#tabBoxB71, #tabBoxB72, #tabBoxB73, #tabBoxB74, #tabBoxB75, #tabBoxB76, #tabBoxB77, #tabBoxB78, #tabBoxB79, #tabBoxB80,
#tabBoxB81, #tabBoxB82, #tabBoxB83, #tabBoxB84, #tabBoxB85, #tabBoxB86, #tabBoxB87, #tabBoxB88, #tabBoxB89, #tabBoxB90,
#tabBoxB91, #tabBoxB92, #tabBoxB93, #tabBoxB94, #tabBoxB95, #tabBoxB96 {
  width: 100%;
  height: 100%;
  display: none;
}

#tabBoxC1, #tabBoxC2, #tabBoxC3, #tabBoxC4, #tabBoxC5, #tabBoxC6, #tabBoxC7, #tabBoxC8, #tabBoxC9, #tabBoxC10,
#tabBoxC11, #tabBoxC12, #tabBoxC13, #tabBoxC14, #tabBoxC15, #tabBoxC16, #tabBoxC17, #tabBoxC18, #tabBoxC19, #tabBoxC20,
#tabBoxC21, #tabBoxC22, #tabBoxC23, #tabBoxC24, #tabBoxC25, #tabBoxC26, #tabBoxC27, #tabBoxC28, #tabBoxC29, #tabBoxC30,
#tabBoxC31, #tabBoxC32, #tabBoxC33, #tabBoxC34, #tabBoxC35, #tabBoxC36, #tabBoxC37, #tabBoxC38, #tabBoxC39, #tabBoxC40,
#tabBoxC41, #tabBoxC42, #tabBoxC43, #tabBoxC44, #tabBoxC45, #tabBoxC46, #tabBoxC47, #tabBoxC48, #tabBoxC49, #tabBoxC50,
#tabBoxC51, #tabBoxC52, #tabBoxC53, #tabBoxC54, #tabBoxC55, #tabBoxC56, #tabBoxC57, #tabBoxC58, #tabBoxC59, #tabBoxC60,
#tabBoxC61, #tabBoxC62, #tabBoxC63, #tabBoxC64, #tabBoxC65, #tabBoxC66, #tabBoxC67, #tabBoxC68, #tabBoxC69, #tabBoxC70,
#tabBoxC71, #tabBoxC72, #tabBoxC73, #tabBoxC74, #tabBoxC75, #tabBoxC76, #tabBoxC77, #tabBoxC78, #tabBoxC79, #tabBoxC80,
#tabBoxC81, #tabBoxC82, #tabBoxC83, #tabBoxC84, #tabBoxC85, #tabBoxC86, #tabBoxC87, #tabBoxC88, #tabBoxC89, #tabBoxC90,
#tabBoxC91, #tabBoxC92, #tabBoxC93, #tabBoxC94, #tabBoxC95, #tabBoxC96 {
  width: 100%;
  height: 100%;
  display: none;
}

#tabBoxD1, #tabBoxD2, #tabBoxD3, #tabBoxD4, #tabBoxD5, #tabBoxD6, #tabBoxD7, #tabBoxD8, #tabBoxD9, #tabBoxD10,
#tabBoxD11, #tabBoxD12, #tabBoxD13, #tabBoxD14, #tabBoxD15, #tabBoxD16, #tabBoxD17, #tabBoxD18, #tabBoxD19, #tabBoxD20,
#tabBoxD21, #tabBoxD22, #tabBoxD23, #tabBoxD24, #tabBoxD25, #tabBoxD26, #tabBoxD27, #tabBoxD28, #tabBoxD29, #tabBoxD30,
#tabBoxD31, #tabBoxD32, #tabBoxD33, #tabBoxD34, #tabBoxD35, #tabBoxD36, #tabBoxD37, #tabBoxD38, #tabBoxD39, #tabBoxD40,
#tabBoxD41, #tabBoxD42, #tabBoxD43, #tabBoxD44, #tabBoxD45, #tabBoxD46, #tabBoxD47, #tabBoxD48, #tabBoxD49, #tabBoxD50,
#tabBoxD51, #tabBoxD52, #tabBoxD53, #tabBoxD54, #tabBoxD55, #tabBoxD56, #tabBoxD57, #tabBoxD58, #tabBoxD59, #tabBoxD60,
#tabBoxD61, #tabBoxD62, #tabBoxD63, #tabBoxD64, #tabBoxD65, #tabBoxD66, #tabBoxD67, #tabBoxD68, #tabBoxD69, #tabBoxD70,
#tabBoxD71, #tabBoxD72, #tabBoxD73, #tabBoxD74, #tabBoxD75, #tabBoxD76, #tabBoxD77, #tabBoxD78, #tabBoxD79, #tabBoxD80,
#tabBoxD81, #tabBoxD82, #tabBoxD83, #tabBoxD84, #tabBoxD85, #tabBoxD86, #tabBoxD87, #tabBoxD88, #tabBoxD89, #tabBoxD90,
#tabBoxD91, #tabBoxD92, #tabBoxD93, #tabBoxD94, #tabBoxD95, #tabBoxD96 {
  width: 100%;
  height: 100%;
  display: none;
}

#tabBox1B, #tabBox2B, #tabBox3B, #tabBox4B, #tabBox5B, #tabBox6B, #tabBox7B, #tabBox8B, #tabBox9B, #tabBox10B,
#tabBox11B, #tabBox12B, #tabBox13B, #tabBox14B, #tabBox15B, #tabBox16B, #tabBox17B, #tabBox18B, #tabBox19B, #tabBox20B,
#tabBox21B, #tabBox22B, #tabBox23B, #tabBox24B, #tabBox25B, #tabBox26B, #tabBox27B, #tabBox28B, #tabBox29B, #tabBox30B,
#tabBox31B, #tabBox32B, #tabBox33B, #tabBox34B, #tabBox35B, #tabBox36B, #tabBox37B, #tabBox38B, #tabBox39B, #tabBox40B,
#tabBox41B, #tabBox42B, #tabBox43B, #tabBox44B, #tabBox45B, #tabBox46B, #tabBox47B, #tabBox48B, #tabBox49B, #tabBox50B,
#tabBox51B, #tabBox52B, #tabBox53B, #tabBox54B, #tabBox55B, #tabBox56B, #tabBox57B, #tabBox58B, #tabBox59B, #tabBox60B,
#tabBox61B, #tabBox62B, #tabBox63B, #tabBox64B, #tabBox65B, #tabBox66B, #tabBox67B, #tabBox68B, #tabBox69B, #tabBox70B,
#tabBox71B, #tabBox72B, #tabBox73B, #tabBox74B, #tabBox75B, #tabBox76B, #tabBox77B, #tabBox78B, #tabBox79B, #tabBox80B,
#tabBox81B, #tabBox82B, #tabBox83B, #tabBox84B, #tabBox85B, #tabBox86B, #tabBox87B, #tabBox88B, #tabBox89B, #tabBox90B,
#tabBox91B, #tabBox92B, #tabBox93B, #tabBox94B, #tabBox95B, #tabBox96B {
  width: 100%;
  height: 100%;
  display: none;
}

#tabBox1C, #tabBox2C, #tabBox3C, #tabBox4C, #tabBox5C, #tabBox6C, #tabBox7C, #tabBox8C, #tabBox9C, #tabBox10C,
#tabBox11C, #tabBox12C, #tabBox13C, #tabBox14C, #tabBox15C, #tabBox16C, #tabBox17C, #tabBox18C, #tabBox19C, #tabBox20C,
#tabBox21C, #tabBox22C, #tabBox23C, #tabBox24C, #tabBox25C, #tabBox26C, #tabBox27C, #tabBox28C, #tabBox29C, #tabBox30C,
#tabBox31C, #tabBox32C, #tabBox33C, #tabBox34C, #tabBox35C, #tabBox36C, #tabBox37C, #tabBox38C, #tabBox39C, #tabBox40C,
#tabBox41C, #tabBox42C, #tabBox43C, #tabBox44C, #tabBox45C, #tabBox46C, #tabBox47C, #tabBox48C, #tabBox49C, #tabBox50C,
#tabBox51C, #tabBox52C, #tabBox53C, #tabBox54C, #tabBox55C, #tabBox56C, #tabBox57C, #tabBox58C, #tabBox59C, #tabBox60C,
#tabBox61C, #tabBox62C, #tabBox63C, #tabBox64C, #tabBox65C, #tabBox66C, #tabBox67C, #tabBox68C, #tabBox69C, #tabBox70C,
#tabBox71C, #tabBox72C, #tabBox73C, #tabBox74C, #tabBox75C, #tabBox76C, #tabBox77C, #tabBox78C, #tabBox79C, #tabBox80C,
#tabBox81C, #tabBox82C, #tabBox83C, #tabBox84C, #tabBox85C, #tabBox86C, #tabBox87C, #tabBox88C, #tabBox89C, #tabBox90C,
#tabBox91C, #tabBox92C, #tabBox93C, #tabBox94C, #tabBox95C, #tabBox96C {
  width: 100%;
  height: 100%;
  display: none;
}

#tabBox1D, #tabBox2D, #tabBox3D, #tabBox4D, #tabBox5D, #tabBox6D, #tabBox7D, #tabBox8D, #tabBox9D, #tabBox10D,
#tabBox11D, #tabBox12D, #tabBox13D, #tabBox14D, #tabBox15D {
  width: 100%;
  height: 100%;
  display: none;
}

/*
#tabBox1B, #tabBox2B, #tabBox3B, #tabBox4B, #tabBox5B, #tabBox6B, #tabBox7B, #tabBox8B, #tabBox9B, #tabBox10B,
#tabBox11B, #tabBox12B, #tabBox13B, #tabBox14B, #tabBox15B, #tabBox16B, #tabBox17B, #tabBox18B, #tabBox19B, #tabBox20B,
#tabBox21B, #tabBox22B, #tabBox23B, #tabBox24B, #tabBox25B, #tabBox26B, #tabBox27B, #tabBox28B, #tabBox29B, #tabBox30B,
#tabBox31B, #tabBox32B, #tabBox33B, #tabBox34B, #tabBox35B, #tabBox36B, #tabBox37B, #tabBox38B, #tabBox39B, #tabBox40B,
#tabBox41B, #tabBox42B, #tabBox43B, #tabBox44B, #tabBox45B, #tabBox46B, #tabBox47B, #tabBox48B, #tabBox49B, #tabBox50B,
#tabBox51B, #tabBox52B, #tabBox53B, #tabBox54B, #tabBox55B, #tabBox56B, #tabBox57B, #tabBox58B, #tabBox59B, #tabBox60B,
#tabBox61B, #tabBox62B, #tabBox63B, #tabBox64B, #tabBox65B, #tabBox66B, #tabBox67B, #tabBox68B, #tabBox69B, #tabBox70B,
#tabBox71B, #tabBox72B, #tabBox73B, #tabBox74B, #tabBox75B, #tabBox76B, #tabBox77B, #tabBox78B, #tabBox79B, #tabBox80B,
#tabBox81B, #tabBox82B, #tabBox83B, #tabBox84B, #tabBox85B, #tabBox86B, #tabBox87B, #tabBox88B, #tabBox89B, #tabBox90B,
#tabBox91B, #tabBox93B, #tabBox94B, #tabBox95B, #tabBox96B {
  width: 100%;
  height: 100%;
  display:none;
}
*/

/*
#tabBox1C, #tabBox2C, #tabBox3C, #tabBox4C, #tabBox5C, #tabBox6C, #tabBox7C, #tabBox8C, #tabBox9C, #tabBox10C,
#tabBox11C, #tabBox12C, #tabBox13C, #tabBox14C, #tabBox15C, #tabBox16C, #tabBox17C, #tabBox18C, #tabBox19C, #tabBox20C,
#tabBox21C, #tabBox22C, #tabBox23C, #tabBox24C, #tabBox25C, #tabBox26C, #tabBox27C, #tabBox28C, #tabBox29C, #tabBox30C,
#tabBox31C, #tabBox32C, #tabBox33C, #tabBox34C, #tabBox35C, #tabBox36C, #tabBox37C, #tabBox38C, #tabBox39C, #tabBox40C,
#tabBox41C, #tabBox42C, #tabBox43C, #tabBox44C, #tabBox45C, #tabBox46C, #tabBox47C, #tabBox48C, #tabBox49C, #tabBox50C,
#tabBox51C, #tabBox52C, #tabBox53C, #tabBox54C, #tabBox55C, #tabBox56C, #tabBox57C, #tabBox58C, #tabBox59C, #tabBox60C,
#tabBox61C, #tabBox62C, #tabBox63C, #tabBox64C, #tabBox65C, #tabBox66C, #tabBox67C, #tabBox68C, #tabBox69C, #tabBox70C,
#tabBox71C, #tabBox72C {
  width: 100%;
  height: 100%;
  display:none;
}
*/

/*
#tabBox1D, #tabBox2D, #tabBox3D, #tabBox4D, #tabBox5D, #tabBox6D, #tabBox7D, #tabBox8D, #tabBox9D, #tabBox10D,
#tabBox11D, #tabBox12D, #tabBox13D, #tabBox14D, #tabBox15D, #tabBox16D, #tabBox17D, #tabBox18D, #tabBox19D, #tabBox20D,
#tabBox21D, #tabBox22D, #tabBox23D, #tabBox24D, #tabBox25D, #tabBox26D, #tabBox27D, #tabBox28D, #tabBox29D, #tabBox30D,
#tabBox31D, #tabBox32D, #tabBox33D, #tabBox34D, #tabBox35D, #tabBox36D, #tabBox37D, #tabBox38D, #tabBox39D, #tabBox40D,
#tabBox41D, #tabBox42D, #tabBox43D, #tabBox44D, #tabBox45D, #tabBox46D, #tabBox47D, #tabBox48D, #tabBox49D, #tabBox50D,
#tabBox51D, #tabBox52D, #tabBox53D, #tabBox54D, #tabBox55D, #tabBox56D, #tabBox57D, #tabBox58D, #tabBox59D, #tabBox60D,
#tabBox61D, #tabBox62D, #tabBox63D, #tabBox64D, #tabBox65D, #tabBox66D, #tabBox67D, #tabBox68D, #tabBox69D, #tabBox70D,
#tabBox71D, #tabBox72D {
  width: 100%;
  height: 100%;
  display:none;
}
*/



.ml0p {
  margin: 0 0 20px 0 !important;
}

.photoBox {
  width: 33%;
  margin: 0;
  padding: 0 1.5% 20px 1.5%;
  display: inline-block !important;
  vertical-align: top;
}

#tabBox0 .photoBox,
#tabBoxB0 .photoBox,
#tabBoxC0 .photoBox,
#tabBoxD0 .photoBox {
  width: 20%;
  padding: 0 0.5% 20px 0.5%;
}

@media screen and (max-width:768px) {

.photoBox {
  width: 50%;
}
}

@media screen and (max-width:480px) {



.ml0p {
  margin: 0 0.5% 20px 0 !important;
}

.photoBox {
  width: 100%;
}

#tabBox0 .photoBox,
#tabBoxB0 .photoBox,
#tabBoxC0 .photoBox,
#tabBoxD0 .photoBox {
  width: 33.3%;
  padding: 0 1% 20px 1%;
}
}

.ml0p2 {
  margin: 0 0 10px 0 !important;
}

.photoBox2 {
  width: 19.0243902%;
  margin: 0 0 10px 1.2195122%;
  display: inline-block !important;
  float: left;
}

@media screen and (max-width:480px) {

.ml0p2 {
  margin: 0 0.5% 10px 0 !important;
}

.photoBox2 {
  width: 48.5%;
  margin: 0 0.5% 10px 0 !important;
  float: none;
}
}

.ml0pD {
  margin: 0 0 20px 0 !important;
}

.photoBoxD {
  width: 32.4390244%;
  margin: 0 0 20px 1.3414634%;
  display: inline-block !important;
  float: left;
}

.photoBox {
  width: 50%;
  float:left;
}

@media screen and (max-width:480px) {

.ml0pD {
  margin: 0 0 20px 0 !important;
}

.photoBoxD {
  width: 100%;
  margin: 0 0 20px 0 !important;
  float: none;
}
}

.photoBoxL img,
.photoBox img {
  width: 100%;
}

.photoBoxD img {
  width: 100%;
}

.photoBoxL p.name,
.photoBox p.name {
  text-align: center;
  font-size: 15px;
}

/*********** PROJECT ***********/

.accordion {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.accordion .projectImg1,
.accordion .projectImg2,
.accordion .projectImg3,
.accordion .projectImg4 {
  position: relative;
  float: left;
  width: 24%;
  height: auto;
  margin: 0 1% 0 0;
}

.accordion .projectImg1 img,
.accordion .projectImg2 img,
.accordion .projectImg3 img,
.accordion .projectImg4 img {
  max-width: 100%;
  height: auto;
}

.accordion .projectImg1 p,
.accordion .projectImg2 p,
.accordion .projectImg3 p,
.accordion .projectImg4 p {
  position: absolute;
  width: 15%;
  height: 96%;
  top: 0;
  left: 0;
  font-size: 10px;
  background-color: rgba(0,0,0,0.6)
}

.sideaction {
  height: 100% !important;
}

.accordion .projectImg1 p span,
.accordion .projectImg2 p span,
.accordion .projectImg3 p span,
.accordion .projectImg4 p span {
  position: relative;
  top: 41%;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.accordion .projectText {
  position: absolute;
  left: 24.9%;
  float: left;
  width: 72%;
  height: 97%;
  background-color: #ffffff;
  display: none;
  z-index: 1000;
  text-align: left;
  padding: 0 0 0 3%;
}

.accordion .projectText div {
  width: 100%;
  height: 100%;
  padding: 8px 0;
  overflow: hidden;
  display: block;
}

.accordion .projectText div p {
  font-family: 'Oswald', sans-serif;
  color: #474747;
  text-align: left !important;
}

.accordion .projectText div p.title {
  font-size: 15px;
  font-weight: 400;
}

.accordion .projectText div p.date {
  font-size: 13px;
  font-weight: 400;
}

.accordion .projectText div p.contents {
  width: 98%;
  padding: 20px 0 0;
  font-size: 13px;
  font-weight: 300;
  word-break: break-all;
}

.spPro {
  display: none;
}

@media screen and (max-width:480px) {

/*
.accordion .projectImg1,
.accordion .projectImg2,
.accordion .projectImg3,
.accordion .projectImg4 {
  width: 100%;
  margin: 0;
  float: none;
  text-align: center;
}
*/

/*
.accordion .projectImg1 p,
.accordion .projectImg2 p,
.accordion .projectImg3 p,
.accordion .projectImg4 p {
  display:none;
}
*/

/*
.accordion .projectImg1 img,
.accordion .projectImg2 img,
.accordion .projectImg3 img,
.accordion .projectImg4 img {
  margin: 0 auto;
}
*/

/*
.accordion .projectText {
  position: relative;
  left: 0;
  width: 100%;
  height: auto;
  padding: 10px 0;
  float: none;
  background-color: #ffffff;
  display: block;
}
*/

#tabBoxes p.desc{
  text-align: center;
}

.accordion {
  display: none;
}

.spPro {
  display: block;
  text-align: center;
}

.spPro .projectBox {
  width: 45%;
  margin: 0 2%;
  display: inline-block;
}

.spPro p.photo {
  line-height: 0;
}

.spPro p.photo img {
  width: 100%;
}

.spPro .info {
  width: 100%;
  margin: 0 0 30px 0;
  background: #ffffff;
  display: inline-block;
}

.spPro p {
  font-family: 'Oswald', sans-serif;
  color: #474747;
  text-align: left !important;
}

.spPro p.title {
  width: 90%;
  padding: 10px 0 0;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 400;
  word-break: break-all;
}

.spPro p.date {
  width: 90%;
  margin: 0 auto;
  font-size: 13px;
  font-weight: 400;
}

.spPro p.contents {
  width: 90%;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 13px;
  font-weight: 300;
  word-break: break-all;
}
}

/*** accordion ***/

@media screen and (max-width:640px) {

dl.gallery dt {
  height: auto;
}

dl.gallery dt .photo {
  width: 100%;
  height: 100px;
  max-height: 200px;
  overflow: hidden;
  float: none;
}

dl.gallery dt .ttl {
  width: 100%;
  height: auto;
  padding: 0; /* 0 0 0 60px */
  float: none;
}

dl.gallery dt .ttl p {
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 20px 0;
}
}

/*********** MEDIA ***********/

ul.media {
  width: 100%;
  display: inline-block;
}

ul.media li {
  width: 15.5%;
  margin: 0 0.5%;
  float: left;
}

ul.media li img {
  max-width: 100%;
}

@media screen and (max-width:480px) {

ul.media li {
  width: 48%;
  margin: 1%;
  text-align: center;
}

ul.media li img {
  width: 100%;
}
}

/*** tab ***/
.tabArea {
  width: 100%;
}
.tabBox {
  position: relative;
}
.tabArea ul {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.tabArea ul li {
  display: inline-block;
  vertical-align: top;
  font-family: 'Oswald', "メイリオ", Meiryo, sans-serif;
  width: 25%;
  max-width: 90px;
  padding: 20px 0;
}
.tabArea ul li a:hover {
  text-decoration: none;
  padding: 19px 0;
  border-bottom: solid 3px #03224b;
}
.tabArea ul li.center {
  width: 34%;
}
.tabArea ul li span.ov {
  padding: 19px 0;
  border-bottom: solid 3px #03224b;
}
hr.line1,
hr.line2 {
  border: none;
  background: #fbfbfb;
  height: 10px;
  margin: 0;
  padding: 0;
}
hr.line2 {
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: 30px;
}