@charset "UTF-8";

/* 下層ページ
------------------------------------------------ */

/* mainVisual
------------------------ */

.mainVisual {
  background: url(../images/sub-bg.jpg) no-repeat center bottom #ffffff;
  background-size: cover;
}
@media print, screen and (min-width: 736px) {
  .mainVisual {
    min-width: 1040px;
  }
}
/* ヘッダー
------------------------------------------------ */

header .wrap {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-align-items: center; /* Safari */
align-items:         center;
}

.header-monthly {
margin: 0 auto;
padding-right: 10px;
width: 100%;
height: auto;
}

.header-jpald {
  display: none;
}
.header-syosyoku {
  text-align: center;
  padding-bottom: 50px;
}
.header-syosyoku .syosyoku-logo {
  width: 60%;
  margin: 0 auto;
}
.header-syosyoku .slogan {
  width: 95%;
  height: auto;
}
.header-syosyoku .sloagan-te span {
  display: block;
  font-family: 'Noto Serif Japanese', serif;
  font-weight: bold;
  transform: rotate(0.001deg);
  line-height: 1.4;
}
.header-syosyoku .sloagan-te .sub {
  font-size: calc(0.75rem + ((1vw - 3px) * 4.5977));
}
.header-syosyoku .sloagan-te .sakuhin {
  font-size: calc(1.5rem + ((1vw - 3px) * 4.8276));
}
.header-syosyoku .sloagan-te .name {
  font-size: calc(0.75rem + ((1vw - 3px) * 4.5977));
}
@media print, screen and (min-width: 736px) {
  header {
    background: #fff;
  }
    header .wrap {
    height: 80px;
    position: relative;
    width: 1040px;
    margin: 0 auto;
  }
  .header-monthly {
    position: absolute;
    top: 8px;
    left: 0;
    width: 500px;
  }
  .header-jpald {
    display: block;
    position: absolute;
    bottom: 8px;
    right: 0;
  }
  .header-syosyoku {
    width: 840px;
    margin: 0 auto;
    padding: 20px 0 100px 0;
    display: -webkit-flex; /* Safari */
    display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
    -webkit-align-items: center; /* Safari */
    align-items:         center;
  }
  .header-syosyoku .syosyoku-logo {
    width: 200px;
    margin: 0 auto;
  }
  .header-syosyoku .slogan {
    width: 540px;
    height: auto;
  }
  .header-syosyoku .sloagan-te span {
    display: block;
    font-family: 'Noto Serif Japanese', serif;
    font-weight: bold;
    transform: rotate(0.001deg);
    line-height: 1.4;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  }
  .header-syosyoku .sloagan-te .sub {
    font-size: 150%;
  }
  .header-syosyoku .sloagan-te .sakuhin {
    font-size: 300%;
  }
  .header-syosyoku .sloagan-te .name {
    font-size: 150%;
  }
}
/* 検索ボックス
------------------------------------------------ */

.search-box {
  display: none;
}
@media print, screen and (min-width: 736px) {
  .search-box {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
  }
  .search-box input, .search-box button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
  }
  .search-box input[type="search"] {
    border-color: #000;
    height: 24px;
    width: 200px;
    padding: 0 10px;
    border-bottom: 1px solid #005BA5;
  }
  .search-box .mhlab:before {
    content: url(http://www.seikatsusyukanbyo.com/images_new/search_logo.gif);
    margin-right: .2em;
  }
  .search-box button {
    height: 24px;
    width: 80px;
    border: none;
    cursor: pointer;
    padding: 0 5px;
    background: #005BA5;
    color: #fff;
  }
  .search-box button:hover {
    opacity: 0.5;
  }
  .search-box input[type="search"]:focus {
    background: #D6ECFE;
  }
}
/* グローバルメニュー
------------------------------------------------ */

