/*
----------------------------------------
1250
----------------------------------------
*/

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

	.ttl-01 h2 {
		font-size: 3rem;
	}

	.ttl-01 .en {
		font-size: 3.6rem;
	}

	#header #nav-bar > .flex {
		padding: 5px 15px;
	}

	#header .btn-set li {
		margin-left: 5px;
	}

	#header .btn-set a {
		min-width: 120px;
		padding: 7px 0 8px 25px;
		font-size: 1.2rem;
	}

	#contents {
		padding-bottom: 80px;
	}

	footer .identity {
		width: 16%;
	}

	footer .footer-nav {
		width: 35%;
	}

	footer .sns-btn {
		width: 20%;
	}

	.topic-path {
		padding: 6px 15px;
	}

	/* home */

	#home .news-box .ttl .en {
		font-size: 2.8rem;
	}

	#home .news-box .ttl h2 {
		font-size: 3rem;
	}

	#home .news-box .post-list {
		padding-right: 40px;
	}

	#home .rank-box {
		padding: 60px 0;
	}

	#home .recom-box {
		padding: 60px 0 45px;
	}

	#home .voice-box {
		padding: 60px 0;
	}

	#home .voice-box .ttl-02 {
		margin-bottom: 40px;
	}

	#home .commit-box {
		padding: 40px 0 60px;
	}

	#home .commit-box .wrap {
		padding: 0 5%;
	}

	#home .commit-box {
		background: url( ../img/home/commitment-bg@2x.png ) right 15% center / cover no-repeat;
	}

	#home .commit-box h2 {
		font-size: 3rem;
	}

	#home .commit-box .txt .en {
		font-size: 3.6rem;
	}

	#home .point-list {
		padding: 40px 15px;
	}

	#home .column-box {
		padding: 60px 0;
	}

	#home .voice-list .voice.slick-current + .voice.slick-active,
	#home .column-box .post.slick-current + .post.slick-active {
		opacity: .5;
	}

	.worries-cat-box {
		padding: 60px 0;
	}

	.worries-cat-box .ttl-01 {
		margin-bottom: 30px;
	}

	.item-cat-box {
		padding: 60px 0 20px;
	}

	.item-cat-box .flex > figure {
		margin-bottom: 30px;
	}

	#home .insta-box {
		padding: 60px 0;
	}

	#home .insta-box .ttl-01 > div .en {
		margin-left: -65px;
	}

	/* item */

	#item .item-box .detail .item-list .item > .txt h3 {
		padding-bottom: 0;
	}

	#item .step-list h3 {
		font-size: 1.6rem;
		letter-spacing: 0;
	}

	#item .relation-box {
		padding: 60px 0;
	}

	/* item-archive */

	#item-archive .contents-box {
		padding: 30px 0;
	}

	#item-archive .contents-box .txt {
		padding: 20px 30px 30px;
	}

	#item-archive .story-box .story.flex > .txt {
		width: 48%;
	}

	#item-archive .story-box .story.flex > figure {
		width: 52%;
		padding-left: 20px;
	}

	#item-archive .story-box .story.flex:nth-child( even ) > figure {
		padding: 0 20px 0 0;
	}

	/* mission */

	#mission .mission-box .mission .wrap {
		max-width: 800px;
	}

	#mission .commit-list .commit {
		padding: 40px 0;
	}

	#mission .commit-list .commit::before {
		width: calc( 50% + 60px );
	}

	#mission .commit-list .commit .txt {
		margin-left: 50%;
		padding: 30px;
	}

	#mission .commit-list .commit .en {
		left: 30px;
	}

	#mission .commit-list .commit:nth-of-type( even ) .txt {
		margin-right: 50%;
	}

	/* shopping-guide */

	#shopping-guide .page-menu figure {
		padding: 0 10px;
	}

	#shopping-guide .delivery-box .days-wrap dl.flex {
		align-items: flex-start;
		margin-right: 250px;
	}

	#shopping-guide .delivery-box .days-wrap dl.flex dd {
		line-height: 1.6;
		margin-bottom: 10px;
	}

}


