@charset "UTF-8";
/*-------------------------------
知識ページ共通
-------------------------------*/
.kodawari {
margin: 5% 0 0;
}
.kodawari .innerBlock{
max-width: 1000px;
margin: 10px auto;
width: 100%;
}
.kodawari h2{
margin: 0 auto 35px;
}
.kodawari .colItem{
float:left;
}
.kodawari .navBlock {
margin: 0 auto 7%;
}
.kodawari .navBlock ul{
margin: 0 auto;
width: 66%;
}
.kodawari .navBlock li{
width: 45%;
}
.kodawari .navBtn{
border:#c01a2b 1px solid;
box-sizing: border-box;
display: block;
text-align: center;
}
.kodawari .navBtn img{
padding: 2% 0;
}
.kodawari .navBtn:hover{
background: #c01a2b;
opacity: 1.0;
}
.kodawari .navBlock li:first-child{
margin:0 10% 0 0;
}
.kodawari .leadBlock{
padding: 7.6% 0;
margin: 0 0 7%
}
.kodawari .leadBlock h3 {
max-width: 930px;
margin: 0 auto;
}
.kodawari .leadBlock p {
color:#fff;
}
.kodawari .leadBlock dl {
width: 78%;
margin: 5% auto 0;
}
.kodawari .leadBlock dt {
max-width: 28px;
width: 8%;
padding: 0 5% 0 0;
}
.kodawari .leadBlock dd {
border-left: 1px solid #fff;
line-height: 2rem;
padding: 0 0 0 5%;
width: 83%;
}
.kodawari .methodBlock h2{
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin: 0 auto 7%;
max-width: 47px;
}
.kodawari .methodBlock h2 img{
display: block;
margin: 20% auto;
max-width: 23px;
}
.kodawari .methodBlock .underlayer{
background: url(../../common/img/kodawari/kame/kame_bg_pc.jpg) repeat;
padding: 6% 0;
margin: 0;
}
.kodawari .metIcon{
border: 1px solid #000;
border-radius: 3px;
max-width:176px;
mix-blend-mode: multiply;
padding: 3.5% 0;
position: relative;
width: 18%;
}
.kodawari .metIcon span{
display: block;
margin: 0 auto;
max-width: 27px;
}
.kodawari .metIcon:before,
.kodawari .metIcon:after {
position: absolute;
left: 100%;
top: 45%;
border: solid transparent;
content: '';
height: 0;
width: 0;
border-width: 8px 0 8px 13px;
}
.kodawari .metIcon:before {
border-left-color: #000000;
}
.kodawari .metIcon:after {
border-left-color: #FFFFFF;
margin: 0 0 0 -1px;
}
.kodawari .metItemHead p{
font-size:1.1rem;
line-height: 2rem;
margin: 1% 0 0 4%;
max-width: 774px;
width: 77%;
}
.kodawari .metItem{
margin:0 0 5%;
}
.kodawari .metItemHead{
padding: 0 0 5%;
}
.kodawari .metItemBody{
background:url(../../common/img/kodawari/kame/kame_line_ya.gif) no-repeat,url(../../common/img/kodawari/kame/kame_line1.gif) repeat-y;
background-position: bottom 0 left 9.1%, top 0 left 9.5%;
background-size: 11px auto,1.5px;
}
.kodawari .metItemBody .innerBlock{
max-width: 780px;
width: 77%;
margin: 0;
padding: 1% 0 10% 23%;
}
.kodawari .metItem ul{
margin: -13% 0 0;
}
.kodawari .metItem ul li{
float:left;
}

.kodawari .metItem ul li:nth-child(even){
margin: 0 0 1% 0;
}
.kodawari .metItem ul li:nth-child(odd){
margin: 0 1% 1% 0;
}

