/* reset
------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
font-weight: normal;
}
html { height: 100%; min-height: 100%; overflow: hidden; font-size: 62.4%; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
img { width: auto; height: auto; border: none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;font-weight:300;
}

p > span { display: inline-block; }

@media screen and (min-width: 641px) {
.pc { display: block; }
.sp { display: none; }
}
@media screen and (max-width: 640px) {
.pc { display: none; }
.sp { display: block; }
}

/* clearfix
------------------------------------------------ */
.clearfix {
clear: both;
*zoom: 1;
}
.clearfix:before,.clearfix:after {
content: ' ';
display: table;
}
.clearfix:after { clear: both; }

/* ==============================================
Origin commonStyle
================================================= */
body {
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden; 
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 1.6rem;
line-height: 1.6;
font-weight: 300;
}

a, a:hover, a:link, a:visited { text-decoration: none; cursor: pointer; }
a,input[type=image] { transition: ease .3s; }
input[type=image]:hover, a:hover img { opacity: 0.7; }
a:hover, a:hover span { text-decoration: underline; transition: ease .3s; }
input:focus { outline: 0; border-color: none; }

.wrapper {
position: relative;
margin: 0 auto;
}
@media screen and (min-width: 641px) {
.wrapper, #container-inner > #content { max-width: 1080px; padding: 0 8%; }
}

@media screen and (max-width: 1080px) {
body { font-size: 1.2rem; }
}
@media screen and (max-width: 840px) {
body { font-size: 1rem; }
.wrapper { padding: 0 2%; }
}

@media screen and (max-width: 640px) {
.wrapper { padding: 0; }
}