.globalMenu {
  display: none;
}
@media print, screen and (min-width: 736px) {
  .globalMenu {
    background:url(../images/menu-sub-bg.gif) repeat-x 0 0;
    display: block;
    font-family: 'Noto Serif Japanese', serif;
    font-weight: bold;
    transform: rotate(0.001deg);
    text-align: center;
    background-color:#ffffff:
  }
  .globalMenu .wrap {
    padding-top: 24px;
    background: url(../images/menu-sub.png) no-repeat 50% 0;
    background-size: 1040px auto;
    width: 1040px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    background-color:#ffffff;
  }
  .globalMenu a {
    width: 160px;
    display: block;
    font-size: 150%;
    line-height: 2;
    color: #42210B;
text-decoration: none;
  }
  .globalMenu a:hover {
    color: #fff;
text-decoration: none;
  }
  .globalMenu a.home:hover {
    background: #009A36;
  }
  .globalMenu a.ichimu:hover {
    background: #E3007F;
  }

  .globalMenu a.nisyo:hover {
    background: #F9BE00;
  }
  .globalMenu a.santa:hover {
    background: #0085CD;
  }
  .globalMenu a.home {
    width: 80px;
    font-size: 220%;
    line-height: 1.7;
  }
  .globalMenu a span {
    display: block;
    font-size: 13px;
    line-height: 0;
  }
}

/* Layout
------------------------------------------------ */
.container {
padding: 0 5px 20px 5px;
}

main {
}

main .entryBody {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 3px solid #42210B;
}

@media print, screen and (min-width: 736px) {
.container {
  width: 1040px;
  margin: -70px auto 0 auto;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
padding: 0 0 40px 0;
}

main {
  width: 720px;
}

main .entryBody {
    padding: 0 40px 40px;
  margin-bottom: 40px;
  background-color: #fff;
}

.side {
width: 300px;

}
}

/* 見出し
------------------------------------------------ */

h1,
h2,
h3 {
font-family: 'Noto Serif Japanese', serif;
font-weight: bold;
transform: rotate(0.001deg);
}

.entryBody h1 {
border-top: 3px solid #42210B;
border-bottom: 3px solid #42210B;
font-size: 150%;
color: #42210B;
padding: 20px 0;
margin-bottom: 20px;
}

.entryBody h2 {
font-size: 130%;
border-bottom: 2px solid #42210B;
margin-bottom: 20px;
}

.entryBody h3 {
font-size: 110%;
border-bottom: 1px dotted #42210B;
margin-bottom: 10px;
}

.group h2 {
margin-bottom: 10px;
font-size: 200%;
background: url(../images/icon-symbolMark.png) no-repeat 0 0;
background-size: contain;
padding-left: 70px;
color: #42210B;
}

.side .group h2 {
font-size: 150%;
background: url(../images/icon-symbolMark.png) no-repeat 0 0;
background-size: 40px auto;
padding-left: 50px;
color: #42210B;
}

.group h3 {
position: relative;
padding: 2px 5px 2px 50px;
font-size: 20px;
margin-bottom: 10px;
}

.group h3:before {
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #FF8C19;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: 0;
top: 20px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}

.group .aboutSyosyoku h3:before {
font-family: FontAwesome;
content: "\f128";
}

.group .news h3:before {
font-family: FontAwesome;
content: "\f1ea";
}

.group h3.slogan:before {
font-family: FontAwesome;
content: "\f0a1";
}

.group h3.senryu:before {
font-family: FontAwesome;
content: "\f24d";
}

.group h3.seminar:before {
font-family: FontAwesome;
content: "\f130";
}

.group h3.oyakudachi:before {
font-family: FontAwesome;
content: "\f14a";
}

.group h3.poster:before {
font-family: FontAwesome;
content: "\f15b";
}

.group h3.support:before {
font-family: FontAwesome;
content: "\f2b5";
}

@media print, screen and (min-width: 736px) {
.entryBody h1 {
font-size: 200%;
margin-bottom: 40px;
}
}




/* side
------------------------------------------------ */

.side .group .grid {
  margin-bottom: 20px;
  width: 300px;
}

.side .news dl {
margin-bottom: 10px;
}

.side .news dd {
border-bottom: 1px dotted #42210B;
}


/* group
------------------------------------------------ */

