/*----------INTRODUCTION----------*/

#intro {
	overflow : hidden;
	width : 100%;
	margin-bottom : 8%;
}

p#cover {
	width : 100%;
	margin-bottom : 5%;
}

p#cover img {
	width : 100%;
	height : 100%;
	border-radius : 9px;
}

#point {
	width : 100%;
}

#point h3 {
	margin-bottom : 6%;
	padding-bottom : 4%;
	border-bottom : solid 7px #cccccc;
	font-size : 120%;
	font-weight : 700;
	line-height : 1.3em;
}

ul#pList {
	list-style : none;
	margin-bottom : 7%;
}

ul#pList li {
	margin-bottom : 10px;
	padding : 2px 0 2px 36px;
	background-image : url(../../common/check.svg);
	background-repeat : no-repeat;
	background-size : 26px;
	background-position : 0 3px;
	line-height : 1.4em;
}

ul#simg {
	list-style : none;
	overflow : hidden;
	margin-bottom : 6%;
}

ul#simg li {
	float : left;
	width : 48%;
	margin-right : 4%;
}

ul#simg li:last-child {
	margin : 0;
}

ul#simg li img {
	width : 100%;
	height : 100%;
	border-radius : 9px;
}

ul#note {
	margin-left : 22px;
	font-size : 90%;
}

ul#note li {
	margin-bottom : 8px;
	line-height : 1.4em;
}

/*----------PRICE----------*/

.group {
	clear : both;
}

.tab-group {
    display : flex;
    justify-content : center;
	margin-bottom : 6%;
	font-size : 90%;
	font-weight : 700;
	border-bottom : solid 10px #d7e1f5;
}

.tab {
	list-style : none;
	flex-grow : 1;
	width : 33%;
	margin-right : 0.5%;
	padding : 14px 0 16px 0;
	background : #2d9bf5;
	color : #ffffff;
	border-top-left-radius : 8px;
	border-top-right-radius : 8px;
    text-align : center;
	line-height : 1.3em;
    cursor : pointer;
}

.tab:last-child {
	margin : 0;
}

.tab.is-active {
	color : #0546af;
	background : #d7e1f5;
	transition : all 0.2s ease-out;
}

.tab span {
	display : block;
}

.panel {
    display : none;
}

.panel.is-show {
    display : block;
}

.guide {
	width : 100%;
	margin-bottom : 7%;
}

.guide h3 {
	margin-bottom : 6%;
	font-size : 120%;
	font-weight : 700;
	text-align : center;
}

.guide h3 span {
	display : block;
}

.guide p {
	width : 100%;
	margin-bottom : 6%;
}

.guide p img {
	width : 100%;
	height : 100%;
	border-radius : 10px;
}

.guide ul {
	margin-left : 20px;
}

.guide ul li {
	margin-bottom : 10px;
	line-height : 1.35em;
}

.price {
	width : 100%;
	border-top : solid 1px #b4b4b4;
	border-left : solid 1px #b4b4b4;
}

.price td.media {
	width : 60px !important;
	width /**/: 77px;
	padding : 8px;
	color : #282828;
	border-bottom : solid 1px #b4b4b4;
	border-right : solid 1px #b4b4b4;
	background : #fffae1;
	font-size : 84%;
	font-family : "source-han-sans-japanese", sans-serif;
	font-weight : 500;
	font-style : normal;
}

.price th {
	padding : 11px 12px 11px 12px;
	border-bottom : solid 1px #b4b4b4;
	border-right : solid 1px #b4b4b4;
	text-align : center;
	font-weight : normal;
	background : #d7e1f5;
	line-height : 1.2em;
}

.price th span {
	display : block;
}

.price td {
	padding : 8px 12px 8px 12px;
	border-bottom : solid 1px #b4b4b4;
	border-right : solid 1px #b4b4b4;
	text-align : right;
	font-size : 130%;
	font-family : "joost", sans-serif;
	font-weight : 700;
	font-style : normal;
	color : #0546af;
}

.scroll {
	overflow : auto;
	white-space : nowrap;
	margin-bottom : 7%;
	padding-bottom : 6%;
}

.scroll::-webkit-scrollbar {
	height : 5px;
}

.scroll::-webkit-scrollbar-track {
	background : #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
	background : #BCBCBC;
}