@charset "UTF-8";



/* .photo
------------------------------ */
.photo-col{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.photo{
margin:2%;
border:#CCC solid 1px;
flex:0 0 96%;
}


/* .supplementary
------------------------------ */
.supplementary p{
font-size:120% !important;
}

.outline{
display:flex;
margin:0 auto;
width:96%;
}

.outline table{
min-width:24em;
}

/* カート対応
------------------------ */
.supplementary .inner{
font-size:120%;
}

.supplementary .inner table{
min-width:24em;
}

.supplementary .inner table th{
max-width:6em !important;
}



/* ボタン
-------------------------------------- */

.button-col{
display:flex;
justify-content:center;
}

.button-col div{
flex:1;
}



/* ご注文
------------------------------ */
.contact-button{
max-width:300px;
margin:1.5em auto 1em;
text-align:center;
font-size:120%;
}

.contact-button a{
position:relative;
display:block;
text-align:center;
margin:5px auto;
padding:1em 2.5em;
background-color:#396;
color:#FFF;
text-decoration:none;
}

.contact-button a:hover{
position:relative;
left:1px;
top:1px;
}

.contact-button a span.bm:before{
position:absolute;
left:4.5%;
top:50%;
content:'\f218';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:140%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}

.contact-button a span.am:after{
position:absolute;
right:4.5%;
top:50%;
content:'\f101';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:140%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}



@media all and (min-width:700px) {

.photo-col > div{
flex:1;
margin:0 1em 1em;
}

.supplementary h3{
margin-top:0 !important;
}

.supplementary .inner{
padding:1em;
}


}