.group {}
.group img {
width: 70%;
height: auto;
display: block;
margin: 0 auto;
}
.group .wrap {}
.group .grid {
  padding: 10px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0 0 8px #D5CBBD;
}
@media print, screen and (min-width: 736px) {
  main .group {

  }
  .group img {
display: block;
width: 100px;
height: auto;
margin: 0 auto;
  }

  .group .aboutSyosyoku img {
width: 100px;
height: auto;
}

  .group .seminar img {
width: 250px;
height: auto;
margin-bottom: 0;
}

  .group .poster img {
display: inline;
width: 150px;
height: auto;
margin-bottom: 0;
}

  .group .instagram img {
width: 250px;
height: auto;
margin-bottom: 0;
}

  .group .slogan img {
width: 200px;
height: auto;
margin-bottom: 0;
}
  main .group .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;

  }
  main .group .grid {
    padding: 10px;
    width: 350px;
    margin-bottom: 20px;
  }
  .group .grid.partition {

  }
  .group .grid.x2 {
  }
  .group .grid.x25 {

  }
  .group .grid.x3 {

  }
  .group .grid.x15 {

  }
}
/* ------------------------ */

.group .description {
  margin-bottom: 20px;
}

/* about
------------------------ */
.side .about h3 {
  margin-bottom: 10px;
font-size: 20px;
  background: url(../images/icon-symbolMark.png) no-repeat 0 0;
  background-size: auto 1.5em;
  padding-left: 1.7em;
  color: #42210B;
}

.side .about li {
margin-bottom: 10px;
}

.side .about li:last-child {
margin-bottom: 0;
}

.side .about a {
position:relative;
display: block;
padding: 5px 10px;
color: #fff;
background: #009A36;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;

}

.side .about a:after {
  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}

.side .about a:link,
.side .about a:visited,
.side .about a:active {
color: #fff;
text-decoration: none;

}

.side .about a:hover {
text-decoration: none;
background: #00DB71;

}

/* monthlyTheme
------------------------ */

.side .monthlyTheme {
color: #42210B;
font-family: 'Noto Serif Japanese', serif;
font-weight: bold;
transform: rotate(0.001deg);
}

.side .monthlyTheme .wrap1 {
  display: -webkit-flex; /* Safari */
  display: flex;
}

.side .monthlyTheme .category {
color: #fff;
padding: .2em .5em;
clear: both;
font-size: 18px;
}

.side .monthlyTheme .category.ichimu {
background: #E3007F;
}

.side .monthlyTheme .category.nisyo {
background: #F9BE00;
}

.side .monthlyTheme .category.santa {
background: #0085CD;
}

.side .monthlyTheme a {
text-align: center;
padding: 10px;
display:block;
font-size: 120%;
float: left;
width: 220px;
line-height: 1.4;
color: #42210B;
}

.side .monthlyTheme a span {
display:block;
font-size: 80%;
}

.side .monthlyTheme a.kinen {
background: #FECCE8;
}
.side .monthlyTheme a.syosyoku,
.side .monthlyTheme a.syosyu {
background: #FCF4CC;
}

.side .monthlyTheme a.tado,
.side .monthlyTheme a.takyu,
.side .monthlyTheme a.tasetsu {
background: #CCF1FC;
}


.side .monthlyTheme a:hover {
background:url() no-repeat 0 0 #00DB71;
color: #fff;
}

/* tools
------------------------------------------------ */

#tools .h1 {
  margin-bottom: 10px;
  padding: 0 10px 10px 10px;
  border-bottom: 2px solid #0E3B73;
  font-size: 24px;
  color: #0E3B73;
  font-weight: bold;
}
#tools .content-box {
  margin-bottom: 20px;
}
#tools .content-box .clearfix {
  margin-bottom: 10px;
}
#tools .content-box-left {
  float: left;
  width: 300px;
  margin-right: 0;
}
#tools .content-box-left img {
  display: block;
  width: 150px;
  margin: 0 auto 10px auto;
  border: 1px solid #a9a9a9;
}

#tools .kotae {
margin-bottom: 1em;
}


#tools .button.kotae a {
background: #F7548D;
}

#tools .button.kotae a:hover {
background: #FA9DBE;
}

/* スローガン
------------------------------------------------ */

