@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Cormorant:400,700');
@import url('fantastic.css');

body,button,input,select,table,textarea{font-size: 1em;color:#333;font-family: メイリオ, Meiryo,  游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
h1,h2,h3{font-weight:bold;}

/*基本設定*/
html{font-size: 62.5%;}
body{font-size:1.6rem;color:#000;background:#eeeeee;;}
div{box-sizing:border-box;}
p,a{text-align: justify; text-justify: inter-ideograph;word-break: normal;word-wrap: break-word;text-align:justify;}
h2{line-height:1.3em;}
ul,dl{letter-spacing: -.40em;}
li,dd,dt{letter-spacing: normal;}
a:link, a:visited:link, a:visited{color:#000;text-decoration:none;}
a:hover,a:visited:hover{color:#000;text-decoration:underline;}
a:hover>img{opacity:0.7;text-decoration:underline;}
i{vertical-align:middle;margin-right: 0.3em;}
a.blank:after{font-family: 'fantastic';content:'\004f';vertical-align:top;margin-left: 0.2em;}
img{pointer-events: none;  user-select: none;  vertical-align: bottom;  -webkit-user-select: none;  width: auto;  height: auto;  -ms-interpolation-mode: bicubic;}

.inner{width:980px;margin: 0 auto;display:table;}
.fixed {position: fixed;width: 100%;z-index: 100;top:0;}
.big{font-size:135%;color:#000;margin-right: 0.1em;}
.gray{filter: grayscale(100%);}
.white{filter: brightness(1) invert(0);}
.shadow{box-shadow:0px 1px 3px 0px #d6d6d6;-moz-box-shadow:0px 1px 3px 0px #d6d6d6;-webkit-box-shadow:0px 1px 3px 0px #d6d6d6;}
figure >a{display:block;}
.lightness{
  -webkit-box-shadow: 0 0 5px 0 #fff; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #fff; /* Firefox用 */
  box-shadow: 0 0 5px 0 #fff; /* CSS3 */
}


/*レイアウト*/
#content{margin: 0;padding: 0 0 2em;;}
#container{padding-top:80px;}
#top_main_area{width:750px;float: left;}
#topics{width: 300px;float: right;}
.wrap{width: 980px;}
#main{background: #fff;}
#news{}
#twitter{}

/*icon用*/
.icon {display: inline-block;font: normal normal normal 14px/1 customfont;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


/*LIST設定*/
.tbl{display:table;}
.list{width:100%;max-width:980px;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.list li{margin-bottom: 1.5rem;}

ul.list-type1 li{width: 48%;display:inline-block;vertical-align:top;margin-bottom:2em;}
ul.list-type1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.list-type1 li .imgs{
  float: left;
  width: 30%;
  overflow: hidden;
  /* aspect-ratio: 1; */
  text-align: center;
}

ul.list-type1 li .imgs a{
  display: inline-block;
  /* width: 100%; */
  /* height: 100%; */
  border: 3px solid #ccc;
  margin: 0 auto;
  overflow: hidden;
}

ul.list-type1 li .imgs img{
  display: block;
  width: 100%;
  height: 100%;         /* ← containの相手を確定させる */
  object-fit: contain;  /* 縦横比維持＋内接＝トリミングなし */
}

/* 右側 */
ul.list-type1 li .dtls{float: right;width: 70%;padding: 0 0 0 1.5em;}
ul.list-type1 li a:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



ul.list-type2 li{width: 23.8%;display:inline-block;vertical-align:top;margin-bottom: 1em;margin-right: 1.5%;}
ul.list-type2 li:nth-child(4n){margin-right: 0;}
ul.list-type2{}
ul.list-type2 li .imgs{float: left;width:100%;border: 3px solid #ddd;margin-bottom: 0.75em;}
ul.list-type2 li .imgs img{width: 100%;display:block;}
ul.list-type2 li .dtls{float: right;width: 100%;padding:0 ;}
ul.list-type2 li .dtls h3{background: none;padding: 0;}
ul.list-type3{}
ul.list-type3 li{width: 48%;display:inline-block;margin-right: 4%;border-bottom:1px solid #cebebe;margin-bottom:1em;}
ul.list-type3 li:nth-child(even){margin-right: 0;}
ul.list-type3 li a{display: block;padding: 0.2em;}
ul.list-type3 li a:after{content: "\f105";font-family:'fantastic';float: right;}
ul.list-type3 li a:hover{text-decoration:none;background:#f6f3f3;}

.tax-products ul.list-type1 li{width: 100%;display:inline-block;vertical-align:top;margin-bottom: 1em;}
.tax-products ul.list-type1 li:last-child{border:none;}
.tax-products ul.list-type1{padding: 2em 4em;}
.tax-products ul.list-type1 li .imgs{float: left;width: 25%;}
.tax-products ul.list-type1 li .imgs img{width: 100%;}
.tax-products ul.list-type1 li .dtls{width: auto;padding:1em 1em ;margin: 0 auto;    text-align: center;float: none;}


.home .dtls h2{color:#493130;font-size:1.7rem;line-height: 2.6rem;margin-bottom: 0.3em;}
.home .dtls h2 span{display:block;font-size:1.4rem;font-weight:bold;}
.home .dtls h2 a{color:#493130;}

.home .dtls h3{color:#493130;background: #e3dfdf;margin-bottom: 0.3em;padding: 0.2em 0.5em;font-size:1.2rem;font-weight:normal;margin-bottom: 0.6em;}
.home .dtls h3 strong{font-weight:bold;}
.home .dtls h4{font-weight:bold;font-size:1.4rem;color:#e75297;margin-bottom: 0.75em;}
.home .dtls p{font-size:1.3rem;color:#2c2c2c;}

.single .dtls h2{color:#493130;font-size:1.7rem;line-height: 2.6rem;margin-bottom: 0.3em;}
.single .dtls h2 span{display:block;font-size:1.4rem;font-weight:bold;}
.single .dtls h2 a{color:#493130;}

.single .dtls h3{color:#493130;background: #e3dfdf;margin-bottom: 0.3em;padding: 0.2em 0.5em;font-size:1.2rem;font-weight:normal;margin-bottom: 0.6em;}
.single .dtls h3 strong{font-weight:bold;}
.single .dtls h4{font-weight:bold;font-size:1.4rem;color:#e75297;margin-bottom: 0.75em;}
.single .dtls p{font-size:1.3rem;color:#2c2c2c;}




.dtls h2{color:#493130;font-size:2.2rem;line-height:2.2rem;margin-bottom: 0.3em;}
.dtls h2 span{font-weight:normal;font-size:70%;}
.dtls h3{color:#493130;background: #e3dfdf;margin-bottom: 0.3em;padding: 0.2em 0.5em;font-size:1.2rem;font-weight:normal;margin-bottom: 0.6em;}
.dtls h3 strong{font-weight:bold;}
.dtls h4{font-weight:bold;font-size:1.6rem;color:#e75297;margin-bottom: 0.75em;}
.dtls p{font-size:1.5rem;color:#2c2c2c;}
.dtls_mg{padding-left: 2em;}
.dtls_mg h2{color:#e75297;font-size:1.6rem;line-height:2.2rem;margin-bottom: 0.5em;}
.dtls_mg h3{color:#2c2c2c;font-size:2rem;line-height:2.2rem;margin-bottom: 1em;}
.dtls_mg ul li{font-size:1.5rem;color:#2c2c2c;margin-bottom: 0.3em;font-weight:normal;}
.dtls_mg p{font-size:1.5rem;color:#2c2c2c;margin-bottom: 2em;font-weight:normal;}
.btn_list {
  display: flex;
}
.dtls_mg a{display:inline-block;width: 47%;margin: 0 1%;padding: 1em;text-align:center;background: #493130;border-radius:5px;font-size:1.6rem;color:#fff;}
.dtls_mg a:hover{opacity:0.8;text-decoration:none;color:#fff;}


/*ヘッダ*/
.header{background: url(../img/common/border.png) bottom 1px center repeat-x #fff;padding:0.75em 0 1em 0;}
.header a>img{display:block;}

.logo{display:inline-block;float: left;margin-right: 2em;}
.info{font-size:1.1rem;font-weight:bold;line-height: 2.6;}
#pc_menu{display:inline-block;}
#pc_menu ul li{display:inline-block;padding: 1em 0;margin-right: 1em;font-family:'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;font-weight:bold;}
#pc_menu ul li a{color:#493130;}
#pc_menu ul li:before{color:#493130;content: "\f004";font-family: 'fantastic';margin-right: 0.25em;font-size:60%;vertical-align:middle;}
#sub_mennu{float: right;}
#sub_mennu ul li{display:table-cell;vertical-align:middle;;}
#sub_mennu .days{border:1px solid #ee86ae;background:#ee86ae;color:#fff; border-radius:2px;font-weight:bold;padding: 0.1em 0.7em;}
#sub_mennu .twitter,#sub_mennu .mail{border:1px solid #ee86ae;border-radius:2px;}
#sub_mennu .twitter a{padding:0 0.85em;font-size:2rem;color:#ee86ae;}
#sub_mennu .mail a{padding: 0 1em;font-size:1.6rem;color:#ee86ae;    display: inline-block;vertical-align: middle;}
#sub_mennu .icon-twitter:before{line-height:unset;}
#sub_mennu ul{border-collapse: separate;border-spacing: 2px 0;}
#sub_mennu ul li a i{margin-right: 0;}

.icon-envelope:before {
content: "";
background: url(../images/icon_mail.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
filter: brightness(0) saturate(100%) invert(78%) sepia(68%) saturate(1460%) hue-rotate(290deg) brightness(96%) contrast(94%);
width: 1em;
height: 1em;
}
.icon-twitter:before {
content: "";
background: url(../images/icon_x.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
filter: brightness(0) saturate(100%) invert(78%) sepia(68%) saturate(1460%) hue-rotate(290deg) brightness(96%) contrast(94%);
width: 0.7em;
height: 0.7em;
}

/*フッダ*/
.footer{background: #493130;padding: 1.5em 0;text-align:center;}
.footer small{display:block;}
.footer h5{margin-bottom: 0.5em;}
.footer h5 img{width:120px;}

.footer ul.foter_nav1 li{font-size:1.2rem;display:inline-block;margin:0 0.5em;}
.footer ul.foter_nav1 li:before{content: "\f101";font-family: 'fantastic';margin-right: 0.2em;}
.footer ul.foter_nav1 li a{color:#fff;}
.footer ul.foter_nav2 li{font-size:1.2rem;display:inline-block;}
.footer ul.foter_nav2 li:after{content: "｜";}
.footer ul.foter_nav2 li:last-child:after{content:""}
.footer ul.foter_nav2 li a{color:#fff;}

.footer small{display:block;font-size:1rem;}

/*TOP*/
.home{background:;}
.home main{margin-bottom: 1em;}
#updatemagazine{padding: 0 2em;margin-bottom: 2em;}
h2.ttl{padding: 1em 0 2em}
h2.ttl:before{content:"";background: url(../img/common/orna01.png) no-repeat center center;height: 25px;display:block;}
h2.ttl:after{content:"";background: url(../img/common/orna02.png) no-repeat center center;height: 25px;display:block;}
h2.ttl span{  font-size:2rem;color:#493130;position: relative;display: block;padding:0.5em; text-align: center;}
#toplinks{letter-spacing: -.40em;    padding: 1em;}
#toplinks a{letter-spacing: normal;display:inline-block;width: 48%;padding: 1em 0;margin:1em 1%;text-align:center;background: #493130;border-radius:5px;font-size:1.6rem;color:#fff;}
#toplinks a:hover{opacity:0.8;text-decoration:none;color:#fff;}
#newmagazine{padding: 1em 4em 2em;background: #ee86ae;}
#newmagazine >h2{color:#fff;text-align:center;}
#newmagazine h2.ttl {padding:0 0 1em 0;}
#newmagazine >div{background: #fff;display:table;padding: 2em;width: 100%;}
#newmagazine >div:last-child{/*padding-top: 0;*/}
#newmagazine >div >figure{width: 30%;float: left;}
#newmagazine >div >figure>img{width: 100%;}
#newmagazine >div >div{width: 70%;float: right;}
#news{display:block;float: left;width: 100%;}
#twitter{display:block;float: right;width: 49%;}
#twitter> h2,#news> h2{background: #e3dfdf;padding: 0.5em 1em;color:#493130;}
#twitter> div,#news> div{background: #fff;padding: 1em;}
/* #tanwa{display:table;width: 100%;margin-bottom: 2em;} */
/* #tanwa> ul{background: #fff;padding: 1em;display:table;}
#tanwa> ul li{display:table-cell;width: 15.66%;padding: 0.5%;}
#tanwa> ul li a{color:#2c2c2c;}
#tanwa> ul li img{width: 100%;display:block;margin-bottom: 0.75em;} */
#tanwa .date{
  width: 100%;
  font-size:1.1rem;
  margin-top: .5rem;
}
#tanwa .lks{width: 100%;}
#tanwa {
  margin-bottom: 2em;
}
#tanwa_slide {
  width: 100%;
}
#tanwa_slide .slick-dots {
  position: absolute;
  bottom: 1px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#tanwa_slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0px 0px;
  padding: 0;
  cursor: pointer;
}
#mainvisual img{width: 100%;}
.pkmds{    background: #ee86ae;padding: 0.5em 1em;color: #493130;}


/*product個別*/
#story_auth{padding: 2em 4em;display: table;}
#story_auth figure{float: left;width: 35%;}
#story_auth figure img{width: 100%;}
#story_auth #product_dtl{width: 65%;float: right;padding-left: 2em;padding-top: 1.5em;}
#story_auth #product_dtl h1{color:#493130;font-size:2.4rem;;;}
#story_auth #product_dtl h4{color:#493130;font-size:1.8rem;margin-bottom:1em;font-weight:bold;;}
#story_auth #product_dtl h2{color:#e75297;margin-bottom: 0.8em;border-bottom:1px solid #e75297;}
#story_auth #product_dtl h3{color:#2c2c2c;margin-bottom: 1em;}
#story_auth #product_dtl p{color:#2c2c2c;margin-bottom:2em;}
#story_auth #product_dtl ul li {display:inline-block;width: 32.4%;margin-right: 1.33%;}
#story_auth #product_dtl ul li:last-child{margin-right: 0;}
#story_auth #product_dtl ul li a{font-weight:bold;background:#493130;color:#fff;font-size:80%;display:block;text-align:center;padding: 1.5em 0;border-radius:5px;}
#story_auth #product_dtl ul li a:hover{text-decoration:none;opacity:0.8;}
#story_new {padding:0 0 1.5em 0;}
#story_new h2.ttl{margin: 0 auto 0;}
#story_new h2.ttl{padding-bottom:0 ;}

/*product一覧*/
#productlist{padding: 2em;}
#productlist h2.ttl{padding-top: 0;}
#productlist .dtls h2{font-size:1.6rem;margin-bottom: 0.1em;line-height:1.2;}
#productlist .dtls h2.sub{font-size:1.4rem;margin-bottom: 0.5em;}

/*バックナンバー*/
#backmagazine{padding: 2em 4em;}
#backmagazine h2.ttl{padding-top: 0;}
#backmagazine >h2{color:#fff;text-align:center;}
#backmagazine >div{background: #fff;display:table;padding: 2em;width: 100%;}
#backmagazine >div >figure{width: 30%;float: left;}
#backmagazine >div >figure>img{width: 100%;}
#backmagazine >div >div{width: 70%;float: right;}
#magazine{padding: 0 2em;margin-bottom: 0;}
#magazine h2.ttl{margin:0 auto  3em;}

/*電子書籍*/
#ebooklist{padding: 2em;}
#ebooklist h2.ttl{padding-top: 0;}
#ebooklist small{width: 100%;text-align:right;display:block;margin-bottom: 1em;}
#ebooklist li:last-child{border:none;width: 100%;text-align:right;}


/*ぱんくず*/
#breadcrumbs{    margin-bottom: 1.5em; padding-top: 1.75em;}
#breadcrumbs li{display:inline-block;}
#breadcrumbs .icon-twitter:before{line-height:unset;}

/*ニュース*/
#news li{margin-bottom: 1em;padding-bottom: 1em;border-bottom:1px dotted #ccc;}
#news li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;;}
.date{width: 15%;display: inline-block;vertical-align: top;font-size:1.4rem;}
.lks{width: 85%;display: inline-block;;vertical-align: top;font-size:1.4rem;}

/*スライダー*/
#mainvisual.slider {background:#000;
width: 90%;
margin: 0 auto 80px;
}
.mypattern{
width: 100%;
}
#mainvisual.slider li.slick-slide{width: 880px;}
.mypattern.slick-slide img {
width: 100%;
height: auto;
}
.mypattern .slick-slide{
margin: 0;
}
.mypattern .slick-slide{}
.mypattern .slick-slide:not(.slick-center) {
  opacity:0.6;
}
.mypattern .slick-prev{left: -909px!important;z-index:1;right: 0;margin: auto;}
.mypattern .slick-next{right: -909px!important;z-index:1;left: 0;margin: auto;}

#tanwa_slide {
  width: 100%;
  background-color: #fff;
  padding: 1.5em 1.5em;
  position: relative;
  margin: auto;
}
#tanwa_slide li.slick-slide {
  width: 15rem;
  height: auto;
  padding: .5em;
  padding: 0 .5em 0 0;
}
#tanwa_slide li img {
  width: 100%;
  height: auto;
}
#tanwa_slide .slick-prev{left: .5rem;z-index:1; transform: none;}
#tanwa_slide .slick-next{right: .5rem;z-index:1; transform: none; }
#tanwa_slide .slick-prev:before, #tanwa_slide .slick-next:before {
  color: #e75297;
  background:transparent;
}

/*404*/
.error404 #content{
background: #fff;}
#post-not-found{padding: 10em 10em 10em;text-align:center;}
#post-not-found h2{font-size:6rem;font-family: 'Cormorant', serif;font-weight:bold;margin-bottom: 0.5em;}
#post-not-found p{text-align:center;}
#post-not-found div{background: rgba(255,255,255,0.9);padding: 2em;}


/*問い合わせ・ご意見ご感想*/
.formp{padding: 2em 10em;margin-top: 2em;}
.formp h2{font-size:1.6rem;margin-bottom: 0.1em;line-height:1.2;}
.formp div.detail{margin-bottom: 2em;}
.formp table{width: 100%;margin-bottom: 2em;}
.formp table td{padding: 0.5em 0;}
.formp table th{width: 30%;}
.formp input[type=text],.formp input[type=email]{margin-bottom: 0.2em;}
.formp input[type=submit]{background: #493130;color:#fff;padding: 0.5em 5em;margin: 0 auto;text-align:center;display: block;;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border: 2px solid #ee86ae;text-align:center;}

.formp textarea{display: block;
    line-height: 40px;
    padding: 0 12px;
    margin-bottom: 14px;
    font-size: 1em;
    color: #5c6b80;
    border-radius: 3px;
    vertical-align: middle;
    box-shadow: none;
    border: 0;
    width: 100%;
    height: 10em;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #eaedf2;
    -webkit-transition: background-color 0.24s ease-in-out;
    transition: background-color 0.24s ease-in-out;}

/*PAGE NAVI STYLES*/

.pagination,
.wp-prev-next {
  margin: 1.5em 0; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    background-color: white;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px; }
  .pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    border-right: 1px solid #eaedf2; }
  .pagination a, .pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #493130; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
      background-color: #493130;
      color: white; }
  .pagination .current {
    cursor: default;font-weight:bold;
    color: #e75297; }
    .pagination .current:hover, .pagination .current:focus {
      background-color: white;
      color: #5c6b80; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* 初期は非表示（レイアウトは確保） */
.tanwa_slide { 
  visibility: hidden;      /* display:none だと計算に時間がかかるので visibility 推奨 */
  overflow: hidden;
}

/* slick 初期化後に表示 */
.tanwa_slide.slick-initialized {
  visibility: visible;
}

/* 画像のはみ出し＆ドカ見え防止 */
.tanwa_slide img {
  display: block;
  width: 100%;
  height: auto;
}

/* 初期化前は1枚だけ見せる（多段表示防止）。完全に消したいなら .slide:first-child も display:none; に */
.tanwa_slide:not(.slick-initialized) .slide { display: none; }
.tanwa_slide:not(.slick-initialized) .slide:first-child { display: block; }

/* もし高さジャンプが気になる場合は比率固定（任意） */
.tanwa_slide.is-fixed-ratio { aspect-ratio: 16/9; }
.tanwa_slide.is-fixed-ratio img { width: 100%; height: 100%; object-fit: cover; }



.sp{display:none;}

/*レスポンシブ*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width: 768px){
.inner{width: 100%;margin: 0 auto;display:table;}
.header{z-index:1;}
#pc_menu{display:none;}
.sp{display:block;}
/*レイアウト*/
.wrap{width: 100%;}
#main{background: #fff;margin: 0 2%;}
#news{width: 100%;padding:1em 2% 0 2%;}
#tanwa{padding:0 2% 0 2%;}
#twitter{display:none;}


#tanwa> ul li{display:inline-block;width: 33.33%;padding: 1%;}


/*ヘッダ*/
.header {-webkit-background-size: auto 10px;}
.header .logo{float:none;width: 30%;margin: 0 auto;display:block;}
.header .logo img{width: 100%;}
.header .info{display:none;}
.header .mail{display:none!important;}
.header .twitter{display:none!important;}
.header .days{font-size:1.2rem;position:absolute;right:5px;top:15px;}
/*フッダ*/
.footer .foter_nav1{display:none;}

/*ぱんくず*/
#breadcrumbs{padding-top: 1em;padding-left: 2%;font-size:80%;}
/*ドロワー */
.drawer-overlay{background-color:rgba(0,0,0,0.8)}
.drawer-nav{width: 70%;background: #e2d2cf;}
.drawer--left .drawer-nav{left:-70%;}
.drawer--left.drawer-open .drawer-hamburger{left:70%;color:#fff;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{color:#fff;}
.drawer--left.drawer-open .drawer-hamburger-icon:after,.drawer--left.drawer-open .drawer-hamburger-icon:before{background-color:#fff;}
.drawer-hamburger{margin-left: 10px;width: 2.5rem;padding: 14px .75rem 30px;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background: #000;}
.drawer-nav{z-index:2;}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{top: -8px;}
.drawer-hamburger-icon:after{top:8px;}

#sp_menu .logo{margin: 0.75em auto;width:50%;}
#sp_menu .logo img{width: 100%;}

#res_head{}
#res_head a{color:#493130;}
#res_head h1,#res_head h2{ display: block;line-height: 0;margin: 0 0.25em 0 0;float: none;margin: 0 auto;padding: 0.5em 0 0.3em;}
#res_head h1 a,#res_head h2 a{display:block; text-align: center;}
#res_head h3{background: #e50012;color:#fff;font-size:1.1rem;float: left;padding: 0.2em 1em;float: left;margin: 1em 0 0 0;    width: 100%; text-align: center;}

.icon-envelope:before {
  content: "";
  background: url(../images/icon_mail.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(18%) sepia(5%) saturate(3631%) hue-rotate(314deg) brightness(88%) contrast(85%);
  width: 1em;
  height: 1em;
  }
  .icon-twitter:before {
  content: "";
  background: url(../images/icon_x.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(18%) sepia(5%) saturate(3631%) hue-rotate(314deg) brightness(88%) contrast(85%);
  width: 0.7em;
  height: 0.7em;
  }

#menus_res{display:table;width: 100%;}
#menus_res ul li{padding: 0.75em;}

#menus_res ul {margin-top: 0;margin-bottom: 1em;padding: 0 5%;}
#menus_res ul li{padding: 0.75em;border-bottom: #666 1px solid;font-size:1.6rem;}
#menus_res ul li:first-child{border-top:#666 1px solid;}
#menus_res ul li i{font-size:125%;}
#menus_res ul li a{display: block;font-weight:bold;}
#menus_res ul li a:after{content:"\f105";font-family:"fantastic";float: right;}

#sns_res{padding: 0 5%;}
#sns_res ul{display:table;width: 100%;margin-bottom: 1em;}
#sns_res ul li{display:table-cell;vertical-align:middle;    text-align: center;}
#sns_res .days{font-size:1.3rem;border:1px solid #493130;background:#493130;color:#fff; border-radius:2px;font-weight:bold;padding: 0.1em 0.7em;}
#sns_res .twitter,#sns_res .mail{border:1px solid #493130;border-radius:2px;}
#sns_res .twitter a{padding:0 1em;font-size:1.3rem;color:#493130;}
#sns_res .mail a{padding: 0 1em;font-size:1.2rem;color:#493130;}
#sns_res .icon-twitter:before{line-height:unset;}
#sns_res ul{border-collapse: separate;border-spacing: 2px 0;}
#sns_res ul li a i{margin-right: 0;}

#menus_f ul{padding:0 1em 1em 1em;}
#menus_f ul li {display:inline-block;width: 50%;}
#menus_f ul li a{font-size:70%;}
#menus_f ul li a:before{content:"\f105";font-family:"fantastic";margin-right: 0.3em;}

/*スライダー*/
.mypattern .slick-slide:not(.slick-center) {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1;
}
#mainvisual.slider {
  width: 100%;
  margin: 0 auto 40px;
  }

/*TOP*/
#toplinks a{margin-top: 0;font-size:90%;}
#updatemagazine{padding: 0 1em;}
#newmagazine{padding:1em;text-align:center;}
#newmagazine >div{padding:1em;}
#newmagazine >div >figure{width: 70%;display:block;margin: 0 auto 1em;float: none}
#newmagazine >div >.dtls_mg{width: 100%;padding: 0;}
.dtls_mg h2{font-size:1.3rem;}
.dtls_mg ul li{font-size:1.3rem;}
.dtls_mg p{text-align:center;font-size:1.3rem}
.dtls_mg{padding-left: 1em;}


ul.list-type1 li{width: 100%;}
ul.list-type1 li .imgs{width: 40%;}
ul.list-type1 li .dtls{width: 60%;padding: 0 0 0 1em;}

.date{width: 35%;}
.lks{width: 65%;}

/*バックナンバー*/
#backmagazine{padding: 1em;}
#backmagazine >div{padding: 0;}
#backmagazine >div >figure {margin-right: 1em;margin-bottom: 1em;width: 40%;}
#backmagazine >div >figure img{width: 100%;}
#backmagazine >div >div{width: auto;float: none;padding: 0;}
.dtls_mg a{font-size:1.4rem;}
.dtls_mg{margin:0 0 2em 0;}

/*作品一覧*/
#productlist{padding: 1em;}
#productlist .list-type2 li{width:47.5%;margin-right: 5%;}
#productlist .list-type2 li:nth-child(4n){margin-right: 0;}
#productlist .list-type2 li:nth-child(even){margin-right: 0;}
#productlist .list-type2 li .dtls h2{font-size:1.4rem;}


/*作品詳細*/
#story_auth{padding:1em;}
#story_auth figure{width: 45%;margin-right: 1em;margin-bottom: 1em;}
#story_auth #product_dtl h1{font-size:2rem;}
#story_auth #product_dtl{float: none;padding: 0;width: auto;}
#story_auth #product_dtl h2{border:none;}
#story_auth #product_dtl p{display:block;float: none;clear: both;}
#story_auth #product_dtl ul li{width: 100%;margin-bottom:0.5em;}
#story_auth #product_dtl ul li a{padding: 0.75em;}
#story_new{padding:1em;}
#story_new h2.ttl{padding: 0;}
.tax-products ul.list-type1{padding: 0}
.tax-products ul.list-type1 li .imgs{width: 35%;margin-right: 1em;margin-bottom: 1em;}
.tax-products ul.list-type1 li .dtls{float: none;width: auto;padding: 0;padding-top: 0.5em;}
.dtls h2{font-size:1.8rem;}
.dtls p{clear:both;}


/*電子配信*/
#ebooklist{padding: 0 1em;}
#ebooklist .list-type3 li{width: 100%;}


/*404*/
#post-not-found{padding:3em 2em;text-align:center;background:url(../img/common/404bg.png) center 0 no-repeat;}
#post-not-found h2{font-size:6rem;font-family: 'Cormorant', serif;font-weight:bold;margin-bottom: 0.5em;}
#post-not-found p{text-align:center;}
#post-not-found div{background: rgba(255,255,255,0.9);padding: 2em;}

.slick-next{right:0!important;left:auto!important;height: 80px;width: 20px;}
.slick-prev{left:0!important;right:auto!important;height: 80px;width: 20px;}

/*ご意見・ご感想*/
.formp{padding: 2em 1em;}
.formp table th{font-size:1.4rem;padding-right:1em ;}
.formp table th br{display:none;}

@media only screen
and (orientation:landscape) {
#top_main_area #visual{height: 600px;}
}

}