@charset "shift_jis";

/*============ 商品ページ個別CSS ===========*/

/* ページ固有の色を下記3つの要素に同一で入力 (白ヌキ文字を置いても読める程度の濃さで）*/

h2 .itemtitle, .open-link a:hover span, .open-link a:active span, .hidden-link a:hover span, .hidden-link a:active span, #container .main1c .button:hover,#container .main1c .button:active, 
.papercraft-title span
{
	color: #4e993d; /* キーカラーを指定 */
}

h2::before, h2::after, .accordion-block div, .tab-menu dl dt, .open-link a span,.hidden-link a span, p.point-number, .topimage h1, .whole-bg, .main1c .button, .whole-topimage, h3::before, .spec-title::before, .style-h3::before
{
	background: #4e993d; /* キーカラーを指定 */
}

h3, .style-h3, .open-link a span,.hidden-link a span, .spec-title, .main1c .button, .underline
{
	border-color: #4e993d; /* キーカラーを指定 */
}

.papercraft-title span {
	font-size: 16px;
	padding-left: 10px;
}


.lineup {
	background: #e2edf9 !important;
}

.lineup ol li {
	float: left;
	width: 25%;
}


.lineup .ol-2 li {
	width: 50%;
}

.foryou {
	margin-bottom: 50px !important;
}

.foryou ul {
	margin-left: 40px;
}

.foryou h2 {
	margin-bottom: 0 !important;
}

.foryou ul li {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}

.interview h2 {
	border-top: none;
	padding: 0 0 8px;
}

.interview h2::after {
	content: none;
}

.reserch {
	background: #f9f4dc !important;
	border: 2px solid #D8D575;
	box-sizing: border-box;
}

.rec {
	color: #4e993d;
	border: 1px solid #4e993d !important;
	padding: 8px 12px !important;
	margin: 0 0 10px !important;
}

.recommend li {
	border-bottom: dotted 1px #4e993d;
	font-weight: bold;
	padding: 5px;
}

.recommend li:nth-child(2) {
	border-top: dotted 1px #4e993d;
	margin-top: 5px;
}

h2 .example {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
}

.lineup h2::after {
	background: #4b83c8;
}

.lineup .underline {
	border-color: #4b83c8;
}


/*============ スマートフォン用 ===========*/
@media screen and (max-width: 767px) {

.smallimg {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.foryou ul li {
margin-left: 0;
font-size: 5vw !important;
margin-bottom: 10px;
}

.reserch {
width: 94% !important;
}

.lineup h2::before {
    background: #4b83c8;
}

.lineup ol li {
  width: 50%;
	font-size: 4vw;
}

.lineup .annotation {
    padding-top: 20px;
    font-size: 3.5vw !important;
}


}/* Media Query for SmartPhone */