@charset "UTF-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;word-break:break-all;}
html{width:100%;height:100%;font-size:62.5%;}
footer,header,nav,section{display:block;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
body{width:100%;height:100%;line-height:1.4;position:relative;font-size:1.4rem;font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;background:#f80;}
a{text-decoration:none;}

.inner{margin:0 auto;padding:0 20px;max-width:980px;}

.header.inner{padding-top:10px;padding-bottom:4px;}
.header img{max-width:100%;}

.content{float:left;padding-top:40px;width:100%;background:#f9f9f9;}

.footer{float:left;width:100%;}
.footer li{margin-bottom:10px;}
.footer li:first-child{margin-top:20px;}
.footer li:last-child{margin-bottom:20px;}
.footer a{color:#fff;}
.footer p{padding-bottom:10px;color:#fff;font-size:1rem;text-align:center;}

.asubic{padding-left:18px;background:url("/image/asubic.png") top left no-repeat;}
.red{color:#f00;}
.bold{font-weight:bold;}

.card{margin-bottom:40px;box-sizing:border-box;padding:0 20px 10px 20px;background:#fff url("/image/corner.png") top right no-repeat;border:1px solid #ddd;box-shadow:0 0 16px #ddd;}
.card.not-decorate{padding-bottom:0;background:#fff;}
.card>h2{margin-bottom:8px;padding:10px 0 4px;border-bottom:1px solid #f80;color:#f80;font-size:2rem;line-height:1;}
.card>h3{margin-top:8px;padding-left:4px;border-left:5px solid #f80;font-size:1.6rem;}
.card img{max-width:100%;height:auto;}
.card>p{margin-bottom:8px;}
.card>p:last-child{margin-bottom:0;}
.card p a{text-decoration:underline;}

.shop-info.card>table{margin-top:-6px;width:100%;}
.shop-info.card>table>tbody>tr{border-bottom:1px dotted #ccc;}
.shop-info.card>table>tbody>tr:last-child{border:0;}
.shop-info.card>table>tbody>tr>td{padding:6px 10px 6px 0;}
.shop-info.card>table>tbody>tr>td>table{width:100%;}
.shop-info.card>table>tbody>tr>td>table>tbody>tr:first-child>td{padding-bottom:6px;border-bottom:1px dotted #ccc;}
.shop-info.card>table>tbody>tr>td>table>tbody>tr:nth-child(2)>td{padding-top:6px;}
.shop-info.card .google-map{position:relative;width:100%;height:360px;background:#f7f7f7;border:1px solid #ccc;}
.shop-info.card .google-map>span{z-index:0;position:absolute;top:0;left:0;}
.shop-info.card .google-map>iframe{z-index:1;position:relative;}

.twitter-widget.card{height:580px;}
.twitter-widget.card .timeline{height:520px;overflow-y:scroll;}

.recommended.card .items>li{padding:8px 0;font-size:0;}
.recommended.card .items>li:first-child{padding-top:0;}
.recommended.card .items>li:last-child{padding-bottom:0;}
.recommended.card .items>li>.img-outer{text-align:center;}
.recommended.card .items>li>p{font-size:1.4rem;}
.recommended.card .items>li>p .asubic{display:block;margin-top:6px;}

.order.card>.payment>ol{margin-left:7px;border-left:1px solid #000;}
.order.card>.payment>ol>li{margin-bottom:6px;padding-left:7px;list-style:decimal inside;}
.order.card>.payment>ol>li>ul>li{padding-left:14px;}
.order.card>.payment>ol>li>p{padding:0 0 6px 16px;}
.order.card>.payment>ol>li>p:last-child{padding-bottom:0;}
.order.card>.postage>ul{margin-left:7px;border-left:1px solid #000;}
.order.card>.postage>ul>li{padding-left:7px;margin-bottom:6px;}

@media(min-width:401px){
.recommended.card .items>li>.img-outer{display:inline-block;margin-right:-100px;vertical-align:middle;}
.recommended.card .items>li>p{display:inline-block;box-sizing:border-box;padding-left:110px;vertical-align:middle;}
}

@media(min-width:801px){
.info-outer{float:left;margin-right:-300px;box-sizing:border-box;padding-right:320px;width:100%;}

.twitter-widget.card{float:right;width:300px;height:800px;}
.twitter-widget.card .timeline{height:740px;overflow-y:scroll;}

.recommended.card{float:left;width:100%;}
.recommended.card .items{font-size:0;}
.recommended.card .items>li:nth-child(2){padding-top:0;}
.recommended.card .items>li:nth-last-child(2){padding-bottom:0;}
.recommended.card .items>li{box-sizing:border-box;width:50%;display:inline-block;}
}