#slogan {

}
#slogan .wrap {
  padding: 0 10px 20px 10px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #a9a9a9;
}
#slogan .wrap ul {
  margin: 0 3em 1em 3em;
}
#slogan .badge {
  margin-bottom: 20px;
}
#slogan .sakuhin {
  margin: 0 20px 20px 40px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #a9a9a9;
}
#slogan .slogan {
  font-size: 32px;
  font-weight: bold;
}
#slogan .excellence {
  font-size: 38px;
}
#slogan .name {
  font-weight: bold;
  text-align: right;
}
#slogan .comment {
  width: 90%;
  margin: 10px auto 0 auto;
  border: 3px solid #BBE3F5;
  padding: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
#slogan .comment span {
  font-weight: bold;
}
.grid.support h4 {
border-bottom: 1px dotted #42210B;
}

/* instagram
------------------------------------------------ */

  .instagram .wrap {
    display: -webkit-flex; /* Safari */
    display: flex;

    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
    }
  
  .instagram .box {
    background: #FEE09E;
    padding: 0 20px 20px;
  }
  
  .instagram .box.no1 {
    -webkit-order: 1; /* Safari */
  order:         1;
  }

  .instagram .box.no2 {
    -webkit-order: 2; /* Safari */
  order:         2;
  }

  .instagram .box.no3 {
    -webkit-order: 4; /* Safari */
  order:         4;
  }

  .instagram .box.no4 {
    -webkit-order: 3; /* Safari */
  order:         3;
  }

  .instagram .box.no5 {
    -webkit-order: 5; /* Safari */
  order:         5;
  }

  .instagram .box.no6 {
    -webkit-order: 6; /* Safari */
  order:         6;
  }

  .instagram .box.no7 {
    -webkit-order: 8; /* Safari */
  order:         8;
  }

  .instagram .box.no8 {
    -webkit-order: 7; /* Safari */
  order:         7;
  }

  .instagram .box.no9 {
    -webkit-order: 9; /* Safari */
  order:         9;
  }

  .instagram .box.no10 {
    -webkit-order: 10; /* Safari */
  order:         10;
  }



  
  
  .instagram .box.blue {
    background: #B6E4F6
  }
    .instagram .comment {
    padding: .5em;
  }

  
  main .entryBody.instagram {
    padding-left: 0;
    padding-right: 0;
  }
  


  @media print, screen and (min-width: 736px) {
  .instagram .wrap {

    }
      .instagram .box {
    width: 50%;
  }
  
    .instagram .box.no1 {
    -webkit-order: 1; /* Safari */
  order:         1;
  }

  .instagram .box.no2 {
    -webkit-order: 2; /* Safari */
  order:         2;
  }

  .instagram .box.no3 {
    -webkit-order: 3; /* Safari */
  order:         3;
  }

  .instagram .box.no4 {
    -webkit-order: 4; /* Safari */
  order:         4;
  }

  .instagram .box.no5 {
    -webkit-order: 5; /* Safari */
  order:         5;
  }

  .instagram .box.no6 {
    -webkit-order: 6; /* Safari */
  order:         6;
  }

  .instagram .box.no7 {
    -webkit-order: 7; /* Safari */
  order:         7;
  }

  .instagram .box.no8 {
    -webkit-order: 8; /* Safari */
  order:         8;
  }

  .instagram .box.no9 {
    -webkit-order: 9; /* Safari */
  order:         9;
  }

  .instagram .box.no10 {
    -webkit-order: 10; /* Safari */
  order:         10;
  }
  }

/* 20180214
------------------------------------------------ */

.entryBody .table {
width: 90%;
margin: 0 auto 1em;
}
.entryBody .table .waku {
border: 2px solid #42210B;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 1em;
}
.entryBody .table li {
padding-left: 1.5em;
text-indent: -1.5em;
}
.entryBody .table li:before {
font-family: FontAwesome;
content : "\f058";
margin-right: .5em;
}

/* 20180315 イラストコンテスト
------------------------------------------------ */

