@charset "utf-8";

@font-face {
  font-family: "yugothib";
  src: url("../fonts/yugothib.woff") format("woff");
	src: url("../fonts/yugothib.ttf") format("truetype");
}

body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "yugothib", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
	border: 8px solid #044492;
}

a {
	transition: all 0.3s ease 0s;
}

.enTex {
	font-family: "Montserrat", sans-serif;
}

/*----------------------------------------------------
	college-store
----------------------------------------------------*/

#CollegeStore {
	padding: 407px 0 0 0;
}

#CollegeStore .headImg {
	position: absolute;
	top: 126px;
	left: 8px;
	width: calc(100% - 16px);
	height: 398px;
	z-index: -0;
}

#CollegeStore .headImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#CollegeStore .head {
	margin-bottom: 39px;
}

#CollegeStore .head h2 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1;
	color: #044492;
	font-family: "Montserrat", sans-serif;
}

#CollegeStore .conts {
	margin-bottom: 47px;
}

#CollegeStore .conts .subHead {
	margin-bottom: 26px;
}

#CollegeStore .conts .subHead h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 127.273%;
	text-align: center;
	color: #000;
}

#CollegeStore .conts p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 2;
	text-align: center;
	color: #000;
}

#CollegeStore .mapSec {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 93px;
}

#CollegeStore .mapSec .enHead {
	margin-bottom: 39px;
	padding: 0 0 0 6px;
}

#CollegeStore .mapSec .enHead h3 {
	font-size: 60px;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.05em;
	color: #044492;
	margin-bottom: 32px;
}

#CollegeStore .areaSec {
	margin-bottom: 74px;
}

#CollegeStore .areaSec .subHead {
	margin-bottom: 27px;
}

#CollegeStore .areaSec .subHead.Head2 {
	margin-bottom: 12px;
}

#CollegeStore .areaSec .subHead h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 127.273%;
	text-align: center;
	color: #000;
}

#CollegeStore .centerTex.mbTex {
	margin-bottom: 79px;
}

#CollegeStore .areaSec p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 2.2;
	text-align: center;
	color: #000;
}

#CollegeStore .areaSec .image {
	width: 100%;
	max-width: 232.5px;
	margin: 26px auto 24px;
}

#CollegeStore .areaSec .image img {
	max-width: 100%;
}

#CollegeStore .accessSec {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto 89px;
}

#CollegeStore .accessSec .subHead {
	margin-bottom: 43px;
}

#CollegeStore .accessSec .subHead h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 127.273%;
	text-align: center;
	color: #000;
}

#CollegeStore .accessSec .trainBox {
	margin-bottom: 42px;
}

#CollegeStore .accessSec .trainBox .boxHead {
	margin-bottom: -3px;
}

#CollegeStore .accessSec .trainBox .boxHead h4 {
	position: relative;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 2;
	color: #000;
	margin: 0;
	padding: 0 0 0 56px;
}

#CollegeStore .accessSec .trainBox .boxHead h4:before {
	content: '';
	width: 22px;
	height: 22px;
	background: #044492;
	position: absolute;
	left: 19px;
	top: 11px;
}

#CollegeStore .accessSec .trainBox .conts {
	margin-bottom: 0;
	padding: 0 76px;
}

#CollegeStore .accessSec .trainBox .conts p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	text-align: left;
	line-height: 2;
	color: #000;
}

#CollegeStore .accessSec .busBox {
	margin-bottom: 0;
}

#CollegeStore .accessSec .busBox .boxHead {
	background: #fff;
	border-radius: 60px;
	margin-bottom: 50px;
	padding: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#CollegeStore .accessSec .busBox .boxHead h4 {
	position: relative;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
}

#CollegeStore .accessSec .busBox .linkFlex {
	display: flex;
	justify-content: center;
	margin-bottom: 58px;
}

#CollegeStore .accessSec .busBox .linkFlex .linkBox {
	margin: 0 26px;
}

#CollegeStore .accessSec .busBox .linkFlex .linkBox .linkHead {
	margin-bottom: 34px;
}

#CollegeStore .accessSec .busBox .linkFlex .linkBox .linkHead h5 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	color: #000;
	text-align: center;
}

#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons {
	display: flex;
	justify-content: center;
}

#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button {
	width: 192px;
	height: 48px;
	margin: 0 11px 0;
}

#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #044492;
	border-radius: 30px;
	pointer-events: none;
}

#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button a .tex {
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #044492;
}

#CollegeStore .timeSec {
	margin-bottom: 92px;
}

#CollegeStore .timeSec .subHead {
	margin-bottom: 15px;
}

#CollegeStore .timeSec .subHead h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 127.273%;
	text-align: center;
	color: #000;
}

#CollegeStore .timeSec p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 2;
	text-align: center;
	color: #000;
}

#CollegeStore .timeSec .button {
	width: 192px;
	height: 48px;
	margin: 27px auto 0;
}

#CollegeStore .timeSec .button a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #044492;
	border-radius: 30px;
}

#CollegeStore .timeSec .button a .tex {
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #044492;
}

#CollegeStore .contactSec {
	margin-bottom: 81px;
}

#CollegeStore .contactSec .subHead {
	margin-bottom: 22px;
}

#CollegeStore .contactSec .subHead h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 127.273%;
	text-align: center;
	color: #000;
}

#CollegeStore .contactSec p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 2;
	text-align: center;
	color: #000;
}

#CollegeStore .contactSec p a {
	color: #000;
}

/*----------------------------------------------------
	certificationView
----------------------------------------------------*/

#certificationView {
	width: 100%;
	height: 100vh;
	background: #f6f6f6;
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

#certificationView .image {
	width: 100%;
	max-width: 200px;
	margin: 0 auto 20px;
}

#certificationView .big {
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 16px;
}

#certificationView .red {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
	color: #bb0707;
	margin-bottom: 10px;
}

#certificationView .black {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 16px;
}

#certificationView .yesBt {
	width: 100%;
	margin: 0 auto 0;
	max-width: 350px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	--bs-btn-padding-y: 6px;
	--bs-btn-padding-x: 12px;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: 1.42857142;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	padding: 10px 16px;
	text-decoration: none;
	color: #fff;
	background-color: #DE5D50;
	border-color: #DE5D50;
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	padding-top: 0;
	padding-bottom: 0;
	transition: all 0.3s ease;
}

#certificationView .yesBt:hover {
	opacity: 0.7;
}

#certificationView .noBt {
	width: 100%;
	margin: 14px auto 0;
	max-width: 350px;
}

#certificationView .noBt a {
	display: inline-block;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	--bs-btn-padding-y: 6px;
	--bs-btn-padding-x: 12px;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: 1.42857142;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	padding: 10px 16px;
	text-decoration: none;
	color: #fff;
	background-color: #525263;
	border-color: #525263;
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	padding-top: 0;
	padding-bottom: 0;
}

/*----------------------------------------------------
	ec Rayout
----------------------------------------------------*/

.ec-borderedDefs dt .redTex {
	font-size: 12px;
	font-weight: 700;
	text-align: justify;
	color: #DE5D50;
	padding: 0 15px 0 0;
	margin-bottom: 10px;
}

.ec-layoutRole {
	overflow: hidden;
	background: #f7f7f7;
}

.ec-headerNaviRole {
	max-width: initial;
}

.ec-categoryNaviRole .ec-itemNav__nav li:nth-child(1),
.ec-categoryNaviRole .ec-itemNav__nav li:nth-child(2) {
	display: none;
}

.ec-categoryNaviRole .ec-itemNav__nav li a {
	font-weight: 700;
	background: initial;
	border-bottom: 1px solid #044492;
	margin: 0 20px 10px;
}

.ec-role {
	max-width: 1280px;
	padding-left: 0;
	padding-right: 0;
}

.ec-layoutRole .ec-layoutRole__contents {
	max-width: 1280px;
	padding-top: 78px;
}

.ec-headerNaviRole .ec-headerNaviRole__left {
  width: 50.333333%;
	margin-left: 5.75%;
}

.have_curtain .ec-overlayRole {
	display: block;
	z-index: 10;
}

.ec-drawerRole {
	width: 300px;
	display: block;
	transform: translateX(-360px);
	transition: all 0.3s;
}

.ec-drawerRole.is_active {
	display: block;
}

.ec-drawerRole .ec-itemNav__nav li {
	width: 100%;
	margin-bottom: 0;
}

.ec-drawerRole .ec-itemNav__nav li a {
	text-align: left;
	padding: 16px;
}

.ec-sliderRole {
	position: relative;
	max-width: 100%;
	padding-left: 0;
  padding-right: 0;
	margin-bottom: 30px;
}

.ec-sliderRole .slide-arrow {
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.ec-sliderRole .next-arrow {
	position: absolute;
	top: 51%;
	right: -30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
}

.ec-sliderRole .next-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 13.9px;
  height: 23.8px;
}

.ec-sliderRole .next-arrow .arrow::before,
.ec-sliderRole .next-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #044492;
  transform-origin: calc(100% - 1px) 50%;
}

.ec-sliderRole .next-arrow .arrow::before {
  transform: rotate(45deg);
}

.ec-sliderRole .next-arrow .arrow::after {
  transform: rotate(-45deg);
}

.ec-sliderRole .prev-arrow {
	position: absolute;
	top: 51%;
	left: -30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
}

.ec-sliderRole .prev-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 16.9px;
  height: 23.8px;
}

.ec-sliderRole .prev-arrow .arrow::before,
.ec-sliderRole .prev-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #044492;
  transform-origin: 1px 50%;
}

.ec-sliderRole .prev-arrow .arrow::before {
  transform: rotate(45deg);
}

.ec-sliderRole .prev-arrow .arrow::after {
  transform: rotate(-45deg);
}

