/*共通*/

.allbox{
	max-width: 900px;
	margin: 0 auto;
}

.flex{
  display: flex;
  justify-content: space-between;
  text-align: center;
}	

.mt-30{
	margin-top: 30px;
}

.mt-50{
	margin-top: 50px;
}

.mt-80{
	margin-top: 80px;
}

.mt-100{
	margin-top: 100px;
}


body{
  margin: 0;
  padding: 0;
}


.colum-box{
	width: calc(100% - 5px);
	background: #fff;
    padding: 2rem 2rem;
	margin-bottom: 15px;
    border: 1px solid #212121;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}

.main .colum-box a{
	text-decoration: none;
}
.main .allbox h1{
	padding-bottom: 0px;
	margin-top:5px;
}
.catchcopy{
	text-align: left;
	font-size: 1.2em;
	font-family: ryo-gothic-plusn, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: bold;
	line-height: 1.5;
}

span.marker {
    background: linear-gradient(to right,#6481ff 0%, #ffa9cf 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 10%;
}



.komoji{
	font-size: 10px;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	text-align: right;
}

.title-top{
  display:flex;               /* 横並びにする */
  justify-content:space-between; /* 左右端に配置 */
  align-items:center;         /* 高さを中央にそろえる（任意） */
}

.box-type  {
	text-align:left;
}
.tag-type1,.tag-type2{
	font-size: 1.2em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 900;
}
.tag-type1{
	color: #36a0bc;
}
.tag-type2{
	color: #fff100;
}
.box-tag{
	text-align:center;
}
.tag-mark1,.tag-mark2 {
	display: inline-block;
	margin-right: 5px;
	background:#ffecec;
  padding:2px 8px;
  font-size:.85rem;
	color:#fff;
}

.tag-mark1 {
	background:#78d0e7;
}
.tag-mark2 {
	background:#FF4B86;
}

.box-gazou{
	background-color: #C2C1C1;
}
.box-gazou img{
	opacity: 0.9;
}

.item-name{
	text-align: left;
	font-weight: bold;
	color: #9ce191;
	margin: 5px auto;
}
.main .coad{
	background-color: #9ce191;
}
.item-detail {
	font-size: 0.8em;
	text-align: left;
  line-height: 1.5;
  position: relative;
}

.item-review {
	font-size: 0.8em;
	text-align: left;
  line-height: 1.5;
  position: relative;
	margin-top: 10px;
}

.main hr{
	border-bottom: 1px dotted #AAAAAA;
}
.main h5{
	font-weight: bold;
	text-align: left;
}
.kikkake,.aiyoureki {
	display: inline-block;
	margin-right: 5px;
  padding:2px 8px;
  font-size:.85rem;
}
.kikkake {background:#D5FFDE;}
.aiyoureki {background:#FFF6B0;}

/* 100px 超えた部分を隠す */
.js-trim:not(.is-open) {
  max-height: 100px;
  overflow: hidden;
}

/* ぼかしグラデーション (任意) */
.js-trim:not(.is-open)::after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:3em;            /* 好きな高さ */
  background:linear-gradient(rgba(255,255,255,0) 0%, #fff 100%);
}

/* ボタンの見た目 */
.read-more {
  display:block;
  margin: 0.5em auto 0;
  padding:.4em 1.2em;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size: .9em;
}

/* 展開後はボタンを「閉じる」に変える */
.is-open .read-more::after {
  content:'閉じる';
}


/*-----------------------------------------------------*/
/* デスクトップ */
/*-----------------------------------------------------*/


@media only screen and (min-width: 769px) {
	
.colum-box{
	width: calc(50% - 5px);
}

	
}