/* コシノツヨシ 絵日記*/


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

body {
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    text-align:center;
}

/* title */
h1.main {
    width:90%;
    max-width:946px;
    margin:0 auto 75px;
}


/* slider */
/* bx */
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -46px;
  background: url('../images/enikki/arrow_prev.png') no-repeat center center;
  background-size:contain;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position:center center;
}
.bx-wrapper .bx-next {
  right: -46px;
  background: url('../images/enikki/arrow_next.png') no-repeat center center;
  background-size:contain;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: center center;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  outline: 0;
  width: 36px;
  height: 57px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}


#slide {
    width:84%;
    max-width:625px;
    margin:0 auto 70px;
}


/* tab */
input.tab_check {display:none;}
ul#tab {
    position:relative;
    width:90%;
    max-width:950px;
    height:97px;
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size:cover;
    margin:0 auto;
    text-align:left;
    letter-spacing:-0.5em;
    box-sizing:border-box;
}
#y2020:checked ~ ul#tab {background-image:url("../images/enikki/title_2020.png");}
#y2019:checked ~ ul#tab {background-image:url("../images/enikki/title_2019.png");}

ul#tab li {
    display:inline-block;
    position:absolute;
    top:0;
    width:31.5%;
    height:100%;
}
ul#tab li label {
    display:block;
    width:100%;
    height:100%;
    box-sizing:border-box;
    cursor:pointer;
}
ul#tab li.tab20 {
    left:0;
}
ul#tab li.tab19 {
    left:31.5%;
}

.thumb_area,
.bottom_line {display:none;}
#y2020:checked ~ #cnt_2020,
#y2019:checked ~ #cnt_2019,
#y2020:checked ~ .b2020,
#y2019:checked ~ .b2019 {
    display:block;
}

/* bottom line */
.bottom_line {
    width:90%;
    max-width:950px;
    height:0;
    background:url("../images/enikki/bottom_line.png") no-repeat center top;
    background-size:cover;
    margin:0 auto 80px;
    padding-top:0.5684%;
    box-sizing:border-box;
}

/* content */
.thumb_area {
    width:90%;
    max-width:950px;
    margin:0 auto;
    box-sizing:border-box;
}
.thumb_area .thumb_inner {
    width:100%;
    background-repeat:repeat-y;
    background-position:center center;
    background-size:contain;
    padding:5%;
    box-sizing:border-box;
}

.thumb_area.c2020 .thumb_inner {
    background-image:url("../images/enikki/body_2020.png");
}
.thumb_area.c2019 .thumb_inner {
    background-image:url("../images/enikki/body_2019.png");
}

.thumb_area ul {
    width:100%;
    margin:0 auto;
    text-align:left;
    letter-spacing:-0.5em;
    box-sizing:border-box;
}
.thumb_area ul li {
    display:inline-block;
    width:31%;
    margin-right:3.5%;
    margin-bottom:5%;
    letter-spacing:normal;
}
.thumb_area ul li:nth-child(3n) {
    margin-right:0;
}

h1.main img,
.thumb_area ul li img {
    max-width:100%;
    height:auto;
}



/* 950px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 950px) {




/* tab */
ul#tab {
    height:0;
    padding-top:9.1894%;
}




}
/*-------------------------------------------------------------------------------------------*/
/* 950px以下 END */



/* 750px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 750px) {

section .pc {display:none;}
section .sp {display:block;}

/* title */
h1.main {
    margin:0 auto 8%;
}

/* bx */
.bx-wrapper .bx-prev {
  left: -7%;
}
.bx-wrapper .bx-next {
  right: -7%;
}
.bx-wrapper .bx-controls-direction a {
  width: 5%;
  height: 12%;
}

#slide {
    margin:0 auto 8%;
}

.bottom_line {
    margin:0 auto 12%;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 750px以下 END */



/* 320px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {


.thumb_area ul li {
    width:48%;
    margin-right:4%;
    margin-bottom:5%;
}
.thumb_area ul li:nth-child(3n) {
    margin-right:4%;
}
.thumb_area ul li:nth-child(even) {
    margin-right:0;
}



}
/*-------------------------------------------------------------------------------------------*/
/* 320px以下 END */