@media screen and (max-width: 999px) {
.kodawari .contentsBlock .pc_on{
display: none;
}
.kodawari .innerBlock {
width: 90%;
}
.kodawari .navBlock ul {
width: 100%;
}
.kodawari .navBtn img{
padding: 5% 0;
width:93%;
}
.kodawari .metItem ul {
margin: -11% 0 0;
}
.kodawari .metItemHead p {
font-size: 0.9rem;
line-height: 1.1rem;
}
}
@media screen and (max-width: 599px) {
.kodawari .contentsBlock .pctab_on{
display: none;
}
.kodawari .contentsBlock{
margin: 25vw 0 0;
}
.kodawari .colItem {
float: none;
}
.kodawari h2 {
margin: 0 15% 9%;
}
.kodawari .navBlock {
margin: 0 auto 10%;
}
.kodawari .navBlock li {
float: left;
width: 46%;
}
.kodawari .navBlock li:nth-child(odd){
margin: 0 8% 0 0;
}
.kodawari .navBtn img {
padding: 15% 10%;
max-width: 80%;
}
.kodawari .leadBlock {
padding: 12% 0;
}
.kodawari .leadBlock dl {
width: 100%;
margin: 8% auto 0;
}
.kodawari .leadBlock dt {
max-width: 60%;
width: 100%;
padding: 0 0 5%;
margin: 0 auto;
}
.kodawari .leadBlock dd {
border-top: 1px solid #fff;
border-left: none;
line-height: 1.8rem;
padding: 5% 0 0;
width: 100%;
}
.kodawari .leadBlock p {
margin: 0 8%;
}
.kodawari .methodBlock h2 {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: none;
border-top: none;
margin: 10% auto;
max-width: 45%;
}
.kodawari .methodBlock h2 img {
margin: 0 auto;
max-width: 88%;
padding: 1.5% 0px;
}
.kodawari .metItem {
margin: 0 0 25%;
}
.kodawari .metItem ul {
margin: 0;
}
.kodawari .metItemHead p {
line-height: 1.5rem;
margin: 6% 0 0;
width: 100%;
}
.kodawari .metIcon {
max-width: 100%;
width: 100%;
}
.kodawari .metIcon span {
display: inline-block;
vertical-align: middle;
}
.kodawari .metIcon span:first-child {
padding: 0 2.5%;
}
.kodawari .metIcon:before,
.kodawari .metIcon:after {
position: absolute;
left: 50%;
top: 100%;
border: solid transparent;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 6.5px 0 6.5px;
}
.kodawari .metIcon:before {
border-top-color: #000000;
}
.kodawari .metIcon:after {
border-top-color: #FFFFFF;
margin: -2px 0 0;
}
.kodawari .methodBlock .metItem .metItemHead .metIcon span:last-child{
max-width: 80%;
}
.kodawari .metItemBody {
width: 100%;
background: none;
}
.kodawari .metItemBody .innerBlock {
max-width: 100%;
margin: 0;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding: 0;
position: relative;
transform: translateZ(0);
width: 100%;
}
.kodawari .metItemBody .sliderBlock li {
margin: 0;
position: relative;
}
.kodawari .methodBlock .metItem .metItemBody .sliderBlock li{
max-width: 250px;/*スライド1枚の幅*/
margin:0;
width: auto;
}
.kodawari .methodBlock .metItem .metItemBody .sliderBlock li:focus{
outline: 0;
}
}