.illustContest .box {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #42210B
}
.illustContest .thumbnail {
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 735px) {
  .illustContest .thumbnail img {
    max-width: 200px;
    height: auto;
  }
}
.illustContest .penName {
  font-size: 120%;
  margin-bottom: 10px;
}
.illustContest .comment {
  margin-bottom: 1em;
}
.illustContest .comTitle {
  display: inline-block;
  background: #FFB061;
  color: #fff;
  padding: 0 .5em;
}
.illustContest .comTitle:before {
  font-family: FontAwesome;
  content: "\f075";
  margin-right: .5em;
}
.illustContest .button a:before {
  font-family: FontAwesome;
  content: "\f002";
  margin-right: .5em;
}
.entryBody .illustContest h3, .entryBody .illustContest h2.hippan, .entryBody .illustContest h3.hgakusei, .entryBody .illustContest h2.hmanga {
  font-size: 150%;
}
.entryBody .illustContest h3:before, .entryBody .illustContest .entryBody .illustContest h3.hgakusei:before, .entryBody .illustContest {
  font-family: FontAwesome;
  content: "\f091";
  margin-right: .5em;
}
.illustContest .thumbnail.double div {
  margin-bottom: 1em;
}
.illustContest .thumbnail.double .button {
  margin-top: .5em;
}
@media print, screen and (min-width: 736px) {
  .illustContest .box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .illustContest .box.yoko, .illustContest .box.yoko-sp {
    display: block;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #42210B
  }
  .illustContest .thumbnail {
    width: 200px;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .illustContest .box.yoko .thumbnail {
    width: 250px;
    margin: 0 auto 1em;
  }
  .illustContest .box.yoko-sp .thumbnail {
    width: 450px;
    margin: 0 auto 1em;
  }
  .illustContest .thumbnail.double {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .illustContest .box.yoko .thumbnail.double {
    width: 100%;
    margin: 0 auto 1em;
  }
  .illustContest .thumbnail.double div {
    width: 200px;
    margin-bottom: 0;
  }
}


/*少酒*/

/* 見出し
------------------------------------------------ */

h1,
h2,
h3 {
font-family: 'Noto Serif Japanese', serif;
font-weight: bold;
transform: rotate(0.001deg);
}

.entryBody h1 {
border-top: 3px solid #42210B;
border-bottom: 3px solid #42210B;
font-size: 150%;
color: #42210B;
padding: 20px 0;
margin-bottom: 20px;
}

.entryBody h2 {
font-size: 130%;
border-bottom: 2px solid #42210B;
margin-bottom: 20px;
}

.entryBody h3 {
font-size: 110%;
border-bottom: 1px dotted #42210B;
margin-bottom: 10px;
}

.group_shoshu h2 {
margin-bottom: 10px;
font-size: 200%;
background: url(../images/icon-symbolMark.png) no-repeat 0 0;
background-size: contain;
padding-left: 70px;
color: #42210B;
}

.side .group_shoshu h2 {
font-size: 150%;
background: url(../images/icon-symbolMark.png) no-repeat 0 0;
background-size: 40px auto;
padding-left: 50px;
color: #42210B;
}

.group_shoshu h3 {
position: relative;
padding: 2px 5px 2px 50px;
font-size: 20px;
margin-bottom: 10px;
}

.group_shoshu h3:before {
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #f4c600;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: 0;
top: 20px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}

.group_shoshu .aboutShoshu h3:before {
font-family: FontAwesome;
content: "\f128";
}

.group_shoshu .news h3:before {
font-family: FontAwesome;
content: "\f1ea";
}

.group_shoshu h3.slogan:before {
font-family: FontAwesome;
content: "\f0a1";
}

.group_shoshu h3.senryu:before {
font-family: FontAwesome;
content: "\f24d";
}

.group_shoshu h3.seminar:before {
font-family: FontAwesome;
content: "\f130";
}

.group_shoshu h3.oyakudachi:before {
font-family: FontAwesome;
content: "\f14a";
}

.group_shoshu h3.poster:before {
font-family: FontAwesome;
content: "\f15b";
}

.group_shoshu h3.support:before {
font-family: FontAwesome;
content: "\f2b5";
}

@media print, screen and (min-width: 736px) {
.entryBody h1 {
font-size: 200%;
margin-bottom: 40px;
}
}




/* side
------------------------------------------------ */

.side .group_shoshu .grid {
  margin-bottom: 20px;
  width: 300px;
}

.side .news dl {
margin-bottom: 10px;
}

.side .news dd {
border-bottom: 1px dotted #42210B;
}


/*.group_shoshu
------------------------------------------------ */

.group_shoshu {}
.group_shoshu img {
width: 70%;
height: auto;
display: block;
margin: 0 auto;
}
.group_shoshu .wrap {}
.group_shoshu .grid {
  padding: 10px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0 0 8px #D5CBBD;
}
@media print, screen and (min-width: 736px) {
  main .group_shoshu {

  }
  .group_shoshu img {
display: block;
width: 100px;
height: auto;
margin: 0 auto;
  }

  .group_shoshu .aboutShoshu img {
width: 200px;
height: auto;
}

  .group_shoshu .seminar img {
width: 250px;
height: auto;
margin-bottom: 0;
}

  .group_shoshu .poster img {
display: inline;
width: 150px;
height: auto;
margin-bottom: 0;
}

  .group_shoshu .instagram img {
width: 250px;
height: auto;
margin-bottom: 0;
}

  .group_shoshu .slogan img {
width: 200px;
height: auto;
margin-bottom: 0;
}
  main .group_shoshu .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;

  }
  main .group_shoshu .grid {
    padding: 10px;
    width: 350px;
    margin-bottom: 20px;
  }
  .group_shoshu .grid.partition {

  }
  .group_shoshu .grid.x2 {
  }
  .group_shoshu .grid.x25 {

  }
  .group_shoshu .grid.x3 {

  }
  .group_shoshu .grid.x15 {

  }
}
/* ------------------------ */

.group_shoshu .description {
  margin-bottom: 20px;
}

/* about
------------------------ */
.side .aboutmonth h3 {
  margin-bottom: 10px;
font-size: 20px;
  background: url(../images/icon-symbolMark.png) no-repeat 0 0;
  background-size: auto 1.5em;
  color: #42210B;
  padding: 2px 0px 2px 10px;
}

.side .aboutmonth li {
margin-bottom: 10px;
}

.side .aboutmonth li:last-child {
margin-bottom: 0;
}

.side .aboutmonth a {
position:relative;
display: block;
padding: 5px 10px;
color: #fff;
background: #009A36;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;

}

.side .aboutmonth a:after {
  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}

.side .aboutmonth a:link,
.side .aboutmonth a:visited,
.side .aboutmonth a:active {
color: #fff;
text-decoration: none;

}

.side .aboutmonth a:hover {
text-decoration: none;
background: #00DB71;

}

/* monthlyTheme
------------------------ */

.side .monthlyTheme {
color: #42210B;
font-family: 'Noto Serif Japanese', serif;
font-weight: bold;
transform: rotate(0.001deg);
}

.side .monthlyTheme .wrap1 {
  display: -webkit-flex; /* Safari */
  display: flex;
}

.side .monthlyTheme .category {
color: #fff;
padding: .2em .5em;
clear: both;
font-size: 18px;
}

.side .monthlyTheme .category.ichimu {
background: #E3007F;
}

.side .monthlyTheme .category.nisyo {
background: #F9BE00;
}

.side .monthlyTheme .category.santa {
background: #0085CD;
}

.side .monthlyTheme a {
text-align: center;
padding: 10px;
display:block;
font-size: 120%;
float: left;
width: 220px;
line-height: 1.4;
color: #42210B;
}

.side .monthlyTheme a span {
display:block;
font-size: 80%;
}

.side .monthlyTheme a.kinen {
background: #FECCE8;
}
.side .monthlyTheme a.Shoshu,
.side .monthlyTheme a.syosyu {
background: #FCF4CC;
}

.side .monthlyTheme a.tado,
.side .monthlyTheme a.takyu,
.side .monthlyTheme a.tasetsu {
background: #CCF1FC;
}


.side .monthlyTheme a:hover {
background:url() no-repeat 0 0 #00DB71;
color: #fff;
}

/* tools
------------------------------------------------ */

#tools .h1 {
  margin-bottom: 10px;
  padding: 0 10px 10px 10px;
  border-bottom: 2px solid #0E3B73;
  font-size: 24px;
  color: #0E3B73;
  font-weight: bold;
}
#tools .content-box {
  margin-bottom: 20px;
}
#tools .content-box .clearfix {
  margin-bottom: 10px;
}
#tools .content-box-left {
  float: left;
  width: 300px;
  margin-right: 0;
}
#tools .content-box-left img {
  display: block;
  width: 150px;
  margin: 0 auto 10px auto;
  border: 1px solid #a9a9a9;
}