.ec-categoryNaviRole {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.ec-itemNav__nav li {
	margin-bottom: 10px;
}

.ec-itemNav__nav li:nth-child(1),
.ec-itemNav__nav li:nth-child(2) {
	display: none;
}


.ec-itemNav__nav li a {
	padding: 16px 29px;
}

.ec-layoutRole__main .ec-categoryNaviRole {
	margin-bottom: 114px;
}

textarea#privacy {
	width: 100%;
	line-height: 1.5;
	margin-bottom: 80px;
	padding: 20px;
	background: #fff;
}

.ec-productRole .ec-productRole__category {
	margin-bottom: 14px;
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
	z-index: 1000;
}

/*----------------------------------------------------
	Header
----------------------------------------------------*/

header {
	position: relative;
	background: #fff;
}

header .ec-headerNaviRole {
	padding: 0;
}

header .logoArea {
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
}

header .logoArea h1 a {
	display: flex;
	align-items: center;
}

header .logoArea h1 a .logoIcon {
	width: 100%;
	max-width: 74px;
	line-height: 71px;
	margin: 0 24px 0 0;
}

header .logoArea h1 a .tex {
	display: flex;
	flex-direction: column;
}

header .logoArea h1 a .tex small {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.008em;
	white-space: nowrap;
	color: #000000;
	margin-bottom: 13px;
}

header .logoArea h1 a .tex b {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.01em;
	white-space: nowrap;
	color: #000000;
	transform: translateY(3px);
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
}

header .logoArea h1 a .tex b span {
	color: #044492;
}

header .menuBt {
	position: relative;
	width: 118px;
	height: 118px;
	background: #044492;
	margin-left: 43px;
	cursor: pointer;
	z-index: 100;
}

header .menuBt span {
	background: #fff;
	width: 41px;
	height: 2px;
	border-radius: 50px;
	transition: all 0.3s ease;
}

header .menuBt span:nth-child(1) {
	position: absolute;
	left: 42px;
	top: 46px;
}

header .menuBt span:nth-child(2) {
	position: absolute;
	left: 42px;
	top: 61px;
}

header .menuBt.is_active span:nth-child(1) {
	transform: rotate(-45deg) translateX(-8px) translateY(5px);
}

header .menuBt.is_active span:nth-child(2) {
	transform: rotate(45deg) translateX(-6px) translateY(-3px);
}

header .siteMenu {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

header .siteMenu .topSec {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 12px 0 0 0;
}

header .siteMenu .topSec .ec-headerNav .ec-headerNav__item {
	position: relative;
}

header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(2) {
	margin: 0 0 0 30px;
}

header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(3) {
	margin: 0 0 0 30px;
}

header .siteMenu .topSec .ec-headerNav .ec-headerNav__item a img {
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
}

header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(3) a img {
	transform: translateY(-7px);
	-webkit-transform: translateY(-7px);
	-moz-transform: translateY(-7px);
}

header .siteMenu .topSec .ec-headerNav .ec-headerNav__item a span {
	font-size: 10px;
	color: #757575;
	white-space: nowrap;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

header .ec-headerRole__cart {
	width: 200px;
	margin: 0 0 0 20px;
}

header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
	background: initial;
	display: flex;
	justify-content: flex-end;
	border-top-left-radius: 00px;
	border-bottom-left-radius: 0px;
}

header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search:after {
	content: '';
	width: 1px;
	height: 26px;
	background: #757575;
	position: absolute;
	left: 4px;
	top: 7px;
	border-radius: 0;
}

header .ec-headerNaviRole .ec-headerNaviRole__right {
	align-items: flex-start;
}

header .ec-headerSearch .ec-headerSearch__category .ec-select select {
	font-weight: 500;
	max-width: 123px;
	height: 40px;
	padding: 8px 8px 8px 18px;
	color: #757575;
}

header .ec-headerNaviRole .ec-headerNaviRole__search {
	position: relative;
  width: 455px;
	margin-top: 9px;
}

header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
	position: absolute;
	top: 17px;
	right: 8px;
	border-top: 6px solid #757575;
}

header .ec-headerSearch .ec-headerSearch__keyword {
	width: 100%;
	height: 40px;
	border-radius: 0;
	border: 1px solid #E7E7E7;
}

header .ec-headerSearch .ec-headerSearch__keywordBtn {
	width: 77px;
	height: 40px;
	padding: 0 0 0 27px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #222222;
}

header .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
	width: 200px;
	height: 40px;
	font-size: 14px;
	padding: 0.5em 10px 0.5em 1.3em;
}

header .ec-headerSearch .ec-headerSearch__category {
	float: right;
	width: 129px;
	position: absolute;
	z-index: 1;
	right: 80px;
}

/*----------------------------------------------------
	Footer
----------------------------------------------------*/

footer .ec-footerRole {
	margin-top: 66px;
	padding-top: 33px;
	background: #044492;
}

.ec-footerRole .ec-footerRole__inner {
	max-width: 1248px;
}

.ec-footerTitle__logo {
	width: 42.78846%;
	max-width: 534px;
	margin: 0 auto 0;
}

.ec-footerNavi .ec-footerNavi__link a {
	position: relative;
	margin: 0 13px;
	text-decoration: initial;
}

.ec-footerNavi .ec-footerNavi__link a:after {
	content: '';
	width: 1px;
	height: 14px;
	background: #fff;
	position: absolute;
	right: -15px;
	top: 2px;
}

.ec-footerNavi .ec-footerNavi__link:last-child a:after {
	display: none;
}

.ec-footerTitle {
	padding: 38px 0 27px;
}

.ec-footerTitle .ec-footerTitle__copyright {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.046em;
}

/*----------------------------------------------------
	#guide
----------------------------------------------------*/

#guide_box p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 2;
}

/*----------------------------------------------------
	#bannerBlock
----------------------------------------------------*/

.bannerBlock {
	width: 98%;
	margin: 0 auto 0;
	padding: 46px 0;
	background: #fff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bannerBlock .banner {
	margin: 0 29px;
	width: 39.39393%;
}

.bannerBlock .banner img {
	max-width: 100%;
}

/*----------------------------------------------------
	#guideArea
----------------------------------------------------*/

.guideArea {
	position: relative;
	padding: 22px 0 0 0;
}

.guideArea .buttons {
	display: flex;
	justify-content: center;
}

.guideArea .buttons .button {
	width: 192px;
	height: 48px;
}

.guideArea .buttons .button a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #044492;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #044492;
}

/*----------------------------------------------------
	#pickupSec
----------------------------------------------------*/

.pickupSec {
	display: flex;
}

.pickupSec .pickConts {
	width: 401px;
	padding: 70px 0 0 3px;
}

.pickupSec .pickConts h2 {
	font-size: 60px;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.05em;
	color: #044492;
	margin-bottom: 32px;
}

.pickupSec .pickConts p {
	font-size: 18px;
	font-weight: 500;
	line-height: 2.25;
	margin-bottom: 44px;
	padding: 0 0 0 3px;
}

.pickupSec .pickConts .links {
	padding: 0 0 0 4px;
}

.pickupSec .pickConts .links a {
	display: flex;
	align-items: center;
}

.pickupSec .pickConts .links a .tex {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-right: 10px;
}

.pickupSec .pickConts .links a .arrowBox {
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #044492;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

.pickupSec .pickConts .links a .arrowBox .arrow {
	position: relative;
  display: inline-block;
  width: 7px;
  height: 23.8px;
}

.pickupSec .pickConts .links a .arrowBox .arrow::before,
.pickupSec .pickConts .links a .arrowBox .arrow::after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	width: 7px;
	height: 2px;
	border-radius: 9999px;
	background-color: #fff;
	transform-origin: calc(100% - 1px) 50%;
}

.pickupSec .pickConts .links a .arrowBox .arrow::before {
  transform: rotate(45deg);
}

.pickupSec .pickConts .links a .arrowBox .arrow::after {
  transform: rotate(-45deg);
}

.pickupSec .slideArea {
	position: relative;
	width: calc(100% - 401px);
}

.pickupSec .slideArea .slick__container {
	position: relative;
	overflow: hidden;
  width: calc(100% + (100vw - 100%) / 2);
	padding: 0 0 100px;
}

.pickupSec .pickSlide .slick-track {
  display: flex;
}

.pickupSec .pickSlide .slick-slide {
  height: auto !important;
}

.pickupSec .pickSlide .box {
	background: #fff;
	max-width: 384px;
	min-height: 435px;
	height: 100%;
}

.pickupSec .pickSlide .slick-list {
  overflow: visible;
}

.pickupSec .pickSlide .slick-slide {
  margin: 0 23px;
}

.pickupSec .pickSlide .slick-slide > div {
	height: 100%;
}

.pickupSec .pickSlide .box a {
	display: block;
	padding: 0 0 24px 0;
}

.pickupSec .pickSlide .box .cat {
	display: inline-block;
	border: 1px solid #044492;
	border-radius: 20px;
	padding: 2px 10px;
	margin: 0 20px 21px;
}

.pickupSec .pickSlide .box .cat span {
	font-size: 14px;
	font-weight: 500;
}

.pickupSec .pickSlide .box .image {
	width: 100%;
	height: 250px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 18px;
}

.pickupSec .pickSlide .box .image img {
	max-width: 100%;
}

.pickupSec .pickSlide .box .name {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	color: #000000;
	margin: 0 20px 39px;
}

.pickupSec .pickSlide .box .ec-productRole__price {
	color: #000000;
	font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	margin: 0 9px 0;
}

.pickupSec .pickSlide .box .ec-productRole__price .ec-price__price {
	font-size: 20px;
	font-weight: 400;
}

.pickupSec .pickSlide .box .ec-productRole__price .ec-price__tax {
	font-size: 16px;
	font-weight: 400;
}

.pickupSec .pickSlide .slide-arrow {
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.pickupSec .pickSlide .next-arrow {
	position: absolute;
	bottom: -104px;
	left: 802px;
	z-index: 1;
}

.pickupSec .pickSlide .next-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 13.9px;
  height: 23.8px;
}

.pickupSec .pickSlide .next-arrow .arrow::before,
.pickupSec .pickSlide .next-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #044492;
  transform-origin: calc(100% - 1px) 50%;
}

