/*
###############################################################################
Date: 2021/2/22
contributor: Saito Harutaka
Contact: saito.harutaka@mat.eng.osaka-u.ac.jp
How to Modify: ======= >> see /Newweb/README
###############################################################################
*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.palner_work_hor_pc { display: block !important; }
.planer_work_hor_sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .planer_work_hor_pc { display: none !important; }
    .planer_work_hor_sp { display: block !important; }
}

body {
  color: #330000;
  font-family: ヒラギノ丸ゴ ProN;
  overflow: scroll;
  width: 100vw;
  height: 100vh;
  background-color: white;
  background-repeat: repeat;
  -webkit-overflow-scrolling: touch;
}

.planer_work_hor_pc{
  overflow: hidden;
}

.planer_work_hor_sp{
  overflow: hidden;
}

/* PC Version */
p.work_title_pc {
  font-size: 50px;
  position: relative;
  left: -15px;
  margin-left: 80px;
  margin-top: 15px;
  border-bottom: 3px solid #330000;
}

p.name_of_author_pc {
  font-size: 35px;
  position: relative;
  left: 5vw;
}

p.materials_pc {
  font-size: 35px;
  position: relative;
  left: 5vw;
}

p.size_pc {
  font-size: 35px;
  position: relative;
  left: 5vw;
}

p.caption_pc {
  font-size: 35px;
  position: relative;
  left: 5vw;
  word-wrap: normal;
}

p.caption_sen_pc {
  font-size: 30px;
  position: relative;
  left: 5vw;
  width: 90vw;
  word-wrap: break-word;
}

p.gallery_talk_pc {
  font-size: 35px;
  position: relative;
  left: 5vw;
  word-wrap: normal;
}

p.gallery_talk_sen_pc {
  font-size: 30px;
  position: relative;
  left: 5vw;
  width: 90vw;
  word-wrap: break-word;
}

.img_planer_work_hor_pc {
  position: relative;
  top: -25px;
  width: 60vw;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ques_cat_pc {
  position: relative;
  left: 60vw;
  bottom: 600px;
  height: 15vh;
  width: auto;
}

/* Cell Phone Version */
p.work_title_sp {
  font-size: 30px;
  position: relative;
  left: -15px;
  margin-left: 80px;
  margin-top: 15px;
  border-bottom: 3px solid #330000;
}

p.name_of_author_sp {
  font-size: 20px;
  position: relative;
  left: 3vw;
}

p.materials_sp {
  font-size: 20px;
  position: relative;
  left: 3vw;
}

p.size_sp {
  font-size: 20px;
  position: relative;
  left: 3vw;
}

p.caption_sp {
  font-size: 20px;
  position: relative;
  left: 3vw;
  word-wrap: normal;
}

p.caption_sen_sp {
  font-size: 15px;
  position: relative;
  width: 90vw;
  left: 3vw;
  word-wrap: break-word;
}

p.gallery_talk_sp {
  font-size: 20px;
  position: relative;
  left: 3vw;
  word-wrap: normal;
}

p.gallery_talk_sen_sp {
  font-size: 15px;
  position: relative;
  width: 90vw;
  left: 3vw;
  word-wrap: break-word;
}

.img_planer_work_hor_sp {
  position: relative;
  width: 400px;
  height: auto;
  position: relative;
  right: 30px;
}

.ques_cat_sp {
  position: relative;
  left: 180px;
  bottom: 280px;
  height: 50px;
  width: auto;
}