/*
----------------------------------------
1000
----------------------------------------
*/

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

	#contents {
		min-height: calc( 100vh - 335px );
	}

	.ttl-01 h2 {
		letter-spacing: 7px;
	}

	.ttl-01 .en {
		letter-spacing: 0;
	}

	.heading-01 {
		font-size: 2.8rem;
	}

	.heading-02 {
		font-size: 2.4rem;
		margin: 60px 0 20px;
	}

	.heading-03 {
		margin-bottom: 30px;
	}

	#header .search {
		width: auto;
	}

	#header #nav-bar .btn-set {
		display: none;
	}

	#nav-open {
		opacity: 1;
		visibility: visible;
		z-index: 99999999;
	}

	#g-nav {
		display: none;
	}

	.topic-path {
		border-top: solid 1px #E5E5E5;
	}

	footer .identity {
		width: 15%;
	}

	footer .footer-nav {
		width: 33%;
		font-size: 1.2rem;
	}

	footer .sns-btn {
		width: 18%;
		padding-right: 5px;
	}

	footer .sns-btn a {
		width: 33px;
		height: 33px;
	}

	footer .external-link a {
		font-size: 1.2rem;
	}

	/* home */

	#home .point-list .flex li {
		width: calc( ( 100% - 60px ) / 3 );
		margin: 0 15px 0 0;
	}

	#home .point-list .flex li:nth-child( 3n ) {
		margin-right: 0;
	}

	#home .cashless {
		padding: 0 0 10px;
		margin-top: 0;
	}

	#home .news-box {
		padding: 20px 15px;
	}

	#home .news-box .ttl-wrap {
		padding: 30px 10px;
	}

	#home .news-box .post-list li a {
		padding: 15px;
	}

	#home .rank-box .rank-list > .item {
		width: calc( ( 100% - 30px ) / 3 );
		margin-right: 15px;
	}

	#home .recom-box .brand-list .item {
		width: calc( ( 100% - 30px ) / 3 );
		margin-right: 15px;
	}

	#home .commit-box .txt {
		margin-right: 40%;
		padding: 40px 30px 30px;
	}

	#home .commit-box h3 {
		font-size: 2.2rem;
	}

	#home .insta-box .ttl-01 > div .en {
		margin-left: -75px;
	}

	/* item */

	#item .item-box .img > * {
		max-width: 100%;
	}

	#item .item-box .img {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}

	#item .item-box .img .gallery {
		max-width: 460px;
		margin: 0 auto;
	}

	#item #evaluation .comment {
		max-width: 450px;
		margin: 0 auto;
	}

	#item #evaluation .comment .btn-01 a {
		width: 100%;
	}

	#item .item-box .detail {
		width: 100%;
	}

	#item .item-box h2 {
		margin: 5px 0 10px;
	}

	#item .item-box .read {
		margin-bottom: 20px;
	}

	#item .item-box .detail .price {
		width: auto;
		line-height: 2;
		margin-bottom: 0;
	}

	#item .content-box .img-txt figure,
	#item .content-box .img-txt.reverse figure {
		width: 100%;
		padding: 0;
		text-align: center;
		margin-bottom: 15px;
	}

	#item .content-box .img-txt .txt {
		width: 100%;
	}

	#item .content-box .profile {
		padding: 30px;
		font-size: 1.6rem;
	}

	#item .voice-box {
		padding: 50px 0 15px;
	}

	#item .voice-list .voice {
		width: calc( ( 100% - 15px ) / 2 );
	}

	#item .voice-list .voice:nth-child( odd ) {
		margin-right: 15px;
	}

	#item .step-box {
		margin-top: 60px;
	}

	#item .step-list .step {
		padding: 0;
		font-size: 1.4rem;
	}

	#item .step-list figure {
		padding: 0 10px;
	}

	#item .step-list figure + figure {
		padding-top: 5vw;
	}

	#item .step-list .or figure + figure {
		background: url( ../img/item/or.png ) center 1px / 4vw no-repeat
	}

	#item .detail-box {
		padding: 60px 0;
	}

	#item .detail-list {
		padding: 30px;
	}

	#item .detail-list dt {
		width: 160px;
		padding: 20px 10px;
	}

	#item .detail-list dd {
		width: calc( 100% - 160px );
		padding: 20px 10px;
	}

	#item .item-box.bottom figure {
		text-align: center;
	}

	/* item-archive */

	#item-archive .contents-box .txt {
		margin: 300px 0 0 0;
	}

	#item-archive .contents-box .bg {
		right: 0;
		bottom: auto;
		height: 360px;
	}

	#item-archive .story-box .story-list {
		margin: 60px 0;
	}

	#item-archive .story-box .story,
	#item-archive .story-box .story.flex:nth-child( even ) {
		flex-direction: column-reverse;
		margin-bottom: 40px;
		border-bottom: solid 1px #E2EDEE;
	}

	#item-archive .story-box .story.flex > .txt {
		width: 100%;
		margin-bottom: 20px;
	}

	#item-archive .story-box .story.flex > figure,
	#item-archive .story-box .story.flex:nth-child( even ) > figure {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		text-align: center;
	}

	#item-archive .table-box .comparison th,
	#item-archive .table-box .comparison td {
		width: 12%;
	}

	#item-archive .table-box .comparison th:first-child,
	#item-archive .table-box .comparison td:first-child {
		width: 40%;
	}

	#item-archive .item-list-box .item .info {
		width: 70%;
	}

	#item-archive .item-list-box .item .info figure {
		width: 180px;
	}

	#item-archive .item-list-box .item .info .txt {
		width: calc( 100% - 180px );
	}

	#item-archive .story-box .story .txt h3 {
		margin: 15px 0;
	}

	#item-archive .item-list-box .item .info .txt {
		padding: 0 20px;
	}

	#item-archive .item-list-box .item .price-list > div > span {
		line-height: 3rem;
	}

	#item-archive .item-list-box .item .price {
		width: 30%;
	}

	/* topics */

	img.alignleft {
		display: block;
		float: none;
		margin: 0 auto 15px;
	}

	#topics .topic-path {
		margin-bottom: 60px;
	}

	#topics .contents-wrap {
		flex-direction: column;
	}

	#main-contents {
		width: 100%;
		margin-bottom: 60px;
	}

	#sidebar {
		width: 100%;
	}

	#topics #contents {
		padding-bottom: 60px;
	}

	/* mission */

	#mission .mission-box {
		margin-bottom: 40px;
	}

	#mission .mission-box .mission {
		padding-top: 300px;
	}

	#mission .mission-box .mission::before {
		height: 340px;
	}

	#mission .mission-box .mission .wrap {
		margin: 0 15px;
	}

	#mission .mission-box .mission .wrap .txt {
		text-align: left;
	}

	#mission .commit-box .ttl-01 h2 {
		font-size: 2.8rem;
	}

	#mission .commit-list .commit {
		padding: 300px 0 30px;
		margin: 0;
		background: #FCFAF8;
	}

	#mission .commit-list .wrap {
		padding: 0;
	}

	#mission .commit-list .commit .txt,
	#mission .commit-list .commit:nth-of-type( even ) .txt {
		margin: 0 15px;
		padding: 0 30px 15px;
	}

	#mission .commit-list .commit::before,
	#mission .commit-list .commit:nth-of-type( even )::before {
		width: auto;
		height: 340px;
		right: 0;
		left: 0;
		bottom: auto;
	}

	#mission .commit-list .commit .en {
		position: relative;
		top: 0;
		left: 0;
	}

	#mission .item-bnr {
		margin-bottom: 40px;
	}

	#mission .history-box .wrap {
		padding: 50px 15px 5px;
	}

	/* shopping-guide */

	#shopping-guide .delivery-box .days-wrap {
		padding-bottom: 0;
		margin-bottom: 20px;
	}

	#shopping-guide .delivery-box .days-wrap .txt {
		margin-right: 0;
	}

	#shopping-guide .delivery-box .days-wrap .read {
		margin-bottom: 20px;
	}

	#shopping-guide .delivery-box .days-wrap dl.flex {
		margin-right: 0;
	}

	#shopping-guide .delivery-box .days-wrap figure.map-img {
		position: relative;
		text-align: center;
		margin-top: 15px;
	}

	#shopping-guide .postage-box .table-01 tbody td:first-child {
		padding: 20px 0;
	}

	#shopping-guide .postage-box .table-01 tbody td:first-child br {
		display: none;
	}

	.contact-box .wrap > .flex > div {
		padding: 0 10px;
	}

}