.pickupSec .pickSlide .next-arrow .arrow::before {
  transform: rotate(45deg);
}

.pickupSec .pickSlide .next-arrow .arrow::after {
  transform: rotate(-45deg);
}

.pickupSec .pickSlide .prev-arrow {
	position: absolute;
	bottom: -104px;
	left: 727px;
	z-index: 1;
}

.pickupSec .pickSlide .prev-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 16.9px;
  height: 23.8px;
}

.pickupSec .pickSlide .prev-arrow .arrow::before,
.pickupSec .pickSlide .prev-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #044492;
  transform-origin: 1px 50%;
}

.pickupSec .pickSlide .prev-arrow .arrow::before {
  transform: rotate(45deg);
}

.pickupSec .pickSlide .prev-arrow .arrow::after {
  transform: rotate(-45deg);
}

/*----------------------------------------------------
	#popularSec
----------------------------------------------------*/

.popularSec {
	display: flex;
	padding: 92px 0 0 0;
}

.popularSec .popularConts {
	width: 401px;
	padding: 9px 0 0 3px;
}

.popularSec .popularConts h2 {
	font-size: 60px;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.05em;
	color: #044492;
	margin-bottom: 21px;
}

.popularSec .popularConts p {
	font-size: 18px;
	font-weight: 500;
	line-height: 2.25;
	margin-bottom: 44px;
	padding: 0 0 0 3px;
}

.popularSec .popularConts .links {
	padding: 0 0 0 4px;
}

.popularSec .popularConts .links a {
	display: flex;
	align-items: center;
}

.popularSec .popularConts .links a .tex {
	font-size: 20px;
	font-weight: 500;
	color: #000;
	margin-right: 10px;
}

.popularSec .popularConts .links a .arrowBox {
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #044492;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

.popularSec .popularConts .links a .arrowBox .arrow {
	position: relative;
  display: inline-block;
  width: 7px;
  height: 23.8px;
}

.popularSec .popularConts .links a .arrowBox .arrow::before,
.popularSec .popularConts .links a .arrowBox .arrow::after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	width: 7px;
	height: 2px;
	border-radius: 9999px;
	background-color: #fff;
	transform-origin: calc(100% - 1px) 50%;
}

.popularSec .popularConts .links a .arrowBox .arrow::before {
  transform: rotate(45deg);
}

.popularSec .popularConts .links a .arrowBox .arrow::after {
  transform: rotate(-45deg);
}

.popularSec .slideArea {
	position: relative;
	width: calc(100% - 401px);
}

.popularSec .slideArea .slick__container {
	position: relative;
	overflow: hidden;
  width: calc(100% + (100vw - 100%) / 2);
	padding: 0 0 100px;
}

.popularSec .popularSlide .slick-track {
  display: flex;
}

.popularSec .popularSlide .slick-slide {
  height: auto !important;
}

.popularSec .popularSlide .slick-slide > div {
	height: 100%;
}

.popularSec .popularSlide .box {
	background: #fff;
	max-width: 384px;
	min-height: 435px;
	height: 100%;
}

.popularSec .popularSlide .box .image {
	width: 100%;
	height: 250px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 18px;
}

.popularSec .popularSlide .slick-list {
  overflow: visible;
}

.popularSec .popularSlide .slick-slide {
  margin: 0 23px;
}

.popularSec .popularSlide .box a {
	display: block;
	padding: 0 0 24px 0;
}

.popularSec .popularSlide .box .cat {
	display: inline-block;
	border: 1px solid #044492;
	border-radius: 20px;
	padding: 2px 10px;
	margin: 0 20px 21px;
}

.popularSec .popularSlide .box .cat span {
	font-size: 14px;
	font-weight: 700;
}

.popularSec .popularSlide .box .image {
	display: flex;
	justify-content: center;
	margin: 0 auto 18px;
}

.popularSec .popularSlide .box .image img {
	max-width: 100%;
}

.popularSec .popularSlide .box .name {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #000000;
	margin: 0 20px 39px;
}

.popularSec .popularSlide .box .ec-productRole__price {
	color: #000000;
	font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	margin: 0 9px 0;
}

.popularSec .popularSlide .box .ec-productRole__price .ec-price__price {
	font-size: 20px;
	font-weight: 400;
}

.popularSec .popularSlide .box .ec-productRole__price .ec-price__tax {
	font-size: 16px;
	font-weight: 400;
}

.popularSec .popularSlide .slide-arrow {
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.popularSec .popularSlide .next-arrow {
	position: absolute;
	bottom: -104px;
	left: 802px;
	z-index: 1;
}

.popularSec .popularSlide .next-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 13.9px;
  height: 23.8px;
}

.popularSec .popularSlide .next-arrow .arrow::before,
.popularSec .popularSlide .next-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #044492;
  transform-origin: calc(100% - 1px) 50%;
}

.popularSec .popularSlide .next-arrow .arrow::before {
  transform: rotate(45deg);
}

.popularSec .popularSlide .next-arrow .arrow::after {
  transform: rotate(-45deg);
}

.popularSec .popularSlide .prev-arrow {
	position: absolute;
	bottom: -104px;
	left: 727px;
	z-index: 1;
}

.popularSec .popularSlide .prev-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 16.9px;
  height: 23.8px;
}

.popularSec .popularSlide .prev-arrow .arrow::before,
.popularSec .popularSlide .prev-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #044492;
  transform-origin: 1px 50%;
}

.popularSec .popularSlide .prev-arrow .arrow::before {
  transform: rotate(45deg);
}

.popularSec .popularSlide .prev-arrow .arrow::after {
  transform: rotate(-45deg);
}

/*----------------------------------------------------
	#ec-newsRole
----------------------------------------------------*/

.ec-newsRole {
	position: relative;
	margin-top: 93px;
}

.ec-newsRole .head {
	border-bottom: 1px solid #ccc;
}

.ec-newsRole .head .ec-secHeading {
	margin-bottom: 12px;
}

.ec-newsRole .head .ec-secHeading__en {
	font-size: 60px;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.05em;
	color: #044492;
}

.ec-newsRole #news_readmore {
	display: flex;
	align-items: center;
	position: absolute;
	right: 29px;
	top: 83px;
	background: initial;
	border: initial;
}

.ec-newsRole #news_readmore .tex {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-right: 10px;
}

.ec-newsRole #news_readmore .arrowBox {
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #044492;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

.ec-newsRole #news_readmore .arrowBox .arrow {
	position: relative;
  display: inline-block;
  width: 7px;
  height: 23.8px;
}

.ec-newsRole #news_readmore .arrowBox .arrow::before,
.ec-newsRole #news_readmore .arrowBox .arrow::after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	width: 7px;
	height: 2px;
	border-radius: 9999px;
	background-color: #fff;
	transform-origin: calc(100% - 1px) 50%;
}

.ec-newsRole #news_readmore .arrowBox .arrow::before {
  transform: rotate(45deg);
}

.ec-newsRole #news_readmore .arrowBox .arrow::after {
  transform: rotate(-45deg);
}

.ec-newsRole .ec-newsRole__news {
	padding: 20px 0 20px 335px;
}

.ec-newsRole .ec-newsRole__newsHeading {
	align-items: center;
}

.ec-newsRole .ec-newsRole__newsDate {
	font-size: 12px;
	font-weight: 400;
	font-family: "Onest", sans-serif;
	color: #9E9993;
}

.ec-newsRole .ec-newsRole__newsCloseBtn {
	background: #044492;
}

.ec-newsRole .ec-newsRole__newsCloseBtn i {
	font-size: 11px;
	transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
}

/*----------------------------------------------------
	#calendarSec
----------------------------------------------------*/

.calendarSec {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 185px;
	margin-bottom: 186px;
}

.calendarSec .conts {
	width: 420px;
	padding: 27px 0 0 6px;
}

.calendarSec .ec-secHeading {
	margin-bottom: 27px;
}

.calendarSec .ec-secHeading__en {
	font-size: 60px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.025em;
	color: #044492;
}

.calendarSec .conts p {
	font-size: 18px;
	font-weight: 500;
	line-height: 2.25;
	padding: 0 0 0 3px;
}

.calendarSec .calendarArea {
	width: calc(100% - 472px);
}

.calendarSec .ec-calendar {
	margin-left: 0;
	padding: 0 22px 0 0;
	justify-content: space-between;
}

.calendarSec .ec-calendar .tableBox {
	width: 48%;
	background: #fff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	padding: 32px 0 32px 0;
}

.calendarSec .ec-calendar .tableBox .ec-calendar__month {
	margin-left: 0;
	width: 83%;
}

.calendarSec .ec-calendar #this-month-title,
.calendarSec .ec-calendar #next-month-title {
	padding: 8px 8px 24px 8px;
}

