@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1800px
************/

@media only screen and (max-width: 1800px)
{
	.search
	{
		width: 200px;
	}
}

/************
1. 1600px
************/

@media only screen and (max-width: 1600px)
{
	.main_nav
	{
		padding-left: 50px;
	}
	.shopping
	{
		padding-right: 100px;
		margin-left: 20px;
	}
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	.shopping
	{
		padding-right: 74px;
		margin-left: 60px;
	}
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	.main_nav
	{
		padding-left: 60px;
	}
	.main_nav ul li
	{
		margin-right: 34px;
	}
	.header_search
	{
		display: none;
	}
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{
	
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	.main_nav
	{
		display: none;
	}
	.shopping
	{
		padding-right: 91px;
	}
	.home_slider_title
	{
		font-size: 56px;
		height: 76px;
		line-height: 76px;
	}
	.section_title
	{
		font-size: 48px;
	}
	.promo_col:not(:last-child)
	{
		margin-bottom: 60px;
	}
	.product_col:not(:last-child)
	{
		margin-bottom: 50px;
	}
	.extra_promo
	{
		width: 100%;
		height: 616px;
		float: none;
	}
	.extra_promo_1
	{
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.footer_nav ul li
	{
		margin-right: 30px;
	}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
	
}

/************
9. 768px
************/

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

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	body
	{
		padding-top: 70px;
	}
	.home
	{
		height: 100%;
	}
	.header
	{
		height: 70px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.logo a
	{
		font-size: 12px;
	}
	.shopping
	{
		padding-right: 47px;
		margin-left: 0;
	}
	.burger_container
	{
		top: calc(50% + 1px);
	}
	.other .home_slider_container
	{
		height: 100%;
	}
	.other .home_slider_container img {
		margin-top: 0;
	}
	.home_slider_dots_container,
	.home_slider_next
	{
		display: none !important;
	}
	.home_slider_title
	{
		font-size: 28px;
	}
	.home_slider_subtitle
	{
		font-size: 14px;
	}
	.menu
	{
		width: 100%;
		right: -100%;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 21px;
	}
	.menu .search
	{
		margin-bottom: 50px;
	}
	.menu .search_input
	{
		height: 36px;
	}
	.menu_close_container
	{
		right: 15px;
	}
	.menu .logo
	{
		margin-bottom: 35px;
		margin-right: auto;
	}
	.menu.active
	{
		right: 0;
	}
	.section_subtitle
	{
		font-size: 12px;
	}
	.section_title
	{
		font-size: 28px;
	}
	.extra
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.extra_promo_1
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.extra_promo_2
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.extra_1_content
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.gallery_title ul li
	{
		display: block;
		margin-right: 0px;
	}
	.gallery_title ul li a
	{
		font-size: 24px;
	}
	.test_text
	{
		font-size: 16px;
	}
	.newsletter
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.newsletter_button
	{
		display: block;
		position: relative;
		margin: 0 auto;
		margin-top: 10px;
	}
	.newsletter_text
	{
		font-size: 13px;
	}
	.footer {
		margin-top: 50px;
	}
	.footer_logo a
	{
		font-size: 18px;
	}
	.footer_nav ul li
	{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.footer_nav ul li:last-child
	{
		margin-bottom: 0;
	}
	.footer_social ul li
	{
		margin-right: 29px;
	}
	.footer_social ul li a i
	{
		font-size: 20px;
	}
	/*********************************
	6.1 Current Page
	*********************************/

	.current_page
	{
		margin-top: 5px;
	}
	.current_page ul li
	{
		font-size: 12px;
	}
	.current_page ul li::after
	{
		display: inline-block;
		content: '/';
		margin-left: 10px;
		margin-right: 6px;
	}
	.current_page ul li a
	{
		font-size: 12px;
	}
	.ec-role {
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14px;
		-webkit-text-size-adjust: 100%;
		width: 100%;
		max-width: 100%;
	}
	.ec-pageHeader h2 {
		margin: 10px 0 20px;
		padding: 8px 0;
		font-size: 20px;
	}
	.ec-off1Grid .ec-off1Grid__cell {
		margin-left: 0;
		width: 100%;
	}
	.ec-borderedDefs dl {
		font-size: 12px;
	}
	.review_form_input
	{
		width: 100%;
		height: 40px;
		padding-left: 15px;
	}

	.cart_product_name
	{
		margin-left: 0;
		margin-top: 8px;
	}
	.cart_bar_title_content
	{
		padding-left: 15px;
	}
	.cart_bar_title_name
	{
		display: none;
	}
	.cart_product_info, .cart_bar_title_content
	{
		width: 100%;
	}
	.cart_product_info
	{
		margin-top: 15px;
	}
	.cart_product_price,
	.product_quantity_container,
	.cart_product_total,
	.cart_product_button,
	.cart_bar_title_price,
	.cart_bar_title_quantity,
	.cart_bar_title_total
	{
		text-align: left;
	}
	.cart_button:not(:last-child)
	{
		margin-bottom: 10px;
	}
	.product_row
	{
		margin-top: 30px;
	}
	.product_name
	{
		font-size: 20px;
	}
	.product_price
	{
		font-size: 20px;
	}
	.product_quantity_container {
		width: auto;
	}

	#mypage h2 {
		flex-wrap: wrap;
		margin-top: 30px;
	}
	.ec-role h2 {
		flex-wrap: wrap;
		margin-top: 30px;
	}
	#mypage h2 .hinfo {
		flex: 0 0 100%;
		text-align: right;
		font-size: 14px;
	}
	#mypage .lmenu {
		margin-top: 20px;
	}
	#mypage .lmenu li {
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;
		margin-top: 10px;
	}
	.mylmenu {
		padding: 0 5px 5px 5px;
	}
	.mylmenu li {
		-webkit-flex: 0 0 49%;
		flex: 0 0 49%;
		margin-top: 5px;
	}
	.mylmenu li a {
		padding: 10px;
		text-align: left;
		font-size: 14px;
	}
	.mylmenu i {
		margin-right: 7px;
		font-size: 20px;
	}
	
	#mypage .box {
		flex-wrap: wrap;
	}
	#mypage .box .minfo {
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		padding: 15px;
	}
	#mypage .box .mlink {
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-top: 20px;
		padding: 20px 15px;
	}
	#mypage .box .mlink ul {
		padding-left: 20px;
	}
	
	#mypage .blk h3 {
		margin-bottom: 20px;
		font-size: 18px;
	}
	
	#mypage .blk {
		margin-top: 30px;
		padding: 15px;
	}
	#mypage .blk ul {
		padding-left: 20px;
	}

	.home .main_contents h3 {
		margin-top: 20px;
		font-size: 18px;
	}
	.home .main_contents .rows {
		margin-top: 10px;
		padding: 10px;
	}
	.home .main_contents .rows .list {
		margin-top: 15px;
	}
	.home .main_contents .rows .list a {
		padding: 10px;
	}
	.home .main_contents .rows .list .title {
		font-size: 16px;
	}
	.home .main_contents .rows .list .title span {
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 4px 12px;
		font-size: 12px;
	}
	.home .main_contents .rows .list .info {
		margin-top: 10px;
		font-size: 12px;
	}
	.home .main_contents .rows .list .body {
		margin-top: 10px;
	}
	.home .main_contents .rows .list .body dl {
		display: block;
	}
	.home .main_contents .rows .list .body dl dt {
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	#mypage .file_list {
		margin-top: 30px;
	}
	#mypage .file_list ul li {
		flex: 0 0 100%;
		margin-bottom: 10px;
		margin-left: 0;
	}
	#mypage .file_list ul.st3 li {
		flex: 0 0 100%;
		margin-left: 0;
	}
	.pref_blk .exbtn {
		-webkit-flex: 0 0 31%;
		flex: 0 0 31%;
		margin: 0 1% 20px;
	}
	.pref_blk .exbtn a {
		padding: 10px;
		font-size: 16px;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	
}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	
}