/*
----------------------------------------
750
----------------------------------------
*/

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

	#item .item-box .detail .cart.subscription button:hover {
		background: #DB5A65;
	}

	#item .item-box .detail .cart button:hover {
		background: #DBB288;
		cursor: pointer;
	}

	#header .btn-set .guide a:hover {
		background: rgba( 195, 157, 120, .1 ) url( ../img/common/icon-guide.png ) 10px center no-repeat;
	}

	#header .btn-set .login a:hover {
		background: #DBB288 url( ../img/common/icon-login.png ) 14px center no-repeat;
		border: solid 1px #DBB288;
	}

	#header .btn-set .favorite a:hover {
		background: #DBB288 url( ../img/common/icon-favorite.png ) 14px center no-repeat;
		border: solid 1px #DBB288;
	}

	#header .btn-set .cart a:hover {
		background: #DB5A65 url( ../img/common/icon-cart.png ) 10px center no-repeat;
		border: solid 1px #DB5A65;
	}

	#item #evaluation .comment .form-submit #submit:hover {
		background: #fff url( ../img/common/arrow-01.svg ) right 8px center no-repeat;
		color: #C39D78;
	}

}


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

	html[lang=ja] {
		margin-top: 0 !important;
	}

	#wpadminbar {
		display: none;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	.ttl-01 h2 {
		font-size: 2.8rem;
		letter-spacing: 0;
	}

	.ttl-01 .en {
		font-size: 2.2rem;
	}

	.ttl-02 .en {
		font-size: 2.2rem;
	}

	.ttl-02 h2 {
		font-size: 2.6rem;
		letter-spacing: 0;
	}

	.ttl-03 .en {
		font-size: 1.3rem;
	}

	.ttl-03 h2 {
		font-size: 2.4rem;
	}

	.heading-01 {
		font-size: 2.2rem;
		margin-bottom: 30px;
	}

	.heading-02 {
		font-size: 2rem;
		line-height: 1.4;
		letter-spacing: 0;
		margin: 20px 0;
		background: url( ../img/item/border-sp.png ) left center repeat-x;
	}

	.heading-02 > span {
		padding: 0 10px;
	}

	.heading-02 > span .note {
		font-size: 1.6rem;
	}

	.heading-03 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	.table-01 {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.table-01 th,
	.table-01 td {
		padding: 15px 5px;
	}

	@keyframes swipe {
		0% {
			transform: translateX( -15px );
			opacity: 0;
		}
		15% {
			opacity: 1;
		}
		35% {
			opacity: 1;
		}
		50% {
			transform: translateX( -45px );
			opacity: 0;
		}
		100% {
			transform: translateX( -45px );
			opacity: 0;
		}
	}

	.swipe-bar {
		display: block;
	}

	.swipe-wrap {
		position: relative;
	}

	.swipe-wrap .swipe {
		overflow: auto;
	}

	.swipe-wrap .swipe .inner {
		padding: 0 15px;
	}

	.swipe-wrap .swipe-bar {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 40px;
		text-align: center;
		z-index: 999999;
	}

	.swipe-wrap .swipe-bar img {
		transform: translateX( -15px );
		opacity: 0;
		animation: swipe 3s linear 1s infinite normal;
	}

	.topic-path {
		font-size: 1.2rem;
		margin-bottom: 20px;
	}

	.topic-path li {
		margin-right: 8px;
	}

	.topic-path a {
		padding-right: 16px;
	}

	h1#main-h {
		padding: 1px 10px;
		margin-bottom: 0;
	}

	#header #nav-menu .search {
		display: none;
	}

	#nav-menu .nav-wrap .inner {
		padding-bottom: 120px;
	}

	#nav-menu .nav-wrap .btn-set {
		margin: 0 0 15px;
	}

	#header #nav-menu .btn-set li {
		width: calc( ( 100% - 10px ) / 2 );
		margin: 0 10px 0 0;
	}

	#header #nav-menu .btn-set li:first-child {
		width: 100%;
		width: 100%;
		margin: 0 0 10px 0;
	}

	#header .btn-set .cart a {
		background: #C14F59;
		padding: 7px 10px 8px 10px;
	}

	#header .btn-set .cart a:before {
		display: inline-block;
		content: url( ../img/common/icon-cart.png );
		line-height: 1.2rem;
		margin-right: 8px;
		vertical-align: middle;
	}

	#header #nav-bar {
		position: relative;
		top: 0;
		height: auto;
	}

	#header.fixed #nav-bar {
		position: relative;
	}

	#header #nav-bar > .flex {
		flex-direction: column;
		padding-bottom: 15px;
	}

	#header #nav-bar .identity {
		margin: 0 0 5px;
	}

	#header .search {
		width: 100%;
	}

	#header .search input[type=text] {
		width: 100%;
	}

	#nav-open {
		top: 42px;
		background: #fff;
		transition: all .2s;
	}

	#header.fixed #nav-open {
		top: 0;
		right: 0;
		padding: 10px 17px;
	}

	footer .wrap {
		padding: 20px 0;
	}

	footer .wrap > .flex {
		flex-direction: column;
	}

	footer .identity {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	footer .footer-nav {
		width: 100%;
		border-top: solid 1px rgba( 0, 0, 0, .1 );
	}

	footer .footer-nav li {
		border-bottom: solid 1px rgba( 0, 0, 0, .1 );
	}

	footer .footer-nav li:nth-child( odd ) {
		border-right: solid 1px rgba( 0, 0, 0, .1 );
	}

	footer .footer-nav li a {
		display: block;
		padding: 10px 15px;
		font-size: 1.5rem;
		background: url( ../img/common/arrow-03.svg ) right 25px center no-repeat;
	}

	footer .sns-btn {
		width: 100%;
	}

	footer .sns-btn .flex {
		justify-content: center;
		padding: 20px 0;
	}

	footer .sns-btn li {
		width: auto;
		padding: 0 20px;
	}

	footer .sns-btn a {
		width: 45px;
		height: 45px;
	}

	footer .external-link a {
		font-size: 1.5rem;
		padding: 9px 38px 9px 20px;
	}

	footer .copyright {
		font-size: .8rem;
		padding: 10px 5px;
	}

	footer #page-top {
		right: 20px;
	}

	/* home */

	#home #main-img .slick-dotted.slick-slider {
		margin-bottom: 45px;
	}

	#home #main-img .slick-dots {
		bottom: -30px;
	}

	#home #main-img .slick-dots li {
		margin: 0 8px;
	}

	#home #main-img .slick-dots li button:before {
		font-size: 15px;
		color: #D5CBAD;
		opacity: 1;
	}

	#home #main-img .slick-dots li.slick-active button:before {
		color: #B8910C;
	}

	#home #main-img .thumb {
		display: none;
	}

	#home .news-box .wrap.flex {
		flex-direction: column;
		padding: 0 10px 90px;
		position: relative;
	}

	#home .news-box {
		padding: 50px 15px 40px;
	}

	#home .news-box .ttl-wrap {
		width: 100%;
		padding: 15px 15px 0;
	}

	#home .news-box .ttl-wrap .inner {
		text-align: center;
	}

	#home .news-box .ttl .en {
		font-size: 2.2rem;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate( -50%, -50% );
	}

	#home .news-box .ttl h2 {
		font-size: 2.8rem;
		letter-spacing: 1px;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	#home .news-box .ttl h2::after {
		display: none;
	}

	#home .news-box .ttl-wrap .inner .btn-01 {
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		text-align: center;
	}

	#home .news-box .ttl-wrap .inner .btn-01 a {
		padding: 9px 53px;
	}

	#home .news-box .post-list {
		width: 100%;
		padding: 0;
	}

	#home .news-box .post-list ul {
		margin-bottom: 0;
	}

	#home .news-box .post-list li time {
		min-width: 9rem;
	}

	#home .rank-box {
		padding: 40px 0;
	}

	#home .rank-box .ttl-01 > div {
		padding: 40px 0 0;
		margin-bottom: 5px;
		background: url( ../img/home/update-sp.png ) center top no-repeat;
	}

	#home .rank-box .rank-list {
		flex-direction: column;
	}

	#home .rank-box .rank-list > .item {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}

	#home .rank-box .rank-list .item:nth-child( 3n ) {
		margin-right: auto;
	}

	#home .rank-box .rank-list > .item .ttl {
		font-size: 1.6rem;
	}

	#home .rank-box .rank-list > .item .price {
		margin-top: 5px;
	}

	#home .recom-box {
		padding: 75px 0 20px;
	}

	#home .recom-box .read {
		font-size: 1.5rem;
		margin: 25px 0 35px;
		text-align: left;
	}

	#home .recom-box .brand-list {
		flex-direction: column;
	}

	#home .recom-box .brand-list .item {
		width: 100%;
		margin: 0 0 40px;
	}

	#home .recom-box .brand-list .txt p {
		font-size: 1.5rem;
	}

	#home .voice-list .voice.active {
		opacity: .5;
	}

	#home .voice-list .voice.slick-active {
		opacity: 1 !important;
	}

	#home .voice-box {
		padding: 65px 0 40px;
	}

	#home .voice-box .voice {
		margin: 0 10px 15px;
	}

	#home .voice-box .voice a {
		padding: 25px 20px;
	}

	#home .voice-box .ttl-02 {
		margin-bottom: 30px;
	}

	#home .voice-box .voice .ttl {
		flex-direction: column;
	}

	#home .voice-box .voice .ttl .txt {
		width: 100%;
		padding: 0;
		margin: 15px 0 5px;
		text-align: center;
	}

	#home .voice-box .voice .ttl h3 {
		margin-bottom: 8px;
		text-align: left;
	}

	#home .voice-box .voice .read {
		font-size: 1.5rem;
		line-height: 2;
	}

	#home .slide-post .slick-prev {
		left: 45px;
		transform: translate( -28px, -50% );
	}

	#home .slide-post .slick-next {
		right: 45px;
		transform: translate( 28px, -50% );
	}

	#home .commit-box {
		padding: 40px 0 50px;
		background: url( ../img/home/commitment-bg-sp@2x.png ) center bottom / cover no-repeat;
	}

	#home .commit-box .wrap {
		padding: 0 15px;
	}

	#home .commit-box h2 {
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	#home .commit-box .txt {
		margin-right: 0;
		font-size: 1.5rem;
		background: rgba( 255, 255, 255, .9 );
	}

	#home .commit-box .txt .en {
		font-size: 2.2rem;
		top: -18px;
		right: 0;
		left: 0;
		text-align: center;
	}

	#home .commit-box h3 {
		font-size: 2rem;
	}

	#home .commit-box .btn-01 {
		text-align: center;
	}

	#home .point-list {
		padding: 35px 15px 25px;
	}

	#home .point-list .flex li {
		width: calc( ( 100% - 10px ) / 2 );
		margin: 0;
	}

	#home .point-list .flex li:first-child {
		width: 100%;
		padding: 0 calc( 25% + 2.5px );
		margin-bottom: -24px;
	}

	#home .point-list .flex li:nth-child( 2 ) {
		margin-right: 10px;
	}

	#home .column-box {
		padding: 75px 0 60px;
	}

	#home .column-box .read {
		margin: 15px 0 30px;
		font-size: 1.5rem;
		text-align: left;
	}

	#home .column-box .slider {
		margin-bottom: 30px;
	}

	#home .column-box .post .txt {
		padding: 15px 20px 20px;
		font-size: 1.5rem;
	}

	#home .column-box .post {
		opacity: .5;
	}

	#home .column-box.slide-post .slick-prev {
		left: 40px;
		transform: translate( -50%, -50% );
	}

	#home .column-box.slide-post .slick-next {
		right: 40px;
		transform: translate( 50%, -50% );
	}

	.worries-cat-box {
		padding: 80px 0 25px;
	}

	.worries-cat-box .ttl-01 {
		margin-bottom: 20px;
	}

	.worries-cat-box .ttl-01 h2 {
		letter-spacing: 3px;
	}

	.worries-cat-box .worries-list {
		justify-content: center;
		border: none;
	}

	.worries-cat-box .worries {
		width: calc( 100% / 3 );
		border: none;
	}

	.worries-cat-box .worries:nth-child( 2 ) figcaption {
		transform: translateX( -1.1rem );
	}

	.worries-cat-box .worries:nth-child( 5 ) figcaption {
		transform: translateX( .7rem );
	}

	.worries-cat-box .worries a {
		padding: 0;
	}

	.item-cat-box {
		padding: 80px 0 45px;
	}

	.item-cat-box .flex > figure {
		width: calc( ( 100% - 15px ) / 2 );
		margin: 0 15px 15px 0;
	}

	.item-cat-box .flex > figure:nth-child( even ) {
		margin-right: 0;
	}

	.item-cat-box .flex figcaption {
		padding: 0 0 10px;
		font-size: 1.5rem;
		line-height: 1.6;
	}

	.item-cat-box .flex figcaption .min {
		font-size: 1.4rem;
	}

	#home .insta-box .ttl-01 {
		margin-bottom: 25px;
	}

	#home .insta-box .ttl-01 > div {
		background: url( ../img/home/ttl-insta.png ) left top / 45px no-repeat;
		padding: 5px 10px 0 46px;
	}

	#home .insta-box .ttl-01 > div .en {
		margin-left: -35px
	}

	#home .insta-box #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
		width: calc( 100% / 3 );
	}

	#home .insta-box .read {
		font-size: 1.5rem;
		margin-bottom: 30px;
	}

	#home .insta-box #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item:last-child {
		display: none;
	}

	#home .insta-box .btn-02 {
		margin-top: 30px;
	}

	/* item */

	#item .ttl-01 h2 {
		font-size: 2.2rem;
	}

	#item .ttl-02 h2 {
		font-size: 2.2rem;
	}

	#item .item-box h2 {
		font-size: 2.2rem;
		line-height: 1.4;
		margin: 0 0 15px;
	}

	#item #evaluation .share .flex {
		margin: 20px 0;
	}

	#item #evaluation .share .flex > p {
		margin-right: 10px;
	}

	#item #evaluation .comment {
		margin-bottom: 30px;
		padding: 20px;
	}

	#item #evaluation .comment #commentform .flex {
		flex-direction: column;
		align-items: flex-start;
	}

	#item #evaluation .comment #commentform label {
		width: 100%;
		margin-bottom: 5px;
	}

	#item #evaluation .comment #commentform .input,
	#item #evaluation .comment #commentform .comment-form-age .input {
		width: 100%;
	}

	#item #evaluation .comment #commentform .comment-form-type,
	#item #evaluation .comment #commentform .comment-form-age {
		width: calc( ( 100% - 10px ) / 2 );
	}

	#item #evaluation .comment #commentform .comment-form-range .flex,
	#item #evaluation .comment #commentform .comment-form-comment label {
		padding: 0;
	}

	#item .item-box .copy {
		font-size: 1.8rem;
		line-height: 1.4;
	}

	#item .item-box .read {
		margin-bottom: 15px;
	}

	#item .item-box .detail .item-list {
		border-top: solid 1px #E5E5E5;
	}

	#item .item-box .detail .item-list .item > figure {
		width: 80px;
	}

	#item .item-box .detail .item-list .item > .txt {
		width: calc( 100% - 80px );
		padding-left: 15px;
		line-height: 1.4;
	}

	#item .item-box .detail .cart {
		margin: 10px 0 0;
	}

	#item .item-box .detail .cart button {
		font-size: 1.4rem;
		width: 160px;
		padding: 10px 5px 10px 30px;
		background: #C39D78 url( ../img/item/icon-cart.png ) 10px center / 24px no-repeat;
	}

	#item .item-box .detail .cart.subscription button {
		background: #C14F59 url( ../img/item/icon-cart-02.png ) 10px center / 24px no-repeat;
	}

	#item .item-box .detail .cart button::before {
		display: none;
	}

	#item .worries-box {
		margin-top: 30px;
		padding-top: 30px;
	}

	#item .worries-box .worries-list {
		margin-bottom: 50px;
	}

	#item .worries-box .worries-list figure {
		width: 50%;
	}

	#item .worries-box .worries-list figure:first-child {
		width: 100%;
		margin-bottom: 10px;
	}

	#item .worries-box .worries-list figure img {
		width: 150px;
	}

	#item .worries-box .worries-list figcaption {
		font-size: 1.6rem;
		margin-top: 0;
	}

	#item .worries-box .worries-read {
		padding: 50px 0 30px;
		font-size: 1.7rem;
	}

	#item .worries-box .worries-read h3 {
		font-size: 2rem;
		margin-bottom: 5px;
	}

	#item .content-box {
		padding: 30px 0;
	}

	#item .content-box picture {
		margin-bottom: 10px;
	}

	#item .content-box .swipe-wrap {
		margin: 0 -15px 10px;
	}

	#item .content-box .swipe-wrap .inner {
		width: 665px;
	}

	#item .content-box .swipe-wrap picture {
		width: 610px;
		margin-bottom: 0;
	}

	#item .content-box p.read {
		margin-bottom: 20px;
	}

	#item .content-box .profile {
		padding: 15px;
		margin: 40px 0;
	}

	#item .voice-box {
		padding: 30px 0 70px;
	}

	#item .voice-list {
		flex-direction: column;
	}

	#item .voice-list .voice {
		width: 100%;
		padding: 15px;
		margin-bottom: 20px;
	}

	#item .voice-box .ttl-02 {
		margin-bottom: 30px;
	}

	#item .voice-list .voice:nth-child( odd ) {
		margin-right: 0;
	}

	.voice-list .voice .ttl figure {
		width: 100px;
	}

	.voice-list .voice .ttl .txt {
		width: calc( 100% - 100px );
	}

	.voice-list .voice .tag {
		padding: 2px 10px;
	}

	.star {
		margin: 0 9px 1px 0;
	}

	#item .step-box {
		margin-top: 30px;
	}

	#item .step-box .wrap {
		padding: 0;
	}

	#item .step-box .heading-02 {
		font-size: 2rem;
		margin: 0 15px;
	}

	#item .step-box .swipe-wrap {
		margin: 20px 0;
	}

	#item .swipe-wrap .inner {
		width: 1060px;
	}

	#item .step-list > .flex {
		width: 1030px;
		margin-bottom: 10px;
	}

	#item .step-list figure + figure {
		padding-top: 52px;
	}

	#item .step-list .or figure + figure {
	background: url( ../img/item/or.png ) center 1px / 45px no-repeat;
	}

	#item .detail-box {
		padding: 30px 0;
	}

	#item .detail-list {
		padding: 15px;
		margin-top: 30px;
		flex-direction: column;
	}

	#item .detail-list dt {
		width: 100%;
		border: none;
		border-top: solid  1px #C39D78;
		padding: 5px 0;
	}

	#item .detail-list dd {
		width: 100%;
		border: none;
		border-top: solid  1px rgba( 0, 0, 0, .2 );
		padding: 15px 0;
	}

	#item .subsc-box {
		padding: 30px 0;
	}

	#item .subsc-box .heading-02 {
		font-size: 2rem;
	}

	#item .subsc-box .merit-list {
		flex-direction: column;
	}

	#item .subsc-box .merit {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	#item .subsc-box .merit img {
		width: 200px;
	}

	#item .subsc-box .merit dl {
		max-width: 100%;
	}

	#item .subsc-box .merit dt {
		margin: 5px 0;
	}

	#item .subsc-box .merit dd {
		text-align: center;
	}

	#item .subsc-box .table-wrap {
		flex-direction: column;
	}

	#item .subsc-box .table-wrap > .img {
		width: 100%;
		padding: 0;
		text-align: center;
		margin-bottom: 20px;
	}

	#item .subsc-box .table-wrap > .img img {
		width: 240px;
	}


	#item .subsc-box .table-wrap > .img .off {
		width: 100px;
		height: 100px;
		padding: 16px 0;
		right: 0;
	}

	#item .subsc-box .table-wrap > picture {
		width: 100%;
		text-align: center;
	}

	#item .item-box.bottom {
		padding: 30px 0;
	}

	#item .item-box.bottom .heading-01 {
		margin-bottom: 25px;
	}

	#item .item-box .copy {
		margin: 10px 0;
	}

	#item .item-box.bottom .read {
		margin-bottom: 20px;
	}

	#item .item-box .img {
		margin-bottom: 0;
	}

	#item .relation-box {
		padding: 30px 0 40px;
	}

	#item .relation-box .wrap {
		padding: 0;
	}

	#item .relation-box .relation-list {
		padding: 0 15px;
	}

	#item .relation-box .relation-list .item {
		width: calc( ( 100% - 15px ) / 2 );
		margin: 0 15px 15px 0;
		font-size: 1.4rem;
	}

	#item .relation-box .relation-list .item:nth-child( even ) {
		margin-right: 0;
	}

	#item .relation-box .relation-list .txt {
		padding: 5px 0;
	}

	/* item-archive */

	#item-archive .contents-box {
		margin-bottom: 20px;
	}

	#item-archive .contents-box .txt {
		margin-top: 180px;
		padding: 20px;
	}

	#item-archive .contents-box .bg {
		height: 240px;
	}

	#item-archive .contents-box h2 {
		font-size: 2.6rem;
		text-align: center;
		line-height: 1.4;
	}

	#item-archive .contents-box h2::after {
		left: calc( 50% - 20px );
	}

	#item-archive .story-box .story-list {
		margin: 20px 0;
	}

	#item-archive .story-box .story,
	#item-archive .story-box .story.flex:nth-child( even ) {
		margin-bottom: 30px;
	}

	#item-archive .story-box .story .txt h3 {
		font-size: 2.2rem;
		margin: 5px 0;
	}

	#item-archive .story-box .story.flex > figure,
	#item-archive .story-box .story.flex:nth-child( even ) > figure {
		margin-bottom: 5px;
	}

	#item-archive .table-box {
		padding-bottom: 20px;
	}

	#item-archive .table-box .wrap {
		padding: 0;
	}

	#item-archive .table-box .swipe-wrap .swipe .inner {
		width: 770px;
	}

	#item-archive .table-box .comparison {
		width: 700px;
	}

	#item-archive .table-box .comparison thead {
		font-size: 1.6rem;
	}

	#item-archive .table-box .comparison figure {
		width: 95px;
		padding-right: 15px;
	}

	#item-archive .table-box .comparison th,
	#item-archive .table-box .comparison td {
		width: 12%;
		padding: 10px 0;
	}

	#item-archive .table-box .comparison th:first-child,
	#item-archive .table-box .comparison td:first-child {
		width: 35%;
	}

	#item-archive .table-box .comparison tbody a {
		font-size: 1.4rem;
	}

	#item-archive.category .item-list-box {
		padding: 40px 0;
	}

	#item-archive .item-list-box .ttl-02 h2 {
		font-size: 2.8rem;
	}

	#item-archive .item-list-box .item > .flex,
	#item-archive .item-list-box .item .info .flex {
		flex-direction: column;
		align-items: center;
	}

	#item-archive .item-list-box .item .info {
		width: 100%;
	}

	#item-archive .item-list-box .item .info figure {
		width: 240px;
		margin-bottom: 15px;
	}

	#item-archive .item-list-box .item .info .txt {
		width: 100%;
		padding: 0;
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 15px;
	}

	#item-archive .item-list-box .item .info h3 {
		font-size: 1.8rem;
	}

	#item-archive .item-list-box .item .price {
		width: auto;
	}

	.pagination li span, .pagination li {
		margin: 0 5px;
	}

	.pagination li span, .pagination li a {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	#item-archive.archive .pagination {
		margin: 30px 0 0;
	}

	#item-archive.archive .worries-cat-box {
		margin-top: 0;
	}

	/* topics */

	#main-contents {
		margin-bottom: 20px;
	}

	#topics .topic-path {
		margin-bottom: 20px;
	}

	#topics .post {
		border: none;
		padding: 0;
		margin-bottom: 20px;
	}

	#topics .post-header {
		margin-bottom: 20px;
	}

	#topics .post-header time {
		margin-right: 15px;
	}

	#topics .post-header .cat-list a,
	#topics .post-header .cat-list span {
		font-size: 1.2rem;
	}

	#topics .post-header h1,
	#topics .post-header h2 {
		font-size: 2.2rem;
	}

	.post-contents h2,
	.post-contents h3,
	.post-contents h4,
	.post-contents h5,
	.post-contents h6 {
		letter-spacing: 1px;
		margin-top: 30px;
	}

	.post-contents h2 {
		font-size: 2rem;
		padding: 10px 10px 10px 15px;
		margin-bottom: 15px;
	}

	.post-contents h3 {
		font-size: 2rem;
		margin-bottom: 15px;
	}

	.post-contents h4 {
		font-size: 1.9rem;
		padding: 0 0 10px;
		margin-bottom: 15px;
	}

	.post-contents h5,
	.post-contents h6 {
		font-size: 1.9rem;
	}

	.post-contents p {
		margin-bottom: 20px;
	}

	.post-contents ul,
	.post-contents ol {
		margin-bottom: 20px;
	}

	.post-contents blockquote {
		padding: 40px 15px 20px;
		margin-bottom: 20px;
	}

	.post-contents blockquote::before {
		left: 15px;
	}

	.post-contents blockquote::after {
		right: 15px;
	}

	.post-contents .table-wrap {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.post-contents .table-wrap table {
		width: 750px;
	}

	.post-contents table {
		font-size: 1.4rem;
		margin-bottom: 20px;
	}

	.post-contents th,
	.post-contents td {
		padding: 5px;
	}

	#ez-toc-container {
		padding: 15px;
		margin-bottom: 20px;
	}

	#ez-toc-container .ez-toc-title {
		font-size: 2rem;
	}

	#ez-toc-container .ez-toc-title::before {
		width: 30px;
		height: 30px;
		transform: translateY( -1px );
	}

	#ez-toc-container .ez-toc-title {
		margin-bottom: 5px !important;
	}

	#ez-toc-container .ez-toc-list-level-1 ul li {
		padding-left: 1.5rem;
	}

	#topics .addtoany_content {
		margin: 20px 0 0;
		text-align: center;
	}

	#topics .addtoany_content .a2a_svg {
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
	}

	.post-contents .a2a_kit a {
		margin: 0 10px;
	}

	#topics .author-box {
		padding: 15px;
	}

	#topics .author-box .ttl h3 {
		font-size: 1.8rem;
	}

	#topics .author-box .author {
		flex-direction: column;
	}

	#topics .author-box figure {
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
		text-align: center;
	}

	#topics .author-box .txt {
		width: 100%;
	}

	#topics .author-box .txt h4 {
		text-align: center;
		font-size: 1.8rem;
	}

	#topics .author-box .txt .read {
		margin-bottom: 10px;
	}

	#topics .author-box .sns {
		justify-content: center;
		height: 40px;
	}

	#topics .author-box .sns li {
		margin: 0 5px;
	}

	#topics .author-box .sns li a {
		width: 40px;
		height: 40px;
		overflow: hidden;
		text-indent: -9999px;
	}

	#topics .author-box .sns .twitter a {
		background: url( ../img/column/icon-twitter@2x.png ) center center / 30px no-repeat;
	}

	#topics .author-box .sns .fb a {
		background: url( ../img/column/icon-fb@2x.png ) center center / 30px no-repeat;
	}

	#topics .author-box .sns .insta a {
		background: url( ../img/column/icon-insta@2x.png ) center center / 30px no-repeat;
	}

	#topics .author-box .sns .youtube a {
		background: url( ../img/column/icon-youtube@2x.png ) center center / 30px no-repeat;
	}

	.post-nav {
		margin: 20px 0;
		flex-direction: column;
	}

	.post-nav .prev,
	.post-nav .next {
		width: 100%;
		margin-bottom: 10px;
	}

	.post-nav .back {
		width: 100%;
		order: 3;
	}

	.post-nav .prev a,
	.post-nav .next a {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.post-nav .next a {
		text-align: right;
	}

	#topics .heading-02 {
		margin: 30px 0 20px;
	}

	#topics .relation-post {
		flex-direction: column;
	}

	#topics .relation-post .post {
		width: 100%;
	}

	#topics .relation-post .post {
		width: 300px;
		margin: 0 auto 20px;
	}

	#topics .relation-post .txt {
		padding: 10px 0 0;
	}

	/* archive */

	#topics.archive #main-contents .post-list .post > a {
		padding: 0 0 25px;
		margin-bottom: 20px;
	}

	#topics.archive .post-contents .flex {
		flex-direction: column;
	}

	#topics.archive .post-contents .flex > figure {
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}

	#topics.archive .post-contents .flex > .txt {
		width: 100%;
	}

	#topics.archive .post-contents p.more {
		margin-top: 15px;
	}

	#topics.archive .post-list {
		margin-bottom: 30px;
	}

	#topics.archive .pagination {
		margin-bottom: 20px;
	}

	/* mission */

	#mission .mission-box {
		margin-bottom: 20px;
	}

	#mission .mission-box h3 {
		font-size: 2rem;
		line-height: 1.6;
		margin-bottom: 15px;
	}

	#mission .mission-box .read {
		margin-bottom: 20px;
	}

	#mission .mission-box .mission {
		padding-top: 180px;
	}

	#mission .mission-box .mission::before {
		height: 220px;
	}

	#mission .mission-box .mission .wrap {
		padding: 30px 15px 10px;
	}

	#mission .mission-box .mission .wrap::before {
		height: 30px;
		top: -15px;
	}

	#mission .promise-box {
		padding: 70px 0 60px;
	}

	#mission .promise-box .ttl-01 + .read {
		margin-bottom: 20px;
		text-align: left;
	}

	#mission .promise-box .promise-list {
		flex-direction: column;
		margin-bottom: 0;
	}

	#mission .promise-box .promise {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	#mission .promise-box .promise img {
		width: 200px;
	}

	#mission .promise-box .promise dl {
		max-width: 100%;
	}

	#mission .promise-box .promise dt {
		margin: 5px 0;
	}

	#mission .commit-box {
		padding: 70px 0 20px;
	}

	#mission .commit-box .ttl-01 {
		margin-bottom: 20px;
	}

	#mission .commit-box .ttl-01 h2 {
		font-size: 2.2rem;
	}

	#mission .commit-list .commit {
		padding: 180px 0 20px;
	}

	#mission .commit-list .commit::before,
	#mission .commit-list .commit:nth-of-type( even )::before {
		height: 220px;
	}

	#mission .commit-list .commit .txt,
	#mission .commit-list .commit:nth-of-type( even ) .txt {
		padding: 5px 15px 15px;
	}

	#mission .commit-list .commit .en {
		font-size: 3rem;
	}

	#mission .commit-list .commit h3 {
		font-size: 2rem;
		line-height: 1.6;
	}

	#mission .item-bnr {
		margin-bottom: 20px;
	}

	.bnr a {
		padding: 20px;
		background: url( ../img/common/arrow-01.svg ) center right 15px no-repeat;
	}

	#mission .history-box {
		padding: 30px 15px;
		margin-bottom: 30px;
	}

	#mission .history-box .wrap {
		padding: 30px 15px 5px;
	}

	.num-list .sec {
		margin-bottom: 30px;
	}

	.num-list .sec .num {
		width: 50px;
		height: 50px;
		top: -12px;
	}

	.num-list .sec .num > div {
		font-size: 1.2rem;
		padding: 6px 2px 0;
	}

	.num-list .sec .num > div::after {
		width: 50px;
		height: 50px;
		top: 2px;
		left: 2px;
	}

	.num-list .sec .num span {
		font-size: 2.2rem;
	}

	.num-list .sec {
		padding: 0 0 5px 70px;
	}

	.num-list .sec::after {
		top: 46px;
		bottom: -10px;
		left: 23px;
	}

	.num-list .sec .flex {
		flex-direction: column;
	}

	.num-list .sec .flex > .txt {
		width: 100%;
		margin-bottom: 15px;
	}

	.num-list .sec .flex h3 {
		font-size: 2rem;
		margin-bottom: 15px;
	}

	.num-list .sec .flex > figure {
		width: 100%;
		padding: 0;
		text-align: left;
	}

	#mission .feature-box h2 {
		font-size: 2.4rem;
	}

	#mission .feature-box .bg {
		margin: 15px 0 0;
		padding: 30px 15px 40px;
	}

	#mission .feature-box .bg::before {
		height: 30px;
		top: -15px;
	}

	#mission .feature-box .bg .wrap {
		padding: 15px 15px 20px;
	}

	#mission .feature-box .bg .en {
		font-size: 3rem;
	}

	#mission .feature-box .bg .read {
		text-align: left;
	}

	/* company */

	#company .outline-box {
		padding-bottom: 10px;
	}

	#company .outline-box .ttl-01 {
		margin-bottom: 20px;
	}

	#company .outline-box a.external {
		display: inline;
		padding: 0;
		background: none;
	}

	.dl-01 {
		letter-spacing: 0;
		flex-direction: column;
	}

	.dl-01 dt {
		width: 100%;
		padding: 5px;
		border-top: solid 1px #C39D78;
		border-bottom: none;
	}

	.dl-01 dd {
		width: 100%;
		padding: 15px 5px;
		border-top: solid 1px #E2E2E2;
		border-bottom: none;
	}

	.list-01 li::before {
		top: 12px;
	}

	#company .bnr-corp {
		margin: 20px 0;
	}

	#company .bnr a {
		letter-spacing: 0;
	}

	.contact-box h2 {
		font-size: 2.4rem;
		margin-bottom: 20px;
	}

	.contact-box .bg {
		padding: 30px 15px 40px;
	}

	.contact-box .bg::before {
		height: 30px;
		top: -15px;
	}

	.contact-box .wrap {
		padding: 20px 15px;
	}

	.contact-box .wrap .read {
		text-align: left;
	}

	.contact-box .wrap > .flex {
		flex-direction: column;
	}

	.contact-box .wrap > .flex > div {
		width: 100%;
		padding: 0;
	}

	.contact-box .wrap > .flex > div.tel-wrap {
		margin: 0 5px 20px 0;
	}

	.contact-box .wrap .tel .num {
		font-size: 2.8rem;
	}

	/* shopping-guide */

	#shopping-guide .page-menu {
		padding: 0 0 10px;
		border-bottom: solid 5px #F9F5F1;
	}

	#shopping-guide .page-menu figure {
		width: calc( 100% / 3 );
		margin-bottom: 15px;
		line-height: 1.6;
	}

	#shopping-guide .page-menu img {
		border: solid 4px #E7D8C9;
	}

	#shopping-guide .page-menu .wrap {
		padding: 0 10px;
	}

	#shopping-guide .page-menu a {
		font-size: 1.6rem;
	}

	#shopping-guide #contents section {
		padding: 70px 0 60px;
	}

	#shopping-guide #contents section h2 {
		font-size: 2.6rem;
		margin-bottom: 20px;
	}

	#shopping-guide #contents section h2 span {
		padding: 10px 20px 10px 55px;
	}

	#shopping-guide .num-list {
		margin: 40px 0;
	}

	#shopping-guide .order-box .notice-box dl {
		padding: 25px 15px 15px;
	}

	#shopping-guide #contents section.payment-box {
		padding: 70px 0 60px;
	}

	#shopping-guide .payment-box .ttl .read {
		text-align: left;
	}

	#shopping-guide .payment-box .table-wrap {
		margin: 20px 0 30px;
		padding: 10px 15px 25px;
	}

	#shopping-guide .payment-box .table-wrap .table-01 {
		letter-spacing: 0;
	}

	#shopping-guide .payment-box .table-wrap .table-01 .note {
		font-size: 1.4rem;
	}

	#shopping-guide .payment-box .heading-02 {
		font-size: 2.2rem;
		margin: 45px 0 15px;
	}

	#shopping-guide .payment-box .card-list {
		margin: 20px 0 30px;
		padding: 10px;
	}

	#shopping-guide .payment-box .card-list .flex {
		justify-content: center;
	}

	#shopping-guide .payment-box .card-list .flex > div {
		line-height: .5;
		padding: 10px;
	}

	#shopping-guide .payment-box .conveni-list {
		margin: 20px 0 0;
		padding: 10px;
		text-align: center;
	}

	#shopping-guide .payment-box .conveni-list .flex {
		max-width: 360px;
	}

	#shopping-guide .payment-box .conveni-list .flex > div {
		line-height: .5;
		padding: 5px;
	}

	#shopping-guide .payment-box .conveni-list .flex > div img {
		max-height: 35px;
	}

	#shopping-guide #contents section.delivery-box {
		padding: 70px 0 60px;
	}

	#shopping-guide .delivery-box .ttl .read {
		text-align: left;
	}

	#shopping-guide .delivery-box .heading-02 {
		margin: 45px 0 15px;
		font-size: 2.2rem;
	}

	#shopping-guide .delivery-box .read.center {
		text-align: left;
	}

	#shopping-guide .postage-box .table-01 {
		margin-top: 20px;
	}

	#shopping-guide .postage-box .table-01 span {
		margin-right: -.4rem;
	}

	#shopping-guide .postage-box .table-01 thead {
		display: none;
	}

	#shopping-guide .postage-box .table-01 tr {
		-js-display: flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	#shopping-guide .postage-box .table-01 tbody td {
		width: 100%;
		padding: 0;
		border: none;
	}

	#shopping-guide .postage-box .table-01 tbody td:first-child {
		width: 100%;
		padding: 20px 0 10px;
		border-top: solid 1px #E5E5E5;
	}

	#shopping-guide .postage-box .table-01 tbody td:last-child {
		padding-bottom: 20px;
		text-align: right;
	}

	#shopping-guide .postage-box .table-01 tbody td:last-child::before {
		content: '送料: ';
		color: #C39D78;
	}

	#shopping-guide .postage-box .table-01 tbody td.note {
		width: auto;
		min-width: 240px;
		margin-left: auto;
		text-align: left;
	}

	#shopping-guide .postage-box .table-01 tbody td.note::before {
		display: none;
	}

	#shopping-guide #contents section.returns-box {
		padding: 70px 0 60px;
	}

	#shopping-guide .returns-box .heading-02 {
		margin: 45px 0 15px;
		font-size: 2.2rem;
	}

	#shopping-guide #contents section.member-box {
		padding: 70px 0 60px;
	}

	#shopping-guide .member-box .ttl .read {
		text-align: left;
	}

	#shopping-guide .member-box .heading-02 {
		margin: 45px 0 15px;
		font-size: 2.2rem;
	}

	#shopping-guide .member-box .contents-wrap .swipe-wrap {
		margin: 0 -15px;
	}

	#shopping-guide .member-box .contents-wrap figure img {
		width: 485px;
		max-width: inherit;
		margin-right: 15px;
	}

	#shopping-guide .subscription-box .merit-list li {
	  display: block;
	  margin-bottom: 1rem;
	}

	#shopping-guide .subscription-box .merit-list li figure {
	  width: 200px;
	  margin: auto auto 15px;
	  position: relative;
	}

	#shopping-guide .subscription-box .merit-list figcaption {
	  position: absolute;
	  bottom: -30px;
	  left: 0;
	  right: 0;
	  margin: auto;
	  width: 100%;
	}

	#shopping-guide .subscription-box .merit-list li .text-cont {
	  width: 100%;
	  text-align: center;
	}

	#shopping-guide .subscription-box .merit-list li .merit-ttl {
	  font-size: 2rem;
	  letter-spacing: 1px;
	  color: #C39D78;
	  margin: 5px 0 0;
	}


	#shopping-guide .subscription-box h2 span {
	  padding-left: 68px !important;
	}

	#shopping-guide .subscription-box .heading-02 {
		font-size: 2.2rem;
	}

	#shopping-guide .subscription-box .heading-02 {
	  margin-bottom: 2rem;
	}


	/* commerce */

	#commerce .ttl-01 {
		margin-bottom: 20px;
	}

	#commerce .dl-01 dt,
	#commerce .dl-01 dd {
		width: 100%;
	}

	/* not-found */

	#not-found .post-contents {
		text-align: center;
	}

	#not-found #contents {
		padding-bottom: 40px;
	}

	/* thanks */

	#thanks #contents .ttl-01 {
		padding-top: 20px;
	}

	#thanks #contents .heading-02 {
		margin-top: 20px;
	}

	#thanks #contents section .cont p {
		margin-top: 20px;
	}

	#thanks #contents section .cont p.read {
		text-align: left;
	}

}