/*----------------------------------------------------
 PC VW
----------------------------------------------------*/

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

	body {
		border: 0.556vw solid #044492;
	}

	/*----------------------------------------------------
		college-store
	----------------------------------------------------*/

	#CollegeStore {
		padding: 28.264vw 0 0 0;
	}

	#CollegeStore .headImg {
		top: 8.75vw;
		left: 0.556vw;
		width: calc(100% - 1.111vw);
		height: 27.639vw;
	}

	#CollegeStore .head {
		margin-bottom: 2.708vw;
	}

	#CollegeStore .head h2 {
		font-size: 2.778vw;
	}

	#CollegeStore .conts {
		margin-bottom: 3.181vw;
	}

	#CollegeStore .conts .subHead {
		margin-bottom: 1.806vw;
	}

	#CollegeStore .conts .subHead h3 {
		font-size: 1.528vw;
	}

	#CollegeStore .conts p {
		font-size: 1.25vw;
	}

	#CollegeStore .mapSec {
		max-width: 83.333vw;
		margin: 0 auto 6.458vw;
	}

	#CollegeStore .mapSec .enHead {
		margin-bottom: 2.708vw;
		padding: 0 0 0 0.417vw;
	}

	#CollegeStore .mapSec .enHead h3 {
		font-size: 4.167vw;
		margin-bottom: 2.222vw;
	}

	#CollegeStore .areaSec {
		margin-bottom: 5.139vw;
	}

	#CollegeStore .areaSec .subHead {
		margin-bottom: 1.875vw;
	}

	#CollegeStore .areaSec .subHead.Head2 {
		margin-bottom: 0.833vw;
	}

	#CollegeStore .areaSec .subHead h3 {
		font-size: 1.528vw;
	}

	#CollegeStore .centerTex.mbTex {
		margin-bottom: 5.486vw;
	}

	#CollegeStore .areaSec p {
		font-size: 1.25vw;
	}

	#CollegeStore .areaSec .image {
		max-width: 16.146vw;
		margin: 1.806vw auto 1.667vw;
	}

	#CollegeStore .accessSec {
		max-width: 86.111vw;
		margin: 0 auto 6.181vw ;
	}

	#CollegeStore .accessSec .subHead {
		margin-bottom: 2.986vw;
	}

	#CollegeStore .accessSec .subHead h3 {
		font-size: 1.528vw;
	}

	#CollegeStore .accessSec .trainBox {
		margin-bottom: 2.917vw;
	}

	#CollegeStore .accessSec .trainBox .boxHead {
		margin-bottom: -0.208vw;
	}

	#CollegeStore .accessSec .trainBox .boxHead h4 {
		font-size: 1.528vw;
		padding: 0 0 0 3.889vw;
	}

	#CollegeStore .accessSec .trainBox .boxHead h4:before {
		width: 1.528vw;
		height: 1.528vw;
		left: 1.319vw;
		top: 0.764vw;
	}

	#CollegeStore .accessSec .trainBox .conts {
		padding: 0 5.278vw;
	}

	#CollegeStore .accessSec .trainBox .conts p {
		font-size: 1.25vw;
	}

	#CollegeStore .accessSec .busBox .boxHead {
		border-radius: 4.167vw;
		margin-bottom: 3.472vw;
		padding: 2.083vw;
	}

	#CollegeStore .accessSec .busBox .boxHead h4 {
		font-size: 1.806vw;
		font-weight: 700;
	}

	#CollegeStore .accessSec .busBox .linkFlex {
		margin-bottom: 4.028vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox {
		margin: 0 1.806vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .linkHead {
		margin-bottom: 2.361vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .linkHead h5 {
		font-size: 1.528vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button {
		width: 13.333vw;
		height: 3.333vw;
		margin: 0 0.764vw 0;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button a {
		border: 0.069vw solid #044492;
		border-radius: 2.083vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button a .tex {
		font-size: 0.972vw;
	}

	#CollegeStore .timeSec {
		margin-bottom: 6.414vw;
	}

	#CollegeStore .timeSec .subHead {
		margin-bottom: 1.042vw;
	}

	#CollegeStore .timeSec .subHead h3 {
		font-size: 1.528vw;
	}

	#CollegeStore .timeSec p {
		font-size: 1.25vw;
	}

	#CollegeStore .timeSec .button {
		width: 13.333vw;
		height: 3.333vw;
		margin: 1.875vw auto 0;
	}

	#CollegeStore .timeSec .button a {
		border: 0.069vw solid #044492;
		border-radius: 2.083vw;
	}

	#CollegeStore .timeSec .button a .tex {
		font-size: 0.972vw;
	}

	#CollegeStore .contactSec {
		margin-bottom: 5.625vw;
	}

	#CollegeStore .contactSec .subHead {
		margin-bottom: 1.528vw;
	}

	#CollegeStore .contactSec .subHead h3 {
		font-size: 1.528vw;
	}

	#CollegeStore .contactSec p {
		font-size: 1.25vw;
	}


	/*----------------------------------------------------
		ec Rayout
	----------------------------------------------------*/

	.ec-borderedDefs dt .redTex {
		padding: 0 1.042vw 0 0;
		margin-bottom: 0.694vw;
	}

	.ec-categoryNaviRole .ec-itemNav__nav li a {
		border-bottom: 0.069vw solid #044492;
		margin: 0 1.389vw 0.694vw;
	}

	.ec-categoryNaviRole .ec-itemNav__nav li ul li a {
		background: #fff;
		color: #044492;
	}

	.ec-categoryNaviRole .ec-itemNav__nav li ul li a:hover {
		color: #fff;
	}

	.ec-role {
		max-width: 88.889vw;
	}

	.ec-layoutRole .ec-layoutRole__contents {
		max-width: 88.889vw;
		padding-top: 5.417vw;
	}

	.ec-headerNaviRole .ec-headerNaviRole__left {
		width: 50.333333%;
		margin-left: 5.75%;
	}

	.ec-drawerRole {
		width: 20.833vw;
		transform: translateX(-25vw);
	}

	.ec-drawerRole .ec-itemNav__nav li a {
		padding: 1.111vw;
	}

	.ec-sliderRole {
		margin-bottom: 2.083vw;
	}

	.ec-sliderRole .slide-arrow {
		width: 4.236vw;
		height: 4.236vw;
	}

	.ec-sliderRole .next-arrow {
		right: -2.083vw;
	}

	.ec-sliderRole .next-arrow .arrow {
		width: 0.965vw;
		height: 1.653vw;
	}

	.ec-sliderRole .next-arrow .arrow::before,
	.ec-sliderRole .next-arrow .arrow::after {
		top: calc(50% - 0.139vw);
		width: 1.042vw;
		height: 0.208vw;
		border-radius: 694.375vw;
		transform-origin: calc(100% - 0.069vw) 50%;
	}

	.ec-sliderRole .prev-arrow {
		left: -2.083vw;
	}

	.ec-sliderRole .prev-arrow .arrow {
		width: 1.174vw;
		height: 1.653vw;
	}

	.ec-sliderRole .prev-arrow .arrow::before,
	.ec-sliderRole .prev-arrow .arrow::after {
		top: calc(50% - 0.139vw);
		width: 1.042vw;
		height: 0.208vw;
		border-radius: 694.375vw;
		transform-origin: 0.069vw 50%;
	}

	.ec-itemNav__nav li {
		margin-bottom: 0.694vw;
	}

	.ec-itemNav__nav li a {
		padding: 1.111vw 2.014vw;
	}

	.ec-layoutRole__main .ec-categoryNaviRole {
		margin-bottom: 7.917vw;
	}

	textarea#privacy {
		width: 100%;
		line-height: 1.5;
		margin-bottom: 5.556vw;
		padding: 1.389vw;
		background: #fff;
	}

	/*----------------------------------------------------
		Header
	----------------------------------------------------*/

	.ec-headerNav .ec-headerNav__item {
		width: 2.431vw;
	}

	.ec-cartNavi {
		border-radius: 6944.375vw;
		padding: 0.833vw 1.181vw 0.694vw;
		min-width: 9.722vw;
		height: 3.056vw;
	}

	.ec-headerNaviRole .ec-headerNaviRole__left {
		margin-left: 1.75%;
	}

	header .logoArea {
		transform: translateY(-0.417vw);
		-webkit-transform: translateY(-0.417vw);
		-moz-transform: translateY(-0.417vw);
	}

	header .logoArea h1 a .logoIcon {
		max-width: 5.139vw;
		line-height: 4.931vw;
		margin: 0 1.667vw 0 0;
	}

	header .logoArea h1 a .tex small {
		font-size: 1.111vw;
		margin-bottom: 0.903vw;
	}

	header .logoArea h1 a .tex b {
		font-size: 2.222vw;
		transform: translateY(0.208vw);
		-webkit-transform: translateY(0.208vw);
		-moz-transform: translateY(0.208vw);
	}

	header .menuBt {
		width: 8.194vw;
		height: 8.194vw;
		margin-left: 2.986vw;
	}

	header .menuBt span {
		width: 2.847vw;
		height: 0.139vw;
		border-radius: 3.472vw;
	}

	header .menuBt span:nth-child(1) {
		left: 2.917vw;
		top: 3.194vw;
	}

	header .menuBt span:nth-child(2) {
		left: 2.917vw;
		top: 4.236vw;
	}

	header .menuBt.is_active span:nth-child(1) {
		transform: rotate(-45deg) translateX(-0.556vw) translateY(0.347vw);
		-webkit-transform: rotate(-45deg) translateX(-0.556vw) translateY(0.347vw);
		-moz-transform: rotate(-45deg) translateX(-0.556vw) translateY(0.347vw);
	}

	header .menuBt.is_active span:nth-child(2) {
		transform: rotate(45deg) translateX(-0.417vw) translateY(-0.208vw);
		-webkit-transform: rotate(45deg) translateX(-0.417vw) translateY(-0.208vw);
		-moz-transform: rotate(45deg) translateX(-0.417vw) translateY(-0.208vw);
	}

	header .siteMenu .topSec {
		padding: 0.833vw 0 0 0;
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(2) {
		margin: 0 0 0 2.083vw;
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(3) {
		margin: 0 0 0 2.083vw;
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item a img {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(3) a img {
		transform: translateY(-7px);
		-webkit-transform: translateY(-7px);
		-moz-transform: translateY(-7px);
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item a span {
		font-size: 0.694vw;
		color: #757575;
		white-space: nowrap;
		position: absolute;
		bottom: -0.417vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	header .ec-headerRole__cart {
		width: 13.889vw;
		margin: 0 0 0 1.389vw;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search:after {
		width: 0.069vw;
		height: 1.806vw;
		left: 0.278vw;
		top: 0.486vw;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select select {
		font-size: 0.972vw;
		max-width: 8.542vw;
		height: 2.778vw;
		padding: 0.556vw 0.556vw 0.556vw 1.25vw;
	}

	header .ec-headerNaviRole .ec-headerNaviRole__search {
		width: 31.597vw;
		margin-top: 0.625vw;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
		top: 1.181vw;
		right: 0.556vw;
		border-top: 0.417vw solid #757575;
	}

	header .ec-headerSearch .ec-headerSearch__keyword {
		height: 2.778vw;
		border: 0.069vw solid #E7E7E7;
	}

	header .ec-headerSearch .ec-headerSearch__keywordBtn {
		width: 5.347vw;
		height: 2.778vw;
		padding: 0 0 0 1.875vw;
	}

	header .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
		width: 13.889vw;
		height: 2.778vw;
		font-size: 0.972vw;
		padding: 0.5em 0.694vw 0.5em 1.3em;
	}

	header .ec-headerSearch .ec-headerSearch__category {
		width: 8.958vw;
		right: 5.556vw;
	}

	/*----------------------------------------------------
		Footer
	----------------------------------------------------*/

	footer .ec-footerRole {
		margin-top: 4.583vw;
		padding-top: 2.292vw;
	}

	.ec-footerRole .ec-footerRole__inner {
		max-width: 86.667vw;
	}

	.ec-footerTitle__logo {
		max-width: 37.083vw;
	}

	.ec-footerNavi .ec-footerNavi__link a {
		margin: 0 0.903vw;
	}

	.ec-footerNavi .ec-footerNavi__link a:after {
		width: 0.069vw;
		height: 0.972vw;
		right: -1.042vw;
		top: 0.139vw;
	}

	.ec-footerTitle {
		padding: 2.867vw 0 1.875vw;
	}

	.ec-footerTitle .ec-footerTitle__copyright {
		font-size: 0.972vw;
	}

	/*----------------------------------------------------
		#guide
	----------------------------------------------------*/

	#guide_box p {
		margin-bottom: 1.389vw;
		font-size: 1.111vw;
	}

	/*----------------------------------------------------
		#bannerBlock
	----------------------------------------------------*/

	.bannerBlock {
		padding: 3.194vw 0;
		border-radius: 0.694vw;
	}

	.bannerBlock .banner {
		margin: 0 2.014vw;
		width: 39.39393%;
	}

	/*----------------------------------------------------
		#guideArea
	----------------------------------------------------*/

	.guideArea {
		padding: 1.069vw 0 0 0;
	}

	.guideArea .buttons .button {
		width: 18.333vw;
		height: 4.633vw;
	}

	.guideArea .buttons .button a {
		border: 0.069vw solid #044492;
		border-radius: 3.083vw;
		font-size: 1.172vw;
	}

	/*----------------------------------------------------
		#pickupSec
	----------------------------------------------------*/

	.pickupSec .pickConts {
		width: 27.847vw;
		padding: 4.861vw 0 0 0.208vw;
	}

	.pickupSec .pickConts h2 {
		font-size: 4.167vw;
		margin-bottom: 2.222vw;
	}

	.pickupSec .pickConts p {
		font-size: 1.25vw;
		margin-bottom: 3.056vw;
		padding: 0 0 0 0.208vw;
	}

	.pickupSec .pickConts .links {
		padding: 0 0 0 0.278vw;
	}

	.pickupSec .pickConts .links a .tex {
		font-size: 1.389vw;
		margin-right: 0.694vw;
	}

	.pickupSec .pickConts .links a .arrowBox {
		width: 2.014vw;
		height: 2.014vw;
	}

	.pickupSec .pickConts .links a .arrowBox .arrow {
		width: 0.486vw;
		height: 1.653vw;
	}

	.pickupSec .pickConts .links a .arrowBox .arrow::before,
	.pickupSec .pickConts .links a .arrowBox .arrow::after {
		top: calc(50% - 0.139vw);
		width: 0.486vw;
		height: 0.139vw;
		border-radius: 694.375vw;
		transform-origin: calc(100% - 0.069vw) 50%;
	}

	.pickupSec .slideArea {
		width: calc(100% - 27.847vw);
	}

	.pickupSec .slideArea .slick__container {
		padding: 0 0 6.944vw;
	}

	.pickupSec .pickSlide .box {
		max-width: 26.667vw;
		min-height: 30.208vw;
	}

	.pickupSec .pickSlide .slick-slide {
		margin: 0 1.597vw;
	}

	.pickupSec .pickSlide .box a {
		padding: 0 0 1.667vw 0;
	}

	.pickupSec .pickSlide .box .cat {
		border: 0.069vw solid #044492;
		border-radius: 1.389vw;
		padding: 0.139vw 0.694vw;
		margin: 0 1.389vw 1.458vw;
	}

	.pickupSec .pickSlide .box .cat span {
		font-size: 0.972vw;
	}

	.pickupSec .pickSlide .box .image {
		width: 100%;
		height: 17.361vw;
		margin: 0 auto 1.25vw;
	}

	.pickupSec .pickSlide .box .name {
		font-size: 1.25vw;
		margin: 0 1.389vw 2.708vw;
	}

	.pickupSec .pickSlide .box .ec-productRole__price {
		margin: 0 0.625vw 0;
	}

	.pickupSec .pickSlide .box .ec-productRole__price .ec-price__price {
		font-size: 1.389vw;
	}

	.pickupSec .pickSlide .box .ec-productRole__price .ec-price__tax {
		font-size: 1.111vw;
	}

	.pickupSec .pickSlide .slide-arrow {
		width: 4.236vw;
		height: 4.236vw;
	}

	.pickupSec .pickSlide .next-arrow {
		bottom: -7.222vw;
		left: 55.694vw;
	}

	.pickupSec .pickSlide .next-arrow .arrow {
		width: 0.965vw;
		height: 1.653vw;
	}

	.pickupSec .pickSlide .next-arrow .arrow::before,
	.pickupSec .pickSlide .next-arrow .arrow::after {
		top: calc(50% - 0.139vw);
		right: 0;
		width: 1.042vw;
		height: 0.208vw;
		border-radius: 694.375vw;
		transform-origin: calc(100% - 0.069vw) 50%;
	}

	.pickupSec .pickSlide .prev-arrow {
		bottom: -7.222vw;
		left: 50.486vw;
	}

	.pickupSec .pickSlide .prev-arrow .arrow {
		width: 1.174vw;
		height: 1.653vw;
	}

	.pickupSec .pickSlide .prev-arrow .arrow::before,
	.pickupSec .pickSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.139vw);
		width: 1.042vw;
		height: 0.208vw;
		border-radius: 694.375vw;
		transform-origin: 0.069vw 50%;
	}

	/*----------------------------------------------------
		#popularSec
	----------------------------------------------------*/

	.popularSec {
		padding: 6.389vw 0 0 0;
	}

	.popularSec .popularConts {
		width: 27.847vw;
		padding: 0.625vw 0 0 0.208vw;
	}

	.popularSec .popularConts h2 {
		font-size: 4.167vw;
		margin-bottom: 1.458vw;
	}

	.popularSec .popularConts p {
		font-size: 1.25vw;
		margin-bottom: 3.056vw;
		padding: 0 0 0 0.208vw;
	}

	.popularSec .popularConts .links {
		padding: 0 0 0 0.278vw;
	}

	.popularSec .popularConts .links a .tex {
		font-size: 1.389vw;
		margin-right: 0.694vw;
	}

	.popularSec .popularConts .links a .arrowBox {
		width: 2.014vw;
		height: 2.014vw;
	}

	.popularSec .popularConts .links a .arrowBox .arrow {
		width: 0.486vw;
		height: 1.653vw;
	}

	.popularSec .popularConts .links a .arrowBox .arrow::before,
	.popularSec .popularConts .links a .arrowBox .arrow::after {
		top: calc(50% - 0.139vw);
		width: 0.486vw;
		height: 0.139vw;
		border-radius: 694.375vw;
		transform-origin: calc(100% - 0.069vw) 50%;
	}

	.popularSec .slideArea {
		width: calc(100% - 27.847vw);
	}

	.popularSec .slideArea .slick__container {
		padding: 0 0 6.944vw;
	}

	.popularSec .popularSlide .box {
		max-width: 26.667vw;
		min-height: 30.208vw;
	}

	.popularSec .popularSlide .box .image {
		height: 17.361vw;
		margin: 0 auto 1.25vw;
	}

	.popularSec .popularSlide .slick-slide {
		margin: 0 1.597vw;
	}

	.popularSec .popularSlide .box a {
		padding: 0 0 1.667vw 0;
	}

	.popularSec .popularSlide .box .cat {
		border: 0.069vw solid #044492;
		border-radius: 1.389vw;
		padding: 0.139vw 0.694vw;
		margin: 0 1.389vw 1.458vw;
	}

	.popularSec .popularSlide .box .cat span {
		font-size: 0.972vw;
	}

	.popularSec .popularSlide .box .image {
		margin: 0 auto 1.25vw;
	}

	.popularSec .popularSlide .box .name {
		font-size: 1.25vw;
		margin: 0 1.389vw 2.708vw;
	}

	.popularSec .popularSlide .box .ec-productRole__price {
		margin: 0 0.625vw 0;
	}

	.popularSec .popularSlide .box .ec-productRole__price .ec-price__price {
		font-size: 1.389vw;
	}

	.popularSec .popularSlide .box .ec-productRole__price .ec-price__tax {
		font-size: 1.111vw;
	}

	.popularSec .popularSlide .slide-arrow {
		width: 4.236vw;
		height: 4.236vw;
	}

	.popularSec .popularSlide .next-arrow {
		bottom: -7.222vw;
		left: 55.694vw;
	}

	.popularSec .popularSlide .next-arrow .arrow {
		width: 0.965vw;
		height: 1.653vw;
	}

	.popularSec .popularSlide .next-arrow .arrow::before,
	.popularSec .popularSlide .next-arrow .arrow::after {
		top: calc(50% - 0.139vw);
		width: 1.042vw;
		height: 0.208vw;
		border-radius: 694.375vw;
		transform-origin: calc(100% - 0.069vw) 50%;
	}

	.popularSec .popularSlide .prev-arrow {
		bottom: -7.222vw;
		left: 50.486vw;
	}

	.popularSec .popularSlide .prev-arrow .arrow {
		width: 1.174vw;
		height: 1.653vw;
	}

	.popularSec .popularSlide .prev-arrow .arrow::before,
	.popularSec .popularSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.139vw);
		width: 1.042vw;
		height: 0.208vw;
		border-radius: 694.375vw;
		transform-origin: 0.069vw 50%;
	}

	/*----------------------------------------------------
		#ec-newsRole
	----------------------------------------------------*/

	.ec-newsRole {
		margin-top: 6.458vw;
	}

	.ec-newsRole .head {
		border-bottom: 0.069vw solid #ccc;
	}

	.ec-newsRole .head .ec-secHeading {
		margin-bottom: 0.833vw;
	}

	.ec-newsRole .head .ec-secHeading__en {
		font-size: 4.167vw;
	}

	.ec-newsRole #news_readmore {
		right: 2.014vw;
		top: 5.764vw;
	}

	.ec-newsRole #news_readmore .tex {
		font-size: 1.389vw;
		margin-right: 0.694vw;
	}

	.ec-newsRole #news_readmore .arrowBox {
		width: 2.014vw;
		height: 2.014vw;
	}

	.ec-newsRole #news_readmore .arrowBox .arrow {
		width: 0.486vw;
		height: 1.653vw;
	}

	.ec-newsRole #news_readmore .arrowBox .arrow::before,
	.ec-newsRole #news_readmore .arrowBox .arrow::after {
		top: calc(50% - 0.139vw);
		right: 0;
		width: 0.486vw;
		height: 0.139vw;
		border-radius: 694.375vw;
		transform-origin: calc(100% - 0.069vw) 50%;
	}

	.ec-newsRole .ec-newsRole__news {
		padding: 1.389vw 0 1.389vw 23.264vw;
	}

	.ec-newsRole .ec-newsRole__newsDate {
		font-size: 0.833vw;
	}

	.ec-newsRole .ec-newsRole__newsCloseBtn i {
		font-size: 0.764vw;
		transform: translateY(-0.069vw);
		-webkit-transform: translateY(-0.069vw);
		-moz-transform: translateY(-0.069vw);
	}

	/*----------------------------------------------------
		#calendarSec
	----------------------------------------------------*/

	.calendarSec {
		margin-top: 12.847vw;
		margin-bottom: 12.917vw;
	}

	.calendarSec .conts {
		width: 29.167vw;
		padding: 1.875vw 0 0 0.417vw;
	}

	.calendarSec .ec-secHeading {
		margin-bottom: 1.875vw;
	}

	.calendarSec .ec-secHeading__en {
		font-size: 4.167vw;
	}

	.calendarSec .conts p {
		font-size: 1.25vw;
		padding: 0 0 0 0.208vw;
	}

	.calendarSec .calendarArea {
		width: calc(100% - 32.778vw);
	}

	.calendarSec .ec-calendar {
		padding: 0 1.528vw 0 0;
	}

	.calendarSec .ec-calendar .tableBox {
		border-radius: 0.694vw;
		padding: 2.222vw 0 2.222vw 0;
	}

	.calendarSec .ec-calendar #this-month-title,
	.calendarSec .ec-calendar #next-month-title {
		padding: 0.556vw 0.556vw 1.667vw 0.556vw;
	}

}