#tools .kotae {
margin-bottom: 1em;
}


#tools .button.kotae a {
background: #F7548D;
}

#tools .button.kotae a:hover {
background: #FA9DBE;
}

/* スローガン
------------------------------------------------ */

#slogan {

}
#slogan .wrap {
  padding: 0 10px 20px 10px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #a9a9a9;
}
#slogan .wrap ul {
  margin: 0 3em 1em 3em;
}
#slogan .badge {
  margin-bottom: 20px;
}
#slogan .sakuhin {
  margin: 0 20px 20px 40px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #a9a9a9;
}
#slogan .slogan {
  font-size: 32px;
  font-weight: bold;
}
#slogan .excellence {
  font-size: 38px;
}
#slogan .name {
  font-weight: bold;
  text-align: right;
}
#slogan .comment {
  width: 90%;
  margin: 10px auto 0 auto;
  border: 3px solid #BBE3F5;
  padding: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
#slogan .comment span {
  font-weight: bold;
}
.grid.support h4 {
border-bottom: 1px dotted #42210B;
}

/* instagram
------------------------------------------------ */

  .instagram .wrap {
    display: -webkit-flex; /* Safari */
    display: flex;

    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
    }
  
  .instagram .box {
    background: #FEE09E;
    padding: 0 20px 20px;
  }
  
  .instagram .box.no1 {
    -webkit-order: 1; /* Safari */
  order:         1;
  }

  .instagram .box.no2 {
    -webkit-order: 2; /* Safari */
  order:         2;
  }

  .instagram .box.no3 {
    -webkit-order: 4; /* Safari */
  order:         4;
  }

  .instagram .box.no4 {
    -webkit-order: 3; /* Safari */
  order:         3;
  }

  .instagram .box.no5 {
    -webkit-order: 5; /* Safari */
  order:         5;
  }

  .instagram .box.no6 {
    -webkit-order: 6; /* Safari */
  order:         6;
  }

  .instagram .box.no7 {
    -webkit-order: 8; /* Safari */
  order:         8;
  }

  .instagram .box.no8 {
    -webkit-order: 7; /* Safari */
  order:         7;
  }

  .instagram .box.no9 {
    -webkit-order: 9; /* Safari */
  order:         9;
  }

  .instagram .box.no10 {
    -webkit-order: 10; /* Safari */
  order:         10;
  }



  
  
  .instagram .box.blue {
    background: #B6E4F6
  }
    .instagram .comment {
    padding: .5em;
  }

  
  main .entryBody.instagram {
    padding-left: 0;
    padding-right: 0;
  }
  


  @media print, screen and (min-width: 736px) {
  .instagram .wrap {

    }
      .instagram .box {
    width: 50%;
  }
  
    .instagram .box.no1 {
    -webkit-order: 1; /* Safari */
  order:         1;
  }

  .instagram .box.no2 {
    -webkit-order: 2; /* Safari */
  order:         2;
  }

  .instagram .box.no3 {
    -webkit-order: 3; /* Safari */
  order:         3;
  }

  .instagram .box.no4 {
    -webkit-order: 4; /* Safari */
  order:         4;
  }

  .instagram .box.no5 {
    -webkit-order: 5; /* Safari */
  order:         5;
  }

  .instagram .box.no6 {
    -webkit-order: 6; /* Safari */
  order:         6;
  }

  .instagram .box.no7 {
    -webkit-order: 7; /* Safari */
  order:         7;
  }

  .instagram .box.no8 {
    -webkit-order: 8; /* Safari */
  order:         8;
  }

  .instagram .box.no9 {
    -webkit-order: 9; /* Safari */
  order:         9;
  }

  .instagram .box.no10 {
    -webkit-order: 10; /* Safari */
  order:         10;
  }
  }