/*
----------------------------------------
320
----------------------------------------
*/

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

	body {
		font-size: 1.4rem;
	}

	footer .footer-nav li a,
	footer .external-link a {
		font-size: 1.4rem;
	}

	footer .footer-nav li a {
		background: url( ../img/common/arrow-03.svg ) right 15px center no-repeat;
	}

	footer .copyright {
		padding: 10px 20px;
	}

	#nav-menu .nav-wrap .inner {
		width: calc( 100% - 20px );
	}

	#nav-menu .nav-wrap .btn-set {
		padding: 0 10px;
	}

	.ttl-01 h2 {
		font-size: 2.4rem;
	}

	.ttl-01 .en {
		font-size: 2rem;
	}

	.ttl-02 h2 {
		font-size: 2.2rem;
	}

	.ttl-02 .en {
		font-size: 2rem;
	}

	#home .news-box .ttl h2 {
		font-size: 2.4rem;
	}

	#home .rank-box .rank-list .item .txt {
		padding: 10px 0;
	}

	#home .slide-post .slick-prev {
		left: 38px;
	}

	#home .slide-post .slick-next {
		right: 38px;
	}

	#home .slide-post .slick-prev::before,
	#home .slide-post .slick-next::before {
		width: 40px;
		height: 40px;
		line-height: 24px;
	}

	#home .commit-box .wrap {
		padding: 0 10px;
	}

	#home .commit-box h2 {
		font-size: 2.4rem;
	}

	#home .commit-box .txt .en {
		font-size: 2rem;
	}

	#home .commit-box .txt {
		padding: 30px 15px 20px;
	}

	#home .commit-box h3 {
		font-size: 1.8rem;
	}

	.worries-cat-box .worries {
		font-size: 1.4rem;
	}

	.worries-cat-box .worries:nth-child( 2 ) figcaption {
		transform: translateX( -.8rem );
	}

	.worries-cat-box .worries:nth-child( 5 ) figcaption {
		transform: translateX( .4rem );
	}

	#item .worries-box .wrap {
		padding: 0 10px;
	}

	#item .worries-box #item .ttl-01 h2 {
		font-size: 2rem;
	}

	#item .worries-box .worries-list figure img {
		width: 130px;
	}

	#item .worries-box .worries-list figcaption {
		font-size: 1.4rem;
	}

	#item .content-box .profile dt {
		font-size: 1.6rem;
		white-space: nowrap;
	}

	/* topics */

	.post-contents h2,
	.post-contents h3,
	.post-contents h4,
	.post-contents h5,
	.post-contents h6 {
		letter-spacing: 0;
		margin-top: 20px;
	}

	#topics .post-header h1,
	#topics .post-header h2 {
		font-size: 2rem;
		letter-spacing: 1px;
	}

	.post-contents h2,
	.post-contents h3,
	.post-contents h4,
	.post-contents h5 {
		font-size: 1.8rem;
	}

	.post-contents h6 {
		font-size: 1.7rem;
	}

	#ez-toc-container {
		font-size: 1.4rem;
	}

	#ez-toc-container .ez-toc-list-level-1 > li {
		padding-left: 1.6rem;
	}

	#ez-toc-container .ez-toc-list-level-1 ul li {
		padding-left: 1rem;
	}

	#ez-toc-container .ez-toc-list-level-1 ul li::before {
		width: 5px;
		height: 5px;
		top: 11px;
	}

	#topics.archive .post-header {
		margin-bottom: 15px;
	}

	/* shopping-guide */

	#shopping-guide .page-menu figure {
		padding: 0 5px;
	}

	#shopping-guide #contents section h2 span {
		padding: 10px 20px 10px 50px;
		letter-spacing: 0;
	}

	#shopping-guide .page-menu a {
		font-size: 1.4rem;
	}

	#shopping-guide #contents section h2 {
		font-size: 2.2rem;
	}

	#shopping-guide .table-01 {
		font-size: 1.4rem;
	}

	#shopping-guide .payment-box .heading-02,
	#shopping-guide .delivery-box .heading-02,
	#shopping-guide .returns-box .heading-02,
	#shopping-guide .member-box .heading-02 {
		font-size: 1.8rem;
	}

	#shopping-guide .postage-box .table-01 tbody td.note {
		min-width: 210px;
		white-space: nowrap;
	}

	/* mission */

	#mission .mission-box h3 {
		font-size: 1.8rem;
	}

	/* contact-box */

	.contact-box h2 {
		font-size: 2rem;
	}

	.contact-box .wrap .tel .num {
		font-size: 2.2rem;
	}

	.contact-box .wrap .note {
		font-size: 1.2rem;
	}

	#company .bnr a br {
		display: block;
	}

	#shopping-guide .payment-box .table-wrap .table-01 .note {
		font-size: 1.2rem;
	}

	.heading-02 > span .note {
		font-size: 1.2rem;
	}

}

/*
----------------------------------------
height 750
----------------------------------------
*/

@media screen and ( max-height: 750px ) {

	#item-archive .table-box .comparison th,
	#item-archive .table-box .comparison td {
		padding: 10px 5px;
	}

	#item-archive .table-box .comparison figure {
		width: 100px;
	}

}