/*----------------------------------------------------
 PC Min
----------------------------------------------------*/

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


	/*----------------------------------------------------
		Header
	----------------------------------------------------*/

	.ec-headerNaviRole .ec-headerNaviRole__left {
		margin-left: 1.75%;
	}

	/*----------------------------------------------------
		#ec-newsRole
	----------------------------------------------------*/

	.ec-newsRole #news_readmore {
		right: 0.54vw;
		top: 7.764vw;
	}

	.ec-newsRole .ec-newsRole__news {
		padding: 1.389vw 0 1.389vw 16.264vw;
	}

	.ec-newsRole .ec-newsRole__newsDate {
		font-size: 1.233vw;
	}

}

/*----------------------------------------------------
 PC Hover
----------------------------------------------------*/

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

	.pc_hidden {
		display: none !important;
	}

	a:hover {
		-webkit-opacity: 0.8;
		-ms-opacity: 0.8;
		opacity: 0.8;
		text-decoration: none;
	}

	a:hover img {
		-webkit-opacity: 0.8;
		-ms-opacity: 0.8;
		opacity: 0.8;
	}

}

/*----------------------------------------------------
 SP
----------------------------------------------------*/

@media screen and (max-width: 768px) {

	.sp_hidden {
		display: none !important;
	}

	body {
		border: 0.8vw solid #044492;
	}

	/*----------------------------------------------------
		college-store
	----------------------------------------------------*/

	#CollegeStore {
		padding: 25.067vw 5.333vw 0;
	}

	#CollegeStore .headImg {
		top: 15.2vw;
		left: 0.8vw;
		width: calc(100% - 1.6vw);
		height: 27.2vw;
	}

	#CollegeStore .head {
		margin-bottom: 4.8vw;
	}

	#CollegeStore .head h2 {
		font-size: 5.333vw;
		line-height: 1.4;
	}

	#CollegeStore .conts {
		margin-bottom: 13.6vw;
	}

	#CollegeStore .conts .subHead {
		margin-bottom: 3.733vw;
	}

	#CollegeStore .conts .subHead h3 {
		font-size: 4.4vw;
	}

	#CollegeStore .conts p {
		font-size: 3.733vw;
		text-align: left;
	}

	#CollegeStore .mapSec {
		margin: 0 auto 16.8vw;
	}

	#CollegeStore .mapSec .enHead {
		margin-bottom: 2.667vw;
		padding: 0 0 0 0.8vw;
	}

	#CollegeStore .mapSec .enHead h3 {
		font-size: 9.6vw;
		margin-bottom: 0;
	}

	#CollegeStore .areaSec {
		margin-bottom: 13.333vw;
	}

	#CollegeStore .areaSec .subHead {
		margin-bottom: 3.2vw;
	}

	#CollegeStore .areaSec .subHead h3 {
		font-size: 4.4vw;
	}

	#CollegeStore .centerTex.mbTex {
		margin-bottom: 3.2vw;
	}

	#CollegeStore .areaSec p {
		font-size: 3.733vw;
	}

	#CollegeStore .areaSec .image {
		max-width: 54vw;
		margin: 5vw auto 5vw;
	}

	#CollegeStore .accessSec {
		max-width: 330.667vw;
		margin: 0 auto 18.667vw;
	}

	#CollegeStore .accessSec .subHead {
		margin-bottom: 3.2vw;
	}

	#CollegeStore .accessSec .subHead h3 {
		font-size: 4.4vw;
	}

	#CollegeStore .accessSec .trainBox {
		margin-bottom: 8vw;
	}

	#CollegeStore .accessSec .trainBox .boxHead {
		margin-bottom: -0.8vw;
	}

	#CollegeStore .accessSec .trainBox .boxHead h4 {
		font-size: 4.4vw;
		padding: 0 0 0 8.533vw;
	}

	#CollegeStore .accessSec .trainBox .boxHead h4:before {
		width: 3.733vw;
		height: 3.733vw;
		left: 2.667vw;
		top: 2.4vw;
	}

	#CollegeStore .accessSec .trainBox .conts {
		margin-bottom: 0;
		padding: 0 2.667vw;
	}

	#CollegeStore .accessSec .trainBox .conts p {
		font-size: 3.733vw;
	}

	#CollegeStore .accessSec .busBox .boxHead {
		border-radius: 16vw;
		margin-bottom: 6.4vw;
		padding: 5.333vw 0;
	}

	#CollegeStore .accessSec .busBox .boxHead h4 {
		font-size: 4vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex {
		display: block;
		margin-bottom: 4vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox {
		margin: 0 0 8vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .linkHead {
		margin-bottom: 3.733vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .linkHead h5 {
		font-size: 4vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button {
		width: 45.333vw;
		height: 10.667vw;
		margin: 0 2.933vw 0;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button a {
		border: 0.267vw solid #044492;
		border-radius: 8vw;
	}

	#CollegeStore .accessSec .busBox .linkFlex .linkBox .buttons .button a .tex {
		font-size: 3.467vw;
	}

	#CollegeStore .timeSec {
		margin-bottom: 13.333vw;
	}

	#CollegeStore .timeSec .subHead {
		margin-bottom: 3.2vw;
	}

	#CollegeStore .timeSec .subHead h3 {
		font-size: 4.4vw;
	}

	#CollegeStore .timeSec p {
		font-size: 3.733vw;
	}

	#CollegeStore .timeSec .button {
		width: 45.333vw;
		height: 10.667vw;
		margin: 5.6vw auto 0;
	}

	#CollegeStore .timeSec .button a {
		border: 0.267vw solid #044492;
		border-radius: 8vw;
	}

	#CollegeStore .timeSec .button a .tex {
		font-size: 3.467vw;
	}

	#CollegeStore .contactSec {
		margin-bottom: 2.667vw;
	}

	#CollegeStore .contactSec .subHead {
		margin-bottom: 3.2vw;
	}

	#CollegeStore .contactSec .subHead h3 {
		font-size: 4.4vw;
	}

	#CollegeStore .contactSec p {
		font-size: 3.733vw;
	}

	/*----------------------------------------------------
		ec Rayout
	----------------------------------------------------*/

	.ec-borderedDefs dt .redTex {
		margin-bottom: 2.667vw;
		padding: 0 0 0 0;
	}

	.slick-slider {
    margin-bottom: 0;
	}

	.ec-headerNavSP {
		display: none;
	}


	.ec-layoutRole {
		overflow: hidden;
		background: #f7f7f7;
	}

	.ec-headerNaviRole {
		max-width: initial;
	}

	.ec-role {
		max-width: 341.333vw;
		padding-left: 0;
		padding-right: 0;
	}

	.ec-layoutRole .ec-layoutRole__contents {
		max-width: 341.333vw;
		padding-top: 3.2vw;
	}

	.ec-headerNaviRole .ec-headerNaviRole__left {
		width: initial;
		margin-left: 1.75%;
	}

	.have_curtain .ec-overlayRole {
		display: block;
		z-index: 10;
	}

	.ec-drawerRole {
		width: 80vw;
		display: block;
		transform: translateX(-96vw);
		transition: all 0.3s;
	}

	.ec-drawerRole.is_active {
		display: block;
	}

	.ec-drawerRole .ec-itemNav__nav li {
		width: 100%;
		margin-bottom: 0;
	}

	.ec-drawerRole .ec-itemNav__nav li a {
		text-align: left;
		padding: 4.267vw;
	}

	.ec-sliderRole {
		position: relative;
		max-width: 94%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1.6vw;
	}

	.ec-sliderRole .slide-arrow {
		width: 8vw;
		height: 8vw;
	}

	.ec-sliderRole .next-arrow {
		right: -2.4vw;
	}

	.ec-sliderRole .next-arrow .arrow {
		width: 2.373vw;
		height: 6.347vw;
	}

	.ec-sliderRole .next-arrow .arrow::before,
	.ec-sliderRole .next-arrow .arrow::after {
		top: calc(50% - 0.267vw);
		right: 0;
		width: 2.4vw;
		height: 0.533vw;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	.ec-sliderRole .prev-arrow {
		left: -2.4vw;
	}

	.ec-sliderRole .prev-arrow .arrow {
		width: 2.373vw;
		height: 6.347vw;
	}

	.ec-sliderRole .prev-arrow .arrow::before,
	.ec-sliderRole .prev-arrow .arrow::after {
		top: calc(50% - 0.267vw);
		width: 2.4vw;
		height: 0.533vw;
		border-radius: 2666.4vw;
		transform-origin: 0.267vw 50%;
	}

	.ec-categoryNaviRole {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.ec-itemNav__nav li {
		margin-bottom: 2.667vw;
	}

	.ec-itemNav__nav li a {
		padding: 4.267vw 7.733vw;
	}

	.ec-layoutRole__main .ec-categoryNaviRole {
		margin-bottom: 0;
		display: block;
		width: 96%;
	}

	.ec-layoutRole__main .ec-categoryNaviRole .ec-itemNav__nav {
		display: flex;
		flex-wrap: wrap;
	}

	.ec-layoutRole__main .ec-categoryNaviRole .ec-itemNav__nav li {
		width: auto;
		margin-bottom: 0;
	}

	.ec-categoryNaviRole .ec-itemNav__nav li a {
		font-size: 2.933vw;
		margin: 0 1.333vw 0;
		padding: 2.4vw 5.333vw 2.4vw;
	}

	.ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
		font-size: 3.467vw;
	}

	.ec-headerSearch .ec-headerSearch__keyword input[type=search] {
    font-size: 3.467vw;
	}

	.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
    font-size: 3.467vw;
	}

	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    font-size: 3.467vw;
	}

	/*----------------------------------------------------
		Header
	----------------------------------------------------*/

	header {
		position: relative;
		background: #fff;
	}

	header .ec-headerNaviRole {
		padding: 0;
	}

	.ec-headerNav .ec-headerNav__item {
		width: 6.133vw;
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item a img {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(3) a img {
    transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}

	header .logoArea {
		transform: translateY(-1.6vw);
		-webkit-transform: translateY(-1.6vw);
		-moz-transform: translateY(-1.6vw);
	}

	header .logoArea h1 a {
		display: flex;
		align-items: center;
	}

	header .logoArea h1 a .logoIcon {
		width: 6.4vw;
		line-height: 6.133vw;
		margin: 0 1.6vw 0 0;
	}

	header .logoArea h1 a .tex small {
		font-size: 2.133vw;
		margin-bottom: 0.267vw;
	}

	header .logoArea h1 a .tex b {
		font-size: 2.667vw;
		transform: translateY(0.267vw);
		-webkit-transform: translateY(0.267vw);
		-moz-transform: translateY(0.267vw);
	}

	header .menuBt {
		position: absolute;
		top: 1.6vw;
		right: 1.067vw;
		width: 10.667vw;
		height: 10.667vw;
		border-radius: 50%;
		margin-left: 0;
	}

	header .menuBt span {
		width: 5.333vw;
		height: 0.267vw;
		border-radius: 13.333vw;
	}

	header .menuBt span:nth-child(1) {
		left: 2.667vw;
		top: 4vw;
	}

	header .menuBt span:nth-child(2) {
		left: 2.667vw;
		top: 5.867vw;
	}

	header .menuBt.is_active span:nth-child(1) {
		transform: rotate(-45deg) translateX(-0.8vw) translateY(0.533vw);
	}

	header .menuBt.is_active span:nth-child(2) {
		transform: rotate(45deg) translateX(-0.533vw) translateY(-0.8vw);
	}

	.ec-headerNaviRole .ec-headerNaviRole__nav {
		position: absolute;
		right: 22.667vw;
		top: 1.333vw;
	}

	.ec-cartNavi {
		position: absolute;
		right: 14.933vw;
		top: 2.133vw;
	}

	header .siteMenu {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	header .siteMenu .topSec {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding: 3.2vw 0 0 0;
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(2) {
		margin: 0 0 0 1.067vw;
	}

	header .siteMenu .topSec .ec-headerNav .ec-headerNav__item:nth-child(3) {
		margin: 0 0 0 1.067vw;
	}

	header .ec-headerRole__cart {
		width: 53.333vw;
		margin: 0 0 0 5.333vw;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
		background: initial;
		display: flex;
		justify-content: flex-end;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search:after {
		content: '';
		width: 0.267vw;
		height: 6.933vw;
		background: #757575;
		position: absolute;
		left: 1.067vw;
		top: 1.867vw;
		border-radius: 0;
	}

	header .ec-headerNaviRole .ec-headerNaviRole__right {
		align-items: flex-start;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select select {
		font-weight: 500;
		max-width: 32.8vw;
		height: 10.667vw;
		padding: 2.133vw 2.133vw 2.133vw 4.8vw;
		color: #757575;
	}

	header .ec-headerNaviRole .ec-headerNaviRole__search {
		position: relative;
		width: 121.333vw;
		margin-top: 2.4vw;
	}

	header .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
		position: absolute;
		top: 4.533vw;
		right: 2.133vw;
		border-top: 1.6vw solid #757575;
	}

	header .ec-headerSearch .ec-headerSearch__keyword {
		width: 100%;
		height: 10.667vw;
		border-radius: 0;
		border: 0.267vw solid #E7E7E7;
	}

	header .ec-headerSearch .ec-headerSearch__keywordBtn {
		width: 20.533vw;
		height: 10.667vw;
		padding: 0 0 0 7.2vw;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background: #222222;
	}

	header .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
		width: 53.333vw;
		height: 10.667vw;
		font-size: 3.733vw;
		padding: 0.5em 2.667vw 0.5em 1.3em;
	}

	header .ec-headerSearch .ec-headerSearch__category {
		float: right;
		width: 34.4vw;
		position: absolute;
		z-index: 1;
		right: 21.333vw;
	}

	/*----------------------------------------------------
		Footer
	----------------------------------------------------*/

	footer .ec-footerRole {
		margin-top: 8.8vw;
		padding-top: 8.8vw;
	}

	.ec-footerTitle__logo {
		width: 76%;
		max-width: 142.4vw;
		margin: 0 auto 0;
	}

	.ec-footerTitle__logo img {
		max-width: 100%;
	}

	.ec-footerNavi .ec-footerNavi__link a {
		font-size: 3.467vw;
		margin: 0 3.467vw;
		text-decoration: initial;
	}

	.ec-footerNavi .ec-footerNavi__link a:after {
		content: '';
		width: 0.267vw;
		height: 3.733vw;
		background: #fff;
		position: absolute;
		right: -4vw;
		top: 0.533vw;
	}

	.ec-footerNavi .ec-footerNavi__link:last-child a:after {
		display: none;
	}

	.ec-footerTitle {
		padding: 5.333vw 0 5.333vw;
	}

	.ec-footerTitle .ec-footerTitle__copyright {
		font-size: 2.667vw;
	}

	/*----------------------------------------------------
		#guide
	----------------------------------------------------*/

	#guide_box p {
		margin-bottom: 5.333vw;
		font-size: 4.267vw;
		line-height: 2;
	}

	/*----------------------------------------------------
		#bannerBlock
	----------------------------------------------------*/

	.bannerBlock {
		width: 94%;
		flex-direction: column;
		padding: 5.333vw 0 2.133vw;
	}

	.bannerBlock .banner {
		margin: 0 auto 3.2vw;
		width: 90%;
	}

	/*----------------------------------------------------
		#guideArea
	----------------------------------------------------*/

	.guideArea {
		padding: 2.8vw 0 0 0;
	}

	.guideArea .buttons .button {
		width: 49.333vw;
		height: 12.267vw;
	}

	.guideArea .buttons .button a {
		border: 1px solid #044492;
		border-radius: 8vw;
		font-size: 3.467vw;
	}

	/*----------------------------------------------------
		#pickupSec
	----------------------------------------------------*/

	.pickupSec {
		width: 94%;
		display: block;
		margin: 0 auto 0;
	}

	.pickupSec .pickConts {
		width: 100%;
		margin-bottom: 7.467vw;
		padding: 8vw 0 0 0;
	}

	.pickupSec .pickConts h2 {
		font-size: 8vw;
		margin-bottom: 1.6vw;
	}

	.pickupSec .pickConts p {
		font-size: 3.467vw;
		margin-bottom: 1.867vw;
		padding: 0 0 0 0;
	}

	.pickupSec .pickConts .links {
		padding: 0 0 0 1.067vw;
	}

	.pickupSec .pickConts .links a .tex {
		font-size: 3.467vw;
		margin-right: 2.667vw;
	}

	.pickupSec .pickConts .links a .arrowBox {
		width: 6.4vw;
		height: 6.4vw;
	}

	.pickupSec .pickConts .links a .arrowBox .arrow {
		width: 1.6vw;
		height: 6.347vw;
	}

	.pickupSec .pickConts .links a .arrowBox .arrow::before,
	.pickupSec .pickConts .links a .arrowBox .arrow::after {
		top: calc(50% - 0.533vw);
		right: 0;
		width: 1.867vw;
		height: 0.533vw;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	.pickupSec .slideArea {
		width: 96%;
		margin: 0 auto 0;
	}

	.pickupSec .slideArea .slick__container {
		width: calc(100% + (100vw - 100%) / 2);
		padding: 0 0 26.667vw;
	}

	.pickupSec .pickSlide .box {
		max-width: 71.467vw;
		min-height: 81.067vw;
		height: 100%;
	}

	.pickupSec .pickSlide .slick-slide {
		margin: 0 2.667vw;
	}

	.pickupSec .pickSlide .slick-slide > div {
		height: 100%;
	}

	.pickupSec .pickSlide .box a {
		display: block;
		padding: 0 0 6.4vw 0;
	}

	.pickupSec .pickSlide .box .cat {
		border-radius: 5.333vw;
		padding: 0.267vw 2.667vw;
		margin: 0 5.333vw 5.6vw;
	}

	.pickupSec .pickSlide .box .cat span {
		font-size: 3.2vw;
	}

	.pickupSec .pickSlide .box .image {
		height: 48vw;
		margin: 0 auto 2.667vw;
	}

	.pickupSec .pickSlide .box .name {
		font-size: 4vw;
		margin: 0 5.333vw 6.933vw;
	}

	.pickupSec .pickSlide .box .ec-productRole__price {
		margin: 0 2.4vw 0;
	}

	.pickupSec .pickSlide .box .ec-productRole__price .ec-price__price {
		font-size: 4.8vw;
	}

	.pickupSec .pickSlide .box .ec-productRole__price .ec-price__tax {
		font-size: 3.2vw;
	}

	.pickupSec .pickSlide .slide-arrow {
		width: 10.667vw;
		height: 10.667vw;
	}

	.pickupSec .pickSlide .next-arrow {
		bottom: -16vw;
		left: 16vw;
	}

	.pickupSec .pickSlide .next-arrow .arrow {
		width: 2.907vw;
		height: 6.347vw;
	}

	.pickupSec .pickSlide .next-arrow .arrow::before,
	.pickupSec .pickSlide .next-arrow .arrow::after {
		top: calc(50% - 0.533vw);
		width: 2.933vw;
		height: 0.8vw;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	.pickupSec .pickSlide .prev-arrow {
		bottom: -16vw;
		left: 0;
	}

	.pickupSec .pickSlide .prev-arrow .arrow {
		width: 2.907vw;
		height: 6.347vw;
	}

	.pickupSec .pickSlide .prev-arrow .arrow::before,
	.pickupSec .pickSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.533vw);
		width: 2.933vw;
		height: 0.8vw;
		transform-origin: 0.267vw 50%;
	}

	/*----------------------------------------------------
		#popularSec
	----------------------------------------------------*/

	.popularSec {
		width: 94%;
		display: block;
		margin: 0 auto 0;
		padding: 0 0 0 0;
	}

	.popularSec .popularConts {
		width: 100%;
		margin-bottom: 7.467vw;
		padding: 0 0 0 0;
	}

	.popularSec .popularConts h2 {
		font-size: 8vw;
		margin-bottom: 1.6vw;
	}

	.popularSec .popularConts p {
		font-size: 3.467vw;
		margin-bottom: 1.867vw;
		padding: 0 0 0 0;
	}

	.popularSec .popularConts .links {
		padding: 0 0 0 1.067vw;
	}

	.popularSec .popularConts .links a .tex {
		font-size: 3.467vw;
		margin-right: 2.667vw;
	}

	.popularSec .popularConts .links a .arrowBox {
		width: 6.4vw;
		height: 6.4vw;
	}

	.popularSec .popularConts .links a .arrowBox .arrow {
		width: 1.6vw;
		height: 6.347vw;
	}

	.popularSec .popularConts .links a .arrowBox .arrow::before,
	.popularSec .popularConts .links a .arrowBox .arrow::after {
		top: calc(50% - 0.533vw);
		right: 0;
		width: 1.867vw;
		height: 0.533vw;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	.popularSec .slideArea {
		width: 96%;
		margin: 0 auto 0;
	}

	.popularSec .slideArea .slick__container {
		width: calc(100% + (100vw - 100%) / 2);
		padding: 0 0 26.667vw;
	}

	.popularSec .popularSlide .box {
		max-width: 71.467vw;
		min-height: 81.067vw;
		height: 100%;
	}

	.popularSec .popularSlide .box .image {
		height: 48vw;
		margin: 0 auto 2.667vw;
	}

	.popularSec .popularSlide .slick-slide {
		margin: 0 2.667vw;
	}

	.popularSec .popularSlide .box a {
		display: block;
		padding: 0 0 6.4vw 0;
	}

	.popularSec .popularSlide .box .cat {
		border-radius: 5.333vw;
		padding: 0.267vw 2.667vw;
		margin: 0 5.333vw 5.6vw;
	}

	.popularSec .popularSlide .box .cat span {
		font-size: 3.2vw;
	}

	.popularSec .popularSlide .box .name {
		font-size: 4vw;
		margin: 0 5.333vw 6.933vw;
	}

	.popularSec .popularSlide .box .ec-productRole__price {
		margin: 0 2.4vw 0;
	}

	.popularSec .popularSlide .box .ec-productRole__price .ec-price__price {
		font-size: 4.8vw;
	}

	.popularSec .popularSlide .box .ec-productRole__price .ec-price__tax {
		font-size: 3.2vw;
	}

	.popularSec .popularSlide .slide-arrow {
		width: 10.667vw;
		height: 10.667vw;
	}

	.popularSec .popularSlide .next-arrow {
		bottom: -16vw;
		left: 16vw;
	}

	.popularSec .popularSlide .next-arrow .arrow {
		width: 2.907vw;
		height: 6.347vw;
	}

	.popularSec .popularSlide .next-arrow .arrow::before,
	.popularSec .popularSlide .next-arrow .arrow::after {
		top: calc(50% - 0.533vw);
		width: 2.933vw;
		height: 0.8vw;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	.popularSec .popularSlide .prev-arrow {
		bottom: -16vw;
		left: 0;
	}

	.popularSec .popularSlide .prev-arrow .arrow {
		width: 2.907vw;
		height: 6.347vw;
	}

	.popularSec .popularSlide .prev-arrow .arrow::before,
	.popularSec .popularSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.533vw);
		width: 2.933vw;
		height: 0.8vw;
		transform-origin: 0.267vw 50%;
	}

	/*----------------------------------------------------
		#ec-newsRole
	----------------------------------------------------*/

	.ec-newsRole {
		margin-top: 24.8vw;
		width: 94%;
		margin: 0 auto 0;
		padding: 8vw 0 0;
	}

	.ec-newsRole .head {
		border-bottom: 0.267vw solid #ccc;
	}

	.ec-newsRole .head .ec-secHeading {
		margin-bottom: 3.2vw;
	}

	.ec-newsRole .head .ec-secHeading__en {
		font-size: 8vw;
	}

	.ec-newsRole #news_readmore {
		right: -3.2vw;
		top: 9.067vw;
	}

	.ec-newsRole #news_readmore .tex {
		font-size: 3.467vw;
		margin-right: 2.667vw;
	}

	.ec-newsRole #news_readmore .arrowBox {
		width: 6.4vw;
		height: 6.4vw;
	}

	.ec-newsRole #news_readmore .arrowBox .arrow {
		width: 1.6vw;
		height: 6.347vw;
	}

	.ec-newsRole #news_readmore .arrowBox .arrow::before,
	.ec-newsRole #news_readmore .arrowBox .arrow::after {
		top: calc(50% - 0.533vw);
		right: 0;
		width: 1.867vw;
		height: 0.533vw;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
    border-bottom: 0.267vw solid #ccc;
    padding: 0 0 0 1.6vw;
	}

	.ec-newsRole .ec-newsRole__news {
		padding: 0.8vw 0 5.333vw 0;
	}

	.ec-newsRole .ec-newsRole__newsHeading {
		align-items: center;
	}

	.ec-newsRole .ec-newsRole__newsDate {
		font-size: 3.2vw;
		font-weight: 400;
		font-family: "Onest", sans-serif;
		color: #9E9993;
	}

	.ec-newsRole .ec-newsRole__newsCloseBtn {
		background: #044492;
	}

	.ec-newsRole .ec-newsRole__newsCloseBtn i {
		font-size: 2.933vw;
		transform: translateY(-0.267vw);
		-webkit-transform: translateY(-0.267vw);
		-moz-transform: translateY(-0.267vw);
	}

	/*----------------------------------------------------
		#calendarSec
	----------------------------------------------------*/

	.calendarSec {
		width: 94%;
		display: block;
		margin: 2.667vw auto 4.267vw;
	}

	.calendarSec .conts {
		width: 100%;
		margin-bottom: 5.333vw;
		padding: 7.2vw 0 0 0.8vw;
	}

	.calendarSec .ec-secHeading {
		margin-bottom: 0.8vw;
	}

	.calendarSec .ec-secHeading__en {
		font-size: 8vw;
	}

	.calendarSec .conts p {
		font-size: 3.467vw;
		padding: 0 0 0 0.8vw;
	}

	.calendarSec .calendarArea {
		width: 100%;
	}

	.calendarSec .ec-calendar {
		flex-direction: column;
		margin-left: 0;
		padding: 0 0 0 0;
		justify-content: space-between;
	}

	.calendarSec .ec-calendar .tableBox {
		width: 100%;
		margin-bottom: 3.733vw;
		padding: 0 0 8.533vw 0;
	}

	.calendarSec .ec-calendar .tableBox .ec-calendar__month {
		margin-top: 5.333vw;
		margin-left: 0;
		width: 86%;
	}

	.calendarSec .ec-calendar #this-month-title,
	.calendarSec .ec-calendar #next-month-title {
		padding: 0 0 2.933vw;
	}

}