@charset "euc-jp";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

a.white:link {
color : #ffffff; 
}
a.white:visited {
color : #ffffff; 
}
a.white:active {
color : #ffffff; 
}
a.white:hover {
color : #ffffff; 
}
.linkbox a:link { text-decoration: none;color: #ffffff; }
.linkbox a:visited { text-decoration: none;color: #ffffff; }
.linkbox a:hover { text-decoration: none;color: #ffffff; }
.linkbox a:active { text-decoration: none;color: #ffffff; }



/* モバイルレイアウト : 480 px およびそれ以下. */


.br-sp{
	display: inline;
}

.br-pc{
	display: none;
}

.contents {
    width: 100%;
    margin: 20px auto;
    display: -ms-grid;
    display: grid
;
    grid-template-areas:
        "title title"
        "image text";
    gap: 10px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contents__image {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: image;
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
.contents__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: title;
    font-size: 24px;
}
.contents__text {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: text;
    line-height: 1.5;
    height: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow: visible;
}
.textbox{
	font-size: 1em;
	margin-bottom: 30px;
}

.syouhin-title {
    border-bottom: 2px solid #FFA9C8;
    margin: 0 0 16px 0;
}

.pinkbox {
	width: 100%;
	max-width: 600px;
    padding: 0.5em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
	text-align: center;
}
.ttl_big{
	font-family:ms YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size:40px;
}
.flexbox3to1 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 20px 0;
}
.flexbox3to1 div {
	width: 100%;
	font-size: 10px;
	text-align: left;
	}
.flexbox3to1 div img {
	width: 100%;
	margin: 15px 0 5px 0;
	border-radius: 5px;
    }

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
	

.br-sp{
	display: none;
}

.br-pc{
	display: inline;
}
    .contents {
        grid-template-areas:
        "image title"
        "image text";
    }
    .contents__image {
        width: 150px;
        height: 150px;
    }
    .contents__text {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        overflow: visible;
    }
	
.ttl_big{
	font-family:ms YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size:20px;
}	
.flexbox3to1 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 20px 0;
}

.flexbox3to1 div {
	width: 30%;
	font-size: 15px;
	text-align: left;
	}

.flexbox3to1 div img {
	width: 100%;
	margin: 15px 0 5px 0;
	border-radius: 5px;
    }
	
}