/** Shopify CDN: Minification failed

Line 208:1 Expected "}" to go with "{"

**/
@charset "utf-8";
/* CSS Document */
.article-body .rimage{
  padding-top:60%!important;
  img.rimage__img{width:60%!important; height:auto; left:auto;}
}

#wrapper_apl{
  text-align:left;
/* ==========共通=========== */
*{margin:0; padding:0; font-size:15px; font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','Yu Gothic','メイリオ','ＭＳ Ｐゴシック','MS PGothic'}
body{background-color:#ffffff;}
a{text-decoration: none; color:#462F20;}
a:hover{transform: translateY(-4px); transition:all 0.3s ease-out;}
ul,li{list-style: none;}
li:before{display:none;}
.cb{clear: both;}

h1{font-size: 38px; color: #1E1E1E; overflow-wrap:break-word; text-align: left; margin-bottom: 0.2em; line-height: normal;}
h2{margin-bottom: 1em; font-size: 20px}
p{margin-bottom: 1em; color:#222;}
.upload_date{color: #B5B5B5;}
.wrapper{width: 80%; margin: 0 auto;}

/* ===========トップタイトル=========== */
.top_title{margin-bottom: 1em;}
.top_text p{font-size: 14px; overflow-wrap:break-word;}
.upload_date{border-bottom: 1px dotted #1E1E1E; margin-top: 1em;}


.produtlist{display: flex; margin-bottom: 0.5em;}



/* ===========商品リスト=========== */
.lank_list{width: 100%; margin: 5em auto 7em;}
.introduction{margin-bottom: 3em; line-height: 20px;}
.introduction p{overflow-wrap:break-word; font-size: 14px; line-height: 1.8;}
.produtlist{min-height: 30px; margin-bottom: 22px;}

.position1{}

/* 商品ページから画像を引っ張る場合 */
.main_images{display: flex; margin-bottom: 2em;}
.main_images > li:nth-child(1){padding-right:10px;}
.main_images > li:nth-child(2){padding-left:10px;}

.styleimages{width:640px; width:100%;}
.styleimages img{width:100%;}


/* オリジナルで画像を作成する場合 */
.main_images1{width: 70%; margin: 0 auto 2em;}

.styleimages_original{width:640px;  width:100%;}
.styleimages_original img{width: 100%; margin: 0 auto;}


.boxlist4{display: flex; flex-wrap: wrap;}
.boxlist4 > li{width: 50%; box-sizing: border-box;}

.produtlist_area{display: flex; margin-bottom: 22px; padding: 0 11px;}

/* 商品リストのサムネイル */
.produtlist_img{width:63px; height: 0 auto; margin-right: 15px;}
.produtlist_img img{width:100%;}

/* 商品リストのテキスト */
.produtlist_script{line-height: 1; flex: 1;}
.labelname{font-size:12px; margin:0 auto 0;}
.productname{font-size:15px; margin:0 auto 5px; line-height: 1.5; word-break: break-all;}
.price{font-size:14px; color:#B5B5B5; margin:0 auto;}

.boxlist4 > li:nth-child(1){padding-right:10px; padding-bottom: 10px;}

.boxlist4 > li:nth-child(2){}

.boxlist4 > li:nth-child(3){}

.boxlist4 > li:nth-child(4){}


/* ランキングページのボタン */
.lanking_more{ background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 3em auto 1.5em;
    max-width: 320px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #333333;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button a:hover {
    background: #333333;
    color: #FFF;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 30%), 0 0 5px rgb(0 0 0 / 30%);
}
.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333333;
    border-right: 3px solid #333333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button a:hover:after {
    border-color: #FFF;
}
/*body{
    vertical-align:middle; 
    padding: 50px 0;
    text-align: center;
}*/


/* TOPページのボタン */
.top_return{ background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 320px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #333333;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button a:hover {
    background: #333333;
    color: #FFF;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 30%), 0 0 5px rgb(0 0 0 / 30%);
}
.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333333;
    border-right: 3px solid #333333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button a:hover:after {
    border-color: #FFF;
}

.foot_button{margin: 0 auto 5em;}



/* ===========レスポンシブ=========== */

/* スマホ */
@media screen and (max-width: 480px) {
	 h1{font-size: 30px; color: #1E1E1E; overflow-wrap:break-word; text-align: left; margin-bottom: 0.2em;}
	 h2{margin-bottom: 1em; font-size: 16px}
	.wrapper{width: 90%; margin: 0 auto;}
	
	.lank_list{width: 100%; margin: 3em auto 7em;}
	.top_text p{font-size: 12px;}
    .main_images > li:nth-child(1){padding-right:5px;}
    .main_images > li:nth-child(2){padding-left:5px;}
	
/* ===========商品リスト=========== */
    .introduction{margin-bottom: 3em; line-height: 20px;}
    .introduction p{overflow-wrap:break-word; font-size: 13px;}
	
/* 商品リストのサムネイル */
    .produtlist_img{width:63px; height: 0 auto; margin-right: 10px;}
    .produtlist_img img{width:100%;}
	
/* 商品リストのテキスト */
	.labelname{font-size:9px; margin:0 auto 0;}
    .productname{font-size:13px; margin:0 auto; word-break: break-all;}
    .price{font-size:11px; color:#B5B5B5; margin:0 auto;}
	
/* ランキングページのボタン */
	.lanking_more{max-width: 500px;}
	.top_return{max-width: 500px;}
	
}