@charset "UTF-8";
/*-------------------
//  sp  setting
---------------------*/
.ebody h1.blue-back {
 background-color: #1e87f0;
}

/* color change  */
.ebody h3.blue-color::after {
    background-image: repeating-linear-gradient(45deg, #1e87f0 0px, #1e87f0 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%), repeating-linear-gradient(135deg, #1e87f0 0px, #1e87f0 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
}
.ebody h3 span {
    color: #c97c00;
    font-size: 1rem;
   padding-left: 20px;
}
.ebody h3.blue-color span {
   color: rgba(30, 135, 240, 1);
}


.ebody h4.gazai {
    display: block;
     float: right;
    background-color: rgba(243,151,0,1);
    color: #fff;
    padding: 0.25rem 1rem; 
    margin: 0 0 20px;
}
.ebody h4.gazai.blue-back {
    background-color: #1e87f0;
}
.tenji h5 {
     background-color: #1e87f0;
      color: #fff;
    padding: 0.5rem 1rem; 
    border-radius: 8px;
    margin: 0 0 20px;
    text-align: center;
    font-size: 1.2rem;
}
.tenji .hanbaiwaku {
    border: solid 1px #1e87f0;
    border-radius: 8px;
    padding: 1rem 2rem 0rem;
}
.tenji .hanbaiwaku span {
    color: #1e87f0;
    font-size: 120%;
    font-weight: bold;
}
.tenji p span.inst {
   display: block;
    color: red;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0 0 2rem;
}

/*エンブレム*/
.award-em {
  position: relative;
  overflow: visible;
}
.award-em aside {
  position: absolute;
  width: 100px;
  top: -80px;
  left: -20px;
}

/*受賞*/
.ebody h3.gold {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  position: relative;
  padding: 1.5rem 2rem;
  text-align: center;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}

.ebody h3.gold:before,
.ebody h3.gold:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  margin: 0;
  background-size: 100%;
}

.ebody h3.gold:before {
  top: 0;
}

.ebody h3.gold:after {
  bottom: 0;
}
.award-waku {
background: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
margin: 1rem;
padding: 0.5rem 1rem;
border-radius: 8px;
box-shadow: 2px 2px 4px #666;
text-shadow: 0px 1px 0px #000;
width: calc(100% - 4rem);
}

/*作品一覧*/
a.sakuhin {
  position: relative;
  color: #fff;
 text-align: center;
}
.sakuhin .cap {
  position: relative;
  width: calc(100% - 2rem);
  background-color: #333;
  padding: 0.25rem 1rem;
}
.sakuhin .cap p {
   margin: 0;
}
.gold-badge {
background: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
color: #fff;
}

/*作品ナビ*/
ul.sakuhin-nav {
 margin: 2rem 0rem;
}
ul.sakuhin-nav li a {
  background-color:#9ebe41;
  color: #fff;
  font-size: 1.2rem;
  padding-left: 16px;
 padding-right: 16px;
}
ul.sakuhin-nav li.modoru a {
  margin-left: 1rem;
 margin-right: 1rem;
}

/*  APP　トップ   */
.tenji-detail {
width: calc(100% - 3rem);
position: relative;
overflow: hidden;
border: dotted 3px #ccc;
padding: 1rem;
margin-left: 1rem;
}
.tenji-gazou img {
  display: block;
  margin: 0 auto 1rem;
}
.tenji-text p {
  line-height: 1.2;
  color:#333;
}
p.d-award,p.d-date,p.d-place {
  font-size: 1.2rem;
  color: #c97c00;
  font-weight: bold;
}
p.d-award {
  font-size: 1.1rem;
  font-weight: normal;
}
p.d-place {
  color: #9ebe41;
}
.tenji-top h2,.top-web h3 {
    font-size: 2rem;
    text-align: center;
    background-color: #f39700;
    padding: 1rem 2rem;
    color: #fff;
}

.top-web h3 {
    margin-top: 2rem;
    background-color: #9ebe41;
}
.top-side h3,.top-side-web h3 {
    font-size: 1.2rem;
    text-align: center;
    background-color: #f39700;
    padding: 0.5rem 1rem;
    color: #fff;
    margin: 0 0 1rem 0;
}
.top-side h3 a,.top-side-web h3 a {
 display: block;
    color: #fff;
}
.top-side h3 {
 font-size: 1.6rem;
padding: 1.5rem 1rem;
}
.top-side-web h3 {
    background-color: #9ebe41;
}

/* =====  374以下　iphone５画面　max-width 374px, very small screens
========================================== */
@media only screen and (max-width: 374px) { 


}

/* =====  460以下　iphone10画面　max-width 450px, very small screens
========================================== */
@media only screen and (max-width: 460px) { 


}

/* =====  641以上　タブレット〜PC　min-width 40em, medium screens
========================================== */
@media only screen and (min-width: 40em) { 
/* to float toggle left */

.tenji-detail {
padding: 2rem 1rem 1rem;
}
.tenji-gazou {
  float: left;
  margin: 0 1rem 1rem 0rem;
}


}

/* =====  700以上　タブレット〜PC　min-width 40em, medium screens
========================================== */
@media only screen and (min-width: 700px) { 
/* to float toggle left */



}




/* =====  961以上　PC　large
========================================== */
@media only screen and (min-width: 961px) { 






}

/* =====  1201以上　PC　large
========================================== */
@media only screen and (min-width: 1201px) { 



}