@charset 'utf-8';
#baseMenu {
	display:flex;
    box-sizing: border-box;
    float:right;
    margin:0 0 0 5px;
}
#baseMenu > ul > li {
    list-style: none;
    float:left;
}
#baseMenu > ul > li.base {
    margin: 0 0 0 10px;
}
#baseMenu > ul > li a {
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    -webkit-font-smoothing: antialiased;
    margin: 0 5px 0 5px;
    padding:0;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
#baseMenu > ul > li a:hover {
    box-shadow: 0 0 0 1px rgba(150, 150, 150, 0.2);
    padding: 0;
}
#baseMenu > ul > li a img {
    width:20px;
    height:20px;
}

.main {
	width:100%;
	margin:0;
	padding:0;
}

h1 {
}
/*▼▼block:HasItems▼▼*/
body#shopDetailPage #mainContent {
}

body#shopTopPage .itemList {
    margin: 0 auto;
    overflow: hidden;
	width:96%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;/* 横中央揃え */
}
@media screen and (max-width : 1200px) {
	body#shopTopPage .itemList {
		width:96%;
	    margin:0 auto;
	}
}

body#shopTopPage .item {
    box-sizing: border-box;
    text-align: center;
    width:19%;
    margin:0 0.5% 20px 0.5%;
    background:;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	border:1px solid #ccc;
	padding:20px;
	border-radius:5px;
	box-sizing:border-box;
}
@media screen and (max-width : 834px) {
	body#shopTopPage .itemList {
	    width:96%;
	    margin:0 auto;
	}
	body#shopTopPage .item {
	    width:49%;
	    margin:0 0.5% 20px 0.5%;
	}
}

body#shopTopPage .item a {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

body#shopTopPage .item .itemImg {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    margin: auto;
    overflow: hidden;
    vertical-align: middle;
}

body#shopTopPage .item:hover .itemImg {
}

body#shopTopPage .item:hover a {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

body#shopTopPage .item .itemImg a {
    display: block;
    position: relative;
}

body#shopTopPage .item .itemImg a::before {
    content: '';
    display: block;
    padding-top: 100%;
}

body#shopTopPage .item .itemImg img.image-resize {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


body#shopTopPage .item .itemImg a .soldout_cover {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    filter: alpha(opacity=80);
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    zoom: 1;
}

body#shopTopPage .item .itemImg a .soldout_cover p {
    color: #ed4242;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

ul.itemDetail {
	list-style:none;
}
body#shopTopPage .item a .itemTitle h2 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin:10px 0 0px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body#shopTopPage .item .itemDetail .itemPrice {
    font-size: 22px;
    letter-spacing: 1px;
    text-align: center;
    font-weight:bold;
    line-height:180%;
    color:red;
    display:none;
}

/*▲▲block:HasItems▲▲*/

/*▼▼お問い合わせ▼▼*/
.inquirySection {
    padding: 0px;
    height:;
}

.inquirySection h1 {
	font-size:1.8rem;
	color:#333;
	line-height:160%;
	font-weight:bold;
	margin:0 auto 20px;
	text-align:center;
}

.inquirySection p {
    color: #000;
    font-size: 22px;
    line-height: 180%;
    text-align: center;
}

.inquirySection form {
    width: 100%;
    
}

@media(min-width: 835px) {
    .inquirySection form {
        margin: 40px auto 0;
        width: 100%;
    }
}

.inquirySection dl {
    text-align: left;
    width:900px;
    margin:0 auto;
}

.inquirySection dl dt {
    color: #000;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}

.inquirySection dl dt span {
    color: #fb7c8a;
    font-size: 16px;
    line-height: 11px;
    margin-left: 5px;
    vertical-align: baseline;
}

.inquirySection dl dd {
    margin-bottom: 20px;
}

.inquirySection dl dd input {
    box-sizing: border-box;
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    width: 100%;
}

.inquirySection dl dd textarea {
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 135px;
    padding: 10px;
    width: 100%;
}

@media(max-width: 900px) {
	.inquirySection dl {
	    width:90%;
	    margin:0 5% 0 5%;
	}
}
@media(min-width: 835px) {
    .inquirySection dl dd input {
        width: 630px;
        width: 100%;
    }

    .inquirySection dl dd textarea {
        width: 630px;
        width: 100%;
    }
}

@-moz-document url-prefix() {
    .inquirySection dl dd textarea {
        font-size: 16px;
    }
}

.inquirySection .control-panel input#buttonLeave {
    background-color: #fff;
    border: none;
    color: #666;
    border:1px solid #666;
    display: inherit;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 50px auto 50px auto;
    padding: 14px 20px 14px 20px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width:;
    border-radius:8px;
}

.inquirySection .control-panel input#buttonLeave:hover {
    cursor: pointer;
    background:#666;
    color:#fff;
}

#inquiryConfirmSection p {
    color: #000;
    font-size: 22px;
    line-height: 180%;
    text-align: center;
}

#inquiryConfirmSection dd {
    font-size: 18px;
    padding-left: 15px;
}

#inquiryCompleteSection p {
    font-size: 20px;
    margin: 30px 0 0;
}

#inquiryCompleteSection a {
    background-color: #fff;
    border: none;
    color: #666;
    border:1px solid #666;
    display: inherit;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 50px auto 50px auto;
    padding: 14px 20px 14px 20px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width:;
    border-radius:8px;
    display:table;
}

#inquiryCompleteSection a:hover {
    cursor: pointer;
    background:#666;
    color:#fff;
}



@media(max-width: 834px) {
    .main,
    #privacy,
    #law {
        width: 92%;
        margin: 0 auto;
        padding: 0;
    }

    .main #about,
    .main .inquirySection {
        width: 100%;
        padding: 0;
    }
}
/*▲▲お問い合わせ▲▲*/
/*▼▼プライバシーポリシー 特定商取引法に基づく表記▼▼*/
#privacy,
#law {
    background-color: #fff;
    box-sizing: border-box;
    font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN",
        "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif;
    font-size: 16px;
    line-height: 180%;
    margin: 0 auto;
    padding: 10px 40px 40px;
    text-align: left;
    width: 960px;
}
#privacy h2,
#law h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0 0 20px;
}
#privacy h3,
#privacy dt {
    font-weight: bold;
    margin: 15px 0 8px;
}
#privacy .privacy_intro {
    margin: 0 0 20px;
}
#privacy ul {
	list-style:none;
}
#law h3 {
    font-weight: bold;
    margin: 20px 0 5px;
}
#law .law_attention {
    padding: 10px;
    margin-top: 12px;
    line-height: 1.5;
    background-color: #f8f9fa;
}
@media(min-width: 835px) {
    #law .law_attention {
        padding: 16px;
        margin-top: 16px;
        line-height: 1.6;
    }
}
#law .atobaraiTerm {
    margin: 20px 0;
}
#law .atobaraiTerm .atobaraiTerm__title {
    margin-bottom: 8px;
}
#law .atobaraiTerm .atobaraiTerm__body {
    padding-left: 20px;
}
#law .atobaraiTerm p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 10px;
}
/*▲▲プライバシーポリシー 特定商取引法に基づく表記▲▲*/


@media screen and (max-width : 834px) {
	#privacy,
	#law {
	    width:96%;
	    margin:0 auto;
		}

}