@charset "utf-8";

/*インスタグラム・ハッシュタグ投稿募集ページ 2017.2*/
.info-insta {
  margin: 0px;
  padding: 0 0 30px 0;
  background-color: #bc5d00;
  color: #fff;
  border-radius: 15px;
  border: 4px solid #e8ad74;
}
.info-insta .main-img {
  margin: 0;
  padding: 0;
}
.info-insta .txt {
  margin: 10px 30px 0px 30px;
  padding: 20px 0 20px 0;
}
.info-insta .txt h5 {
  font-weight: bold;
  font-size: 170%;
  color: #c4ff5d;
  margin: 20px 30px 30px 30px;
}
.info-insta .txt p {
  margin-bottom: 1.5em;
}
.info-insta .txt p:last-child {
  margin-bottom: 0;
}
.info-insta .headline {
  font-weight: bold;
  margin: 30px 30px 20px 30px;
  padding: 7px 5px 4px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size:150%;
  text-align:center;
}
.info-insta h4 {
  border:none;
  margin: 0 0 10px 0;
  line-height:1.3;
  font-size:22px;
}
.info-insta dl {
  margin: 15px 40px;
}
.info-insta dt {
  font-weight: bold;
  font-size:110%;
  margin-bottom:3px;
}
.info-insta dd {
  margin-bottom: 1.0em;
}
.info-insta dd.indent {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.2em;
}
.info-insta dd.indent-step {
  text-indent: -4.8em;
  margin-left: 4.8em;
  margin-bottom: 0.2em;
}
.info-insta dd a {
  color: #fff;
  text-decoration: underline;
}
.info-insta dd a:hover {
  color: #fff;
  text-decoration: none;
}
.info-insta ul {
  margin: 15px 20px;
}
.info-insta li.indent {
  text-indent: -1em;
  margin-left: 2em;
  margin-bottom: 0.2em;
}
.info-insta .pic {
  margin-left:36px;
}
.info-insta .pic img {
  width:390px;
  float:left;
  margin-bottom:2px;
}
.info-insta .pic img:nth-child(odd){
  margin-right:2px;
}
.info-insta .readmore-button-box {
   text-align: center;
}
.info-insta .readmore-button-box a {
   background-color: #fff; /* ボタンの色 */
   color: #1d9f98;              /* ボタンの文字色 */
   border-radius: 5px;       /* 角丸の半径 */
   padding: 0.6em 5.5em 0.4em;     /* 内側の余白 */
   display: inline-block;     /* ボタン全体をクリック可能に */
   font-weight: bold;         /* ボタンの文字を太字に */
   font-size: 1.2em;         /* ボタンの文字サイズ */
   text-decoration:none;
   margin-top:10px;
}
.info-insta .readmore-button-box a:hover {
   background-color: #e0fffd;
}
.info-insta .readmore-area {
   display: none;   /* デフォルトでは非表示にしておく */
}
@media screen and (max-width:640px){
.info-insta {
  font-size: 14px;
  padding: 0 0 10px 0;
}
.info-insta .txt {
  margin: 10px 10px 0px 10px;
}
.info-insta .txt h5 {
  font-size: 130%;
  margin: 0px 10px 20px 10px;
  line-height: 1.4em;
}
.info-insta .txt p {
  margin: 0 0 1.0em 0;
}
.info-insta .txt p:last-child {
  margin-bottom: 0;
}
.info-insta .headline {
  margin: 20px 5px 0 5px;
  font-size: 130%;
  padding: 2px 5px 3px 5px;
}
.info-insta h4 {
  margin: 0 0 -5px 0;
  line-height:1.3;
  font-size:17px;
}
.info-insta dl {
  margin: 10px 10px;
}
.info-insta ul {
  margin: 10px 10px;
}
.info-insta li.indent {
  margin-left: 1em;
}
.info-insta dd a {
  color: #fff!important;
  text-decoration: underline!important;
}
.info-insta dd a:hover {
  color: #fff;
  text-decoration: none;
}
.info-insta .pic {
  margin:10px 5px 0 5px;
}
.info-insta .pic img {
  width:auto;
  max-width:100%
  float:none;
  margin-bottom:2px;
}
.info-insta .pic img:nth-child(odd){
  margin-right:0;
}
.info-insta .readmore-button-box a {
   color: #1d9f98!important;              /* ボタンの文字色 */
   padding: 0.6em 3.0em 0.6em;     /* 内側の余白 */
   font-size: 1.1em;         /* ボタンの文字サイズ */
}
}