@charset "UTF-8";
/**@file
 * news.css コンテンツスタイル定義
 * Copyright (C)2017 FUBIC CO., LTD.
 *
 * @author   Tomoaki Tsuchiya<t-tsuchiya@fubic.com>
 */
.detail {
  margin: 0 auto;
  padding: 0 6px;
  border: 1px solid #d7d7d7; }
  .detail .day {
    color: #6d6d6d;
    font-family: "Rounded Mplus 1c";
    font-size: 17px;
    padding-top: 20px;
    float: right; }
  .detail .icon {
    display: inline-block;
    padding: 6px 24px;
    margin: 70px 0 10px 10px ;
    color: #fff;
  	font-family: "Rounded Mplus 1c";
    font-size: 16px;
    background: #1c6969;
    border-radius: 2px; }
  .detail h3 {
    color: #1c6969;
    font-size: 18px;
    margin: 10px;
    line-height: 1.4;
    text-align: left; }
  .detail .content img {
    max-width: 88%;
    height: 88%;
    margin: 20px 5%; }
  .detail .content img {
    width: 100%;
    height: 100%;
    padding-bottom: 20px; }
  .detail .sns-box {
    margin: 55px 0 }
   
.bloglist {
  margin: 2%;
}

main {
    min-height: 100%;
    background: #fff;
}

main section.white {
    /*background: none;*/
}

#next-prev {
    margin-bottom: 100px;
    font-size: 14px;
}
#next-prev div.prev-post {
    width: 45%;
    float: left;
}

#next-prev div.next-post {
    width: 45%;
    float: right;
}





/* @tablet and PC */
@media (min-width: 768px) {
.detail {
  margin: 2%;
  padding: 40px; }
.detail h3 {
	font-family: "Rounded Mplus 1c";
    margin: 30px 10px;
    font-size: 22px;
    line-height: 1.3em;}
  main .bloglist li .text p {
    font-size: 16px;
    line-height: 1.6em;
    font-feature-setting: "palt"; }
  .detail .content img {
    max-width: 88%;
    height: 88%;
    margin: 20px 5%; }
main {
  min-height: 100%;
  background: #efefef; } 
main section.white {
  background: #fff; }
    
#next-prev {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 18px; }
}





/* @pc */
@media (max-width: 1020px) and (min-width: 768px) {
  main {
    min-height: 100%;
    background: #efefef; } 
  .detail .day {
    color: #6d6d6d;
    font-family: "Rounded Mplus 1c";
    font-size: 22px;
    float: right; }
  .detail .icon {
    display: inline-block;
    padding: 6px 24px;
    margin: 80px 0 10px 10px ;
    color: #fff;
  	font-family: "Rounded Mplus 1c";
    font-size: 22px;
    background: #1c6969;
    border-radius: 2px; }
  .detail .content img {
    max-width: 88%;
    height: 88%;
    margin: 20px 5%;
    padding-bottom: 10px; }
}