@charset "utf-8";
/* CSS Document */


/* =============================================================================
   Flex 
   ========================================================================== */

.flex_wrapper{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


/* -- BOXの横幅 --*/

.flex_box_10{
  width: 10%;
}

.flex_box_15{
  width: 15%;
}

.flex_box_18{
  width: 18%;
}

.flex_box_20{
  width: 20%;
}

.flex_box_23{
  width: 23%;
}



.flex_box_28{
  width: 28%;
}

.flex_box_30{
  width: 30%;
}


.flex_box_38{
  width: 38%;
}
.flex_box_40{
  width: 40%;
}

.flex_box_45{
  width: 45%;
}
.flex_box_48{
  width: 48%;
}

.flex_box_58{
  width: 58%;
}
.flex_box_60{
  width: 60%;
}


.flex_box_68{
  width: 68%;
}
.flex_box_70{
  width: 70%;
}


.flex_box_78{
  width: 80%;
}
.flex_box_78{
  width: 80%;
}



.txt_box_brown{
	padding:5px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 95%;
	font-weight:600;
	color:rgba(255,255,255,1.00);
  background-color: rgba(128,108,77,1.00);
  text-align: center;
}

.border_blown{
  border: rgba(128,108,77,1.00) 1px solid;
  box-sizing: border-box;
}

.border_2nd{
  border: rgba(158,79,151,1.00) 1px solid;
  box-sizing: border-box;
}


.img_100 img{
  width: 100%;
  height: auto;
}


.style_pc{
  display: block;
}

.style_mobile{
  display: none;
}

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   スマホ版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

@media screen and (max-width: 480px) {




/* =============================================================================
   Flex 
   ========================================================================== */

.flex_wrapper{
  position: relative;
  overflow: hidden;
  display: block;
}


/* -- BOXの横幅 --*/

.flex_box_18{
  width: 100%;
}
.flex_box_20{
  width: 100%;
}

.flex_box_23{
  width: 100%;
}

.flex_box_28{
  width: 100%;
}

.flex_box_30{
  width: 98%;
}


.flex_box_38{
  width: 98%;
}
.flex_box_40{
  width: 100%;
}

.flex_box_45{
  width: 100%;
}

.flex_box_48{
  width: 98%;
}

.flex_box_58{
  width: 100%;
}
.flex_box_60{
  width: 100%;
}


.flex_box_68{
  width: 100%;
}
.flex_box_70{
  width: 100%;
}


.flex_box_78{
  width: 100%;
}
.flex_box_78{
  width: 100%;
}


.img100 img{
  width: 98%;
  height: auto;
}

.style_pc{
   display: none;
}

.style_mobile{
 display: block;
}


}