/*----news_block----*/
.column2_block_01 {
width: 98%;
height: auto;
overflow: hidden;
margin-bottom: 5%;
border-bottom:dotted 1px #a5a5a5;
}
.column2_block_01.last {
padding-bottom:0;
}
.column2_block_01 .column2_left_01 {
float:left;
overflow: hidden;
}
.column2_block_01 .column2_left_01 > .news_img_01, .column2_block_01 .column2_left_01 > .news_img_01 > a, .column2_block_01 .column2_left_01 img {
width: 102%;
height: auto;
display: block;
margin: 0 auto;
margin-left: -1%;
padding: 0;
overflow: hidden;
}
.column2_block_01 .column2_left_01 .noimage {
width: 100%;
height: auto; 
display: block;
margin: auto;
}
.column2_block_01 .column2_right_01 {
float:right;
}
.column2_block_01 .column2_right_01 ul li {
float:left;
list-style: none;
}
.column2_block_01 .column2_right_02 > .icon ~ span, .column2_block_01 .column2_right_02 > .icon ~ .icon { display: none; }
.column2_block_01 .column2_right_01 ul li .new_icon {
background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_newicon_01.gif) no-repeat;
text-indent:-9999px;
padding:0 18px;
display:inline-block;
margin-left:5px;
vertical-align:middle;
}
.column2_block_01 .column2_right_01 ul li span.icon {
text-indent:-9999px;
padding:0 50px 1px;
display:inline-block;
margin-left:5px;
}
.column2_block_01 .column2_right_01 ul li span.cat_start { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_01.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.cat_nearclose { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_02.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.cat_close { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_03.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.cat_result { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_04.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.cat_doing { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_05.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.cat_complete { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_06.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.cat_sale { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_07.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.cat_product_item { background:url(https://blog.benesse.ne.jp/shop/tamahiyo_voice/news_icon_10.png) no-repeat; background-position: center; background-size: contain; }
.column2_block_01 .column2_right_01 ul li span.news_bd_01 {
border:solid 1px;
box-sizing:border-box;
padding:0 5px;
}
.column2_block_01 .column2_right_01 .news_txt_01 {
display: block;
overflow: hidden;
clear: both;
}
.column2_block_01 .column2_right_01 .news_txt_01 > a {
text-decoration: underline;
text-decoration-color: #cccdc8;

}
.column2_block_02 {
width:100%;
height: 20%;
padding: 0;
margin: 0;
}
.column2_block_02 .column2_left_02 {
float:left;
width:140px;
}
.column2_block_01 a {
text-decoration:none;
color:#333;
}

.mt10 {
margin-top:10px !important;
}
.mb20 {
margin-bottom:20px !important;
}
.mb30 {
margin-bottom:30px !important;
}
.mb40 {
margin-bottom:40px !important;
}

@media screen and (min-width: 641px) {
.column2_block_01 { height: 140px; }
.column2_block_01 .column2_left_01 {
width:25%;
height: 120px;
border: 1px solid #cccdc8;
box-sizing: border-box;
margin-right: 2%;
}
.column2_block_01 .column2_right_01 {
float:right;
width:73%;
padding-top:5px;
}
.column2_block_01 .column2_right_01 .news_txt_01 {
height: 80%;
line-height:2em;
font-size:16px;
}
.column2_block_02 {
min-height: 24px;
}
.column2_block_01 .column2_right_01 ul li span.icon {
min-height: 22px; }
.column2_block_01 .column2_right_01 ul li time { font-size: 0.8rem; }
}
@media screen and (max-width: 640px) {
.column2_block_01 { height: 100px; }
.column2_block_01 .column2_left_01 {
width:37%;
height: 90px;
margin-right: 3%;
margin-bottom: 2%;
}
.column2_block_01 .column2_right_01 {
float:right;
width:60%;
padding-top:0;
}
.column2_block_01 .column2_right_01 .news_txt_01 {
height: 80%;
line-height:1.8;
font-size:120%
}
.column2_block_01 .column2_right_01 ul li time { font-size: 0.8rem; }
.column2_block_01 .column2_right_01 ul .column2_left_02 { width: 60%; }
.column2_block_01 .column2_right_01 ul .column2_right_02 { width: 40%; float: right; }
.column2_block_01 .column2_right_01 ul li .new_icon { width: auto; height: 12px; background-size: contain; margin: 0; padding: 0; display: block; }
.column2_block_01 .column2_right_01 ul li span.icon {
width: 90%;
max-height: 12px;
margin: 0;
margin-left: 10%;
padding: 0;
background-size: contain;
}
}

/*product-item-listbox--------------------------------------------------------*/
#product-item-listbox {
width: 100%;
padding: 0;
margin: 0;
}

#product-item-listbox > .itemlist {
margin-bottom: 2%;
}
#product-item-listbox > .itemlist > .eyecatch, #product-item-listbox > .itemlist > .item_title, #product-item-listbox > .itemlist > .item_description {
display: block;
margin-bottom: 1%;
overflow: hidden;
box-sizing: border-box;
}

#product-item-listbox > .itemlist > .eyecatch {
width: 100%;
height: 60%;
margin-bottom: 2%;
border: 1px solid #CCCDC8;
}
#product-item-listbox > .itemlist > .eyecatch > img { width: 100%; height: auto; }
#product-item-listbox > .itemlist > .item_title, #product-item-listbox > .itemlist > .item_description {
width: 96%;
padding: 0 2%;
margin: 0 auto;
color: #777777;
}
#product-item-listbox > .itemlist > .item_title { margin-bottom: 1%; }
#product-item-listbox > .itemlist > .item_title a, #product-item-listbox > .itemlist > .item_description a {
text-decoration: underline;
text-decoration-color: #cccdc8;
}
@media screen and (min-width: 641px) { 
#product-item-listbox > .itemlist { width: 31%; height: 220px; margin-right: 2%; float: left; }
#product-item-listbox > .itemlist > .item_title a { font-size: 1.5rem; }
#product-item-listbox > .itemlist > .item_description  a{ font-size: 1.2rem; }
 }
@media screen and (max-width: 640px) {
#product-item-listbox { display: flex; justify-content: space-between; flex-wrap: wrap; }
#product-item-listbox > .itemlist { width: 48%; margin-right: 2%; height: 200px; }
#product-item-listbox > .itemlist > .item_title a { font-size: 110%; }
#product-item-listbox > .itemlist > .item_description  a{ font-size: 90%; }
}

#product-item-listbox > .itemlist > .item_title > a, #product-item-listbox > .itemlist > .item_description > a { width: 100%; height: 100%; display: block; }
#product-item-listbox > .itemlist a, #product-item-listbox > .itemlist a:link, #product-item-listbox > .itemlist a:hover, #product-item-listbox > .itemlist a:visited { color: #777777; }