/*-------------------------------
白井田七。甕について
-------------------------------*/
.k_kame h2{
max-width: 89px;
margin: 0 auto 41px;
}
.k_kame .navBlock {
margin: 0 auto 6%;
}
.k_kame .navBlock li:first-child {
margin: 0 8.3% 0 0;
}
.k_kame .navBtn img {
  box-sizing: border-box;
  padding: 5% 20.8%;
}
.k_kame .navBlock li {
width: 45.7%;
}
.k_kame .leadBlock{
background:url(../../common/img/kodawari/kame/kame_main_img_pc.jpg) no-repeat center;
background-size:cover;
padding: 6.9% 0 5.5%;
margin: 0 0 5.8%;
}
.k_kame .leadBlock .innerBlock {
margin: 0 auto;
max-width: 1000px;
width: 100%;
padding: 0 0 0 2%;
box-sizing: border-box;
}
.k_kame .leadBlock h3 {
  max-width: 922px;
}
.k_kame .leadBlock dl {
  margin: 6% auto 0;
}
.k_kame .leadBlock dt {
  padding: 0 6% 0 0;
}
.k_kame .methodBlock h2 img {
    max-width: 30px;
}
/*画像調整1*/
.k_kame .metItem:nth-child(1) .metIcon span:last-child{
max-width: 86px;
}
.k_kame .metItem:nth-child(1) ul li:nth-child(even){
margin: 0 1% 1% 0;
}
.k_kame .metItem:nth-child(1) ul li:nth-child(odd){
margin: 0 0 1% 0;
}
.k_kame .metItem:nth-child(1) ul li:nth-child(1){
max-width: 528px;
margin: 0 0 3%;
}
.k_kame .metItem:nth-child(1) ul li:nth-child(2),
.k_kame .metItem:nth-child(1) ul li:nth-child(4){
max-width: 316px;
width: 40.5%;
}
.k_kame .metItem:nth-child(1) ul li:nth-child(3),
.k_kame .metItem:nth-child(1) ul li:nth-child(5){
max-width: 450px;
width: 58%;
}
.k_kame .metItem:nth-child(1) ul li:nth-child(6){
max-width: 507px;
width: 65%;
}
.k_kame .metItem:nth-child(1) ul li:nth-child(7){
max-width: 259px;
width: 33.2%;
}
/*2*/
.k_kame .metItem:nth-child(2) .metItemBody ul {
margin: -18% 0 0;
}
.k_kame .metItem:nth-child(2) .metIcon span:last-child{
max-width: 128px;
}
.k_kame .metItem:nth-child(2) ul li{
max-width: 774px;
width: 100%;
}
/*3*/
.k_kame .metItem:nth-child(3) .metItemBody ul {
margin: -20% 0 0;
}
.k_kame .metItem:nth-child(3) .metIcon span:last-child{
max-width: 152px;
}
.k_kame .metItem:nth-child(3) ul li:nth-child(1){
max-width: 347px;
width: 44.5%;
}
.k_kame .metItem:nth-child(3) ul li:nth-child(2){
max-width: 423px;
width: 54.5%;
}
.k_kame .metItem:nth-child(3) ul li:nth-child(3){
max-width: 225.5px;
width: 29%;
}
.k_kame .metItem:nth-child(3) ul li:nth-child(4){
max-width: 544.5px;
width: 70%;
}
/*4*/
.k_kame .metItem:nth-child(4) .metItemBody ul {
margin: -16% 0 0;
}
.k_kame .metItem:nth-child(4) .metIcon span:last-child{
max-width: 154px;
}
.k_kame .metItem:nth-child(4) ul li:nth-child(1),
.k_kame .metItem:nth-child(4) ul li:nth-child(3){
max-width: 390px;
width: 50.2%;
}
.k_kame .metItem:nth-child(4) ul li:nth-child(3){
margin: -32.5% 1% 1% 0;
}
.k_kame .metItem:nth-child(4) ul li:nth-child(2),
.k_kame .metItem:nth-child(4) ul li:nth-child(4){
max-width: 378px;
width: 48.8%;
}
.k_kame .metItem:nth-child(4) ul li:nth-child(5){
max-width: 255px;
width: 33%;
}
.k_kame .metItem:nth-child(4) ul li:nth-child(6){
max-width: 513px;
width: 66%;
}
.k_kame .metItem:nth-child(4) .metItemBody{
background:none;
}

.k_kame .metItem:last-child p{
max-width: 558px;
margin: 0 auto;
padding: 0 0 0 20%;
}

@media screen and (max-width: 599px) {
.k_kame h2 {
max-width: 75%;
margin: 0 auto 5%;
}
.k_kame .leadBlock{
background:url(../../common/img/kodawari/kame/kame_main_img_sp.jpg) no-repeat center;
background-size:cover;
}
.k_kame .leadBlock .innerBlock {
padding: 0 2%;
}
.k_kame .methodBlock h2 img {
    max-width: 90%;
    padding: 0 5%;
}
.k_kame .navBtn img {
box-sizing: content-box;
padding: 5% 10%;
}
.k_kame .leadBlock dt {
    padding: 0 0 5%;
}
/*スライド全体の幅*/
.k_kame .metItem:nth-child(1) .sliderBlock {
width: 1750px;
}
.k_kame .metItem:nth-child(2) .metItemBody .sliderBlock li{
max-width: 100%;
}
.k_kame .metItem:nth-child(2) .metItemBody .innerBlock{
overflow-x: hidden;
}
.k_kame .metItem:nth-child(3) .sliderBlock {
width: 1000px;
}
.k_kame .metItem:nth-child(4) .sliderBlock {
width: 1250px;
}

.k_kame .metItem:last-child p {

padding: 0;
}
}
/*-------------------------------
白井田七。茶について
-------------------------------*/
.k_tya h2{
max-width: 78px;
margin: 0 auto 48px;
}
.k_tya .metItemBody .innerBlock {
padding: 2% 0 2% 23%;
}
.k_tya .leadBlock{
background:url(../../common/img/kodawari/tya/tya_main_img_pc.jpg) no-repeat center;
background-size:cover;
padding: 6.6% 0 5%;
margin: 0 0 5%;
}
.k_tya .navBlock {
margin: 0 auto 3.5%;
}
.k_tya .navBlock ul {
margin: 0 auto;
width: 65.8%;
}
.k_tya .navBlock li {
margin: 0 8.8% 5% 0;
width: 45.6%;
}
.k_tya .navBtn img {
max-width: 192px;
padding: 5.5% 17.7%;
}
.k_tya .navBlock li:first-child {
margin: 0 8.8% 3.5% 0;
}
.k_tya .navBlock li:nth-child(2) {
margin: 0 0 3.5%;
}
.k_tya .navBlock li:nth-child(3){
margin: 0 8.8% 0 0;
}
.k_tya .navBlock li:nth-child(4) {
margin: 0;
}
.k_tya .leadBlock h3 {
    margin: 0 auto;
    max-width: 884px;
}
.k_tya .leadBlock dl {
  margin: 5% auto 0;
  padding: 0 0 0 12%;
  width: 80%;
}
.k_tya .leadBlock dt {
 border-right: 1px solid #fff;
}
.k_tya .leadBlock dd {
 border: none;
 padding: 1% 0 0 5%;
 line-height: 2.5;
}
.k_tya .methodBlock .underlayer{
margin-bottom: 6%;
padding: 2% 0;
}
.k_tya .methodBlock h2 {
  max-width: 23px;
  padding: 20px 1%;
}
.k_tya .metIcon span {
  max-width: 15px;
}
/*画像調整1*/
.k_tya .metItem:nth-child(1) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 86px;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(even){
margin: 0 0 0.5% 0;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(odd){
margin: 0 0.5% 0.5% 0;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(1){
width: 40.4%;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(2){
width: 58.8%;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(3){
width: 58.8%;
margin: 0 0 0.5% 0;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(4){
margin: -21.9% 0 0;
width: 40.5%;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(5){
width: 47.8%;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(6){
width: 30%;
margin: 0 0.5% 0 0;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(7),
.k_tya .metItem:nth-child(1) ul li:nth-child(8){
width: 20.95%;
margin: 0 0 0.5%;
}
.k_tya .metItem:nth-child(1) ul li:nth-child(8){
margin: 0;
}
/*2*/
.k_tya .metItem:nth-child(2) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 46px;
}
.k_tya .metItem:nth-child(2) ul li:nth-child(1){
width: 60%;
margin: 0 0.5% 0.5% 0;
}
.k_tya .metItem:nth-child(2) ul li:nth-child(2){
width: 39.5%;
margin: 0 0 0.5% 0;
}
.k_tya .metItem:nth-child(2) ul li:nth-child(3){
width: 15%;
margin: 0 auto 0.5%;
padding: 1% 12%;
}
.k_tya .metItem:nth-child(2) ul li:nth-child(4){
width: 100%;
}
/*3*/
.k_tya .metItem:nth-child(3) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 49px;
}
.k_tya .metItem:nth-child(3) ul li:nth-child(1){
width: 100%;
margin: 0 0 0.5%;
}
.k_tya .metItem:nth-child(3) ul li:nth-child(2){
width: 72.6%;
margin: 0 0.5% 0 0;
}
.k_tya .metItem:nth-child(3) ul li:nth-child(3){
margin: 0;
width: 26.9%;
}
/*4*/
.k_tya .metItem:nth-child(4) .innerBlock{
padding: 3.5% 0 4% 23%;
}
.k_tya .metItem:nth-child(4) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 46px;
}
.k_tya .metItem:nth-child(4) ul li:nth-child(1){
width: 49.7%;
margin: 0 0.5% 0.5% 0;
}
.k_tya .metItem:nth-child(4) ul li:nth-child(2){
margin: 0 0.5% 0.5% 0;
width: 24.6%;
}
.k_tya .metItem:nth-child(4) ul li:nth-child(3){
margin: 0 0 0.5%;
width: 24.6%;
}
.k_tya .metItem:nth-child(4) ul li:nth-child(4){
width: 49.7%;
margin: 0 0.5% 0 0;
}
.k_tya .metItem:nth-child(4) ul li:nth-child(5){
width: 49.7%;
margin: 0;
}
/*5*/
.k_tya .metItem:nth-child(5) .innerBlock{
padding: 3.5% 0 2% 23%;
}
.k_tya .metItem:nth-child(5) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 48px;
}
.k_tya .metItem:nth-child(5) ul li:nth-child(1){
width: 66%;
margin: 0 0.5% 0.5% 0;
}
.k_tya .metItem:nth-child(5) ul li:nth-child(2){
margin: 0;
width: 32.3%;
}
.k_tya .metItem:nth-child(5) ul li:nth-child(3){
margin: -27.8% 0.5% 0 0;
width: 66%;
}
/*6*/
.k_tya .metItem:nth-child(6) .innerBlock{
padding: 6.5% 0 4% 23%;
}
.k_tya .metItem:nth-child(6) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 113px;
}
.k_tya .metItem:nth-child(6) ul li:nth-child(1),
.k_tya .metItem:nth-child(6) ul li:nth-child(2){
width: 21.2%;
margin: 0 0.5% 0 0;
}
.k_tya .metItem:nth-child(6) ul li:nth-child(3){
margin: 0;
width: 56.6%;
}
/*7*/
.k_tya .metItem:nth-child(7) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 113px;
}
.k_tya .metItem:nth-child(7) ul li:nth-child(1),
.k_tya .metItem:nth-child(7) ul li:nth-child(3),
.k_tya .metItem:nth-child(7) ul li:nth-child(4),
.k_tya .metItem:nth-child(7) ul li:nth-child(5){
width: 33%;
margin: 0 0.5% 0.5% 0;
}
.k_tya .metItem:nth-child(7) ul li:nth-child(2){
margin: 0 0.5% 0 0;
width: 46.5%;
}
.k_tya .metItem:nth-child(7) ul li:nth-child(3){
margin: 0 0 0.5%;
width: 17.85%;
}
.k_tya .metItem:nth-child(7) ul li:nth-child(4),
.k_tya .metItem:nth-child(7) ul li:nth-child(5){
width: 17.9%;
margin: 0;
}
.k_tya .metItem:nth-child(7) ul li:nth-child(5){
margin: -15% 13% 0;
}
/*8*/
.k_tya .metItem:nth-child(8) .metIcon span:last-child{
margin: 21px auto 0;
max-width: 49px;
}
.k_tya .metItem:nth-child(8) ul li:nth-child(1){
width: 57.7%;
margin: 10% 2% 0.5% 0;
text-align: right;
}
.k_tya .metItem:nth-child(8) ul li:nth-child(1) img{
max-width: 37%;
}
.k_tya .metItem:nth-child(8) ul li:nth-child(2){
margin: 0;
 width: 39.8%;
}
.k_tya .metItem:nth-child(8) ul li:nth-child(3){
margin: -27.8% 0.5% 0 0;
width: 47.4%;
}
.k_tya .metItem:nth-child(8) .metItemBody{
background:none;
}
@media screen and (max-width: 1000px) {
.k_tya  .navBtn {
  padding: 0;
}
.k_tya  .navBtn img{
  padding: 4% 5%;
  max-width: 90%;
}
}
@media screen and (max-width: 599px) {
.k_tya h2 {
max-width: 100%;
}
.k_tya .contentsBlock h2 {
    max-width: 80%;
}
.k_tya .metItemBody .innerBlock,
.k_tya .metItem:nth-child(4) .innerBlock,
.k_tya .metItem:nth-child(5) .innerBlock,
.k_tya .metItem:nth-child(6) .innerBlock{
    padding: 0;
}
.k_tya .metItem{
margin: 0 0 15%;
}
.k_tya .methodBlock h2 {
border-color: -moz-use-text-color #000;
border-style: none solid;
border-width: medium 1px;
max-width: 45%;
padding: 5px 0;
}
.k_tya .leadBlock dl {
  width: 100%;
  padding: 0;
}
.k_tya .leadBlock dt{
border: none;
}
.k_tya .navBlock ul {
width: 100%;
}
.k_tya .navBtn img {
max-width: 80%;
padding: 12% 10%;
}
.k_tya .leadBlock dd{
border-left: medium none;
border-top: 1px solid #fff;
line-height: 1.8rem;
padding: 5% 0 0;
width: 100%;
}
.k_tya .sp_dispNone{
display: none;
}
.k_tya .methodBlock .underlayer{
margin-bottom: 25%;
}
.k_tya .leadBlock{
background:url(../../common/img/kodawari/tya/tya_main_img_sp.jpg) no-repeat center;
background-size:cover;
}
.k_tya .methodBlock .metItem:nth-child(1) .metItemHead .metIcon span:last-child{
max-width: 80px;
margin: 3px auto 0;
}
.k_tya .methodBlock .metItem:nth-child(2) .metItemHead .metIcon span:last-child,
.k_tya .methodBlock .metItem:nth-child(3) .metItemHead .metIcon span:last-child,
.k_tya .methodBlock .metItem:nth-child(4) .metItemHead .metIcon span:last-child,
.k_tya .methodBlock .metItem:nth-child(5) .metItemHead .metIcon span:last-child,
.k_tya .methodBlock .metItem:nth-child(8) .metItemHead .metIcon span:last-child{
max-width: 40px;
margin: 3px auto 0;
}
.k_tya .methodBlock .metItem:nth-child(3) .metItemHead .metIcon span:last-child,
.k_tya .methodBlock .metItem:nth-child(5) .metItemHead .metIcon span:last-child,
.k_tya .methodBlock .metItem:nth-child(8) .metItemHead .metIcon span:last-child{
max-width: 48px;
}
.k_tya .methodBlock .metItem:nth-child(6) .metItemHead .metIcon span:last-child,
.k_tya .methodBlock .metItem:nth-child(7) .metItemHead .metIcon span:last-child{
max-width: 100px;
margin: 3px auto 0;
}
/*スライド全体の幅*/
.k_tya .metItem:nth-child(1) .sliderBlock {
width: 2000px;
}
.k_tya .metItem:nth-child(2) .sliderBlock,
.k_tya .metItem:nth-child(3) .sliderBlock,
.k_tya .metItem:nth-child(5) .sliderBlock,
.k_tya .metItem:nth-child(6) .sliderBlock {
width: 750px;
}
.k_tya .metItem:nth-child(7) .sliderBlock{
width: 1000px;
}
.k_tya .metItem:nth-child(4) .sliderBlock {
width: 1250px;
}
.k_tya .metItem:nth-child(8) .metItemBody .innerBlock{
overflow: hidden;
}
.k_tya .metItem:nth-child(8) ul li:nth-child(1){
max-wigth: 100%;
}

.k_tya .metItem:nth-child(8) .metItemBody .sliderBlock li {
max-width: 100%;
}
}
/*-------------------------------
letterzine
-------------------------------*/
.mediaBlock{
max-width: 718px;
margin: 0 auto 9.4%;
}
.mediaBlock h2,
.letterzineBlock h2{
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin: 0 auto 7%;
max-width: 60px;
padding: 20px 2%;
}
.mediaBlock h2{
margin: 0 auto 11%;
}
.letterzineBlock h2{
max-width: 22px;
padding: 18px 1.2%;
}
.mediaBlock .newsBlock{
margin: 0 0 6%;
}
.mediaBlock .newsBlock dl{
border-bottom: 1px dashed #bcbcbc;
padding: 18px 0;
}
.mediaBlock .newsBlock dl:last-child{
border:none;
}
.mediaBlock .newsBlock dt,
.mediaBlock .newsBlock dd{
float: left;
}
.mediaBlock .newsBlock dt{
width: 20%;
white-space: nowrap;
color: #8b8b8b;
font-size: 1.0315rem;
text-align: center;
}
.mediaBlock .newsBlock dd{
width: 80%;
font-size: 1.0315rem;
}
.mediaBlock .newsBlock dd a{
color: #000;
}
.mediaBlock .newsBlock dd:hover a{
text-decoration: underline;
}
@media screen and (max-width: 1000px) {
.mediaBlock{
max-width: 95%;
margin: 0 auto 5%;
}
}
@media screen and (max-width: 599px) {
.mediaBlock {
margin: 0 auto 25%;
}
.mediaBlock h2,
.letterzineBlock h2{
border-color: -moz-use-text-color #000;
border-style: none solid;
border-width: medium 1px;
max-width: 45%;
padding: 5px 10px;
}
.letterzineBlock h2{
max-width: 35%;
}
.mediaBlock .newsBlock dt,
.mediaBlock .newsBlock dd{
float: none;
text-align: left;
}
.mediaBlock .newsBlock dt{
width: 100%;
white-space: nowrap;
margin: 0 0 2.5%;
font-size: 0.913rem;
}
.mediaBlock .newsBlock dd {
font-size: 0.913rem;
width: 100%;
}
}
/*-------------------------------
letterzine
-------------------------------*/
.letterzineBlock{
max-width: 1000px;
margin: 0 auto 10%;
}
.letterzineBlock .textImg2colBlock {
display: table;
margin: 0 0 9%;
}
.letterzineBlock .textImg2colBlock .thumbBlock{
width: 49.7%;
max-width: 49.7%;
display: table-cell;
}
.letterzineBlock .textImg2colBlock .textBlock{
vertical-align: bottom;
display: table-cell;
padding: 0 0 0 2%;
max-width: 48.3%;
width: 48.3%;
line-height: 1.5;
}
.letterzineBlock .textImg2colBlock .textBlock .inner{
max-width: 60%;
width: 60%;
}
.letterzineBlock .textImg2colBlock .s_heading,
.letterzineBlock .textImg2colBlock .s_heading i,
.letterzineBlock .textImg2colBlock .leadText{
font-size: 1.188rem;
}
.letterzineBlock .textImg2colBlock .textBlock h3{
font-size: 1.656rem;
font-weight: 500;
margin: 0 0 2%;
letter-spacing: 0.05em;
}
.letterzineBlock .textImg2colBlock .textBlock .leadText{
color: #808080;
}
.letterzineBlock .img2colBlock{
margin: 0 0 9%;
}
.letterzineBlock .img2colBlock li{
max-width: 48.3%;
margin: 0 3.4% 2% 0;
float: left;
}
.letterzineBlock .img2colBlock li:nth-child(2n){
margin: 0 0 2%;
}
.letterzineBlock .backHeding,
.mukoujimaBlogBlock h2{
border: none;
max-width: 145px;
margin: 0 auto 5%;
border-bottom: 1px solid #808080;
padding: 0 10px 10px;
}
.mukoujimaBlogBlock h2{
max-width: 61px;
}
.letterzineBlock .backNumberBlock{
max-width: 1000px;
margin: 0 auto 4%;
}
.letterzineBlock .backNumberBlock li{
float: left;
max-width: 23.5%;
margin: 0 2% 0 0;
}
.letterzineBlock .backNumberBlock li:last-child{
margin: 0;
}
.letterzineBlock .backNumberBlock li .thumbBlock{
margin: 0 0 7%;
}
.letterzineBlock .backNumberBlock li .ttl,
.letterzineBlock .backNumberBlock li .ttl i{
color: #808080;
}
.letterzineBlock .backNumberBlock li .ttl{
text-align: center;
font-size: 0.969rem;
}
.letterzineBlock .backNumberBlock li a:hover .ttl{
text-decoration: underline;
}
.blogBtnBlock{
max-width:300px;
margin: 0 auto;
border: #c01b2c 1px solid;
border-radius: 5px;
}
.blogBtnBlock a{
padding: 8% 10% 5.5%;
font-size: 1.2rem;
border-radius: 5px;
background: #c01b2c;
}
.blogBtnBlock a:hover{
background: #fff;
}
.blogBtnBlock a i{
color: #fff;
font-size: 1.1rem;
margin: 0 10px 0 0;
}
.blogBtnBlock a:hover,
.blogBtnBlock a:hover i{
color: #c01b2c;
}
@media screen and (max-width: 1000px) {
.letterzineBlock{
max-width: 95%;
margin: 0 auto 5%;
}
.letterzineBlock .textImg2colBlock .textBlock .inner {
max-width: 100%;
width: 100%;
}
}
@media screen and (max-width: 599px) {
.letterzineBlock {
margin: 0 auto 25%;
}
.letterzineBlock .backNumberBlock li {
margin: 0 2% 4% 0;
max-width: 48%;
}

.letterzineBlock .textImg2colBlock .textBlock h3 {
    font-size: 1.13rem;
}
.letterzineBlock .textImg2colBlock .s_heading,
.letterzineBlock .textImg2colBlock .s_heading i,
.letterzineBlock .textImg2colBlock .leadText {
    font-size: 0.863rem;
}
}
/*-------------------------------
mukojima
-------------------------------*/
.mukoujimaBlogBlock{
max-width: 1000px;
margin: 0 auto 5%;
}
.mukoujimaBlogBlock .blog3ColBlock{
margin: 0 auto 5%;
}
.mukoujimaBlogBlock .blog3ColBlock li{
box-sizing: border-box;
max-width: 32.95%;
padding: 0 1.1% 0 0;
border-right: 1px #000 dashed;
float: left;
}
.mukoujimaBlogBlock .blog3ColBlock li:nth-child(2){
padding: 0 1.1%;
max-width: 34.1%;
}
.mukoujimaBlogBlock .blog3ColBlock li:last-child{
padding: 0 0 0 1.1%;
border: none;
}
.mukoujimaBlogBlock .blog3ColBlock .thumbBlock{
margin: 0 0 5%;
}
.mukoujimaBlogBlock .ttl2colBlock{
position: relative;
}
.mukoujimaBlogBlock .ttl2colBlock .ttl{
font-size: 1.188rem;
margin: 0 0 5%;
width: 70%;
}
.mukoujimaBlogBlock .ttl2colBlock .date{
border: 1px #000 solid;
border-radius: 5px;
position: absolute;
right: 0;
top: -5px;
padding: 5px;
}
.mukoujimaBlogBlock .excerpt{
font-size: 0.9065rem;
line-height: 1.5;
}
@media screen and (max-width: 1000px) {
.mukoujimaBlogBlock{
max-width: 95%;
margin: 0 auto 5%;
}
.mukoujimaBlogBlock .ttl2colBlock .ttl{
font-size: 1rem;
margin: 0 0 5%;
width: 60%;
}
}
@media screen and (max-width: 800px) {
.mukoujimaBlogBlock .ttl2colBlock .ttl{
font-size: 1rem;
}
.mukoujimaBlogBlock .ttl2colBlock .date{
font-size: 0.9065rem;;
}
.mukoujimaBlogBlock .excerpt{
font-size: 0.875rem;
}
}
@media screen and (max-width: 700px) {
.mukoujimaBlogBlock .blog3ColBlock .thumbBlock {
margin: 0 0 10%;
}
.mukoujimaBlogBlock .ttl2colBlock .ttl{
font-size: 0.95rem;
margin: 0 0 10%;
}
.mukoujimaBlogBlock .ttl2colBlock .date{
font-size: 0.8565rem;;
}
}
@media screen and (max-width: 599px) {
.mukoujimaBlogBlock {
margin: 0 auto 25%;
}
.mukoujimaBlogBlock .blog3ColBlock {
margin: 0 auto 15%;
}
.mukoujimaBlogBlock .blog3ColBlock li{
box-sizing: border-box;
max-width: 100%;
padding: 0 0 10%;
margin: 0 0 10%;
border: none;
border-bottom: 1px #000 dashed;
float: none;
}
.mukoujimaBlogBlock .blog3ColBlock li:nth-child(2){
padding: 0 0 10%;
max-width: 100%;
}
.mukoujimaBlogBlock .ttl2colBlock .ttl{
width: 70%;
}
.mukoujimaBlogBlock .blog3ColBlock li:last-child{
margin: 0;
border: none;
}
}