@charset "UTF-8";
/* CSS Document */

html {line-height: 1; width: 100%; box-sizing: border-box; background-color: #ffffff; font-size: 62.5%; color: #000000/*df3e00*/; /*background-image: url("../img/bg.png"); background-repeat: no-repeat; background-size: contain; background-position: center 0; background-attachment: fixed;*/}
h1,h2,h3,h4,h5,p {margin: 0; border: 0; padding: 0;}
a {color: #606060; text-decoration: none;}
body {width: 89.74358974358974%; margin: 0 5.128205128205128%;}
/*header*/
header {width: 100%; height: auto; margin: 20px 0;}
.header-logo{line-height: 0; width: 28.28571428571429%; height: auto; margin-bottom:20px; padding: 0;}
.bd-info{width: auto; height: auto; margin-bottom: 10px; font-weight: 400; font-size: 1.4rem;}
.b0{margin-bottom: 0;}
.b20{margin-bottom: 20px;}
/*body*/
.en{font-family: futura-pt, sans-serif; font-weight: 500; font-style: normal;}
.jp-400 {font-family: dnp-shuei-gothic-gin-std, sans-serif; font-weight: 400; font-style: normal;}
.jp-500 {font-family: dnp-shuei-gothic-gin-std, sans-serif; font-weight: 400; font-style: normal;}
.jp-600{font-family: dnp-shuei-gothic-gin-std, sans-serif; font-weight: 600; font-style: normal;}
#wrapper{display: grid; margin-bottom: 50px; width: 100%;}
/*section-info*/
#info{margin-bottom: 20px;}
#basic-info{margin-bottom: 20px;}
#rule-info{margin-bottom: 10px;}
.info-title,.menu-title{margin-bottom: 10px; font-size: 1.2rem;}
.info-text{line-height: 1.414; text-align: justify; font-size: 1.2rem;}
#end-info .info-text{text-align: right;}
/*section-menu*/
#menu{margin-bottom: 50px;}
.menu-subtitle-jp{font-size: 1.2rem;}
.menu-subtitle-en{font-size: 1.6rem;}
.menu-sub2title-en{margin-top: 5px; text-align: center; font-size: 1.4rem;}
.menu-wrapper{margin: 10px 0 20px;}
#coffeejelly,#tiramisu,#standard,#standard_f,#chocolat,#chocolat_f,#hojicha,#matcha,#sakura,#chips,#standard_scone,#earlgrey_scone,#matcha_scone,#roddas,#set_scone_roddas,#set_scone_nakazawa,#etonmess_strawberry,#pannacotta_plum,#lemon,#carrot,#rum,#cheese,#paletsbretons,#florentins,#standard_s,#chocolat_s,#cookie_coffee,#light,#medium,#heavy,#cafeaulait,#coldbrew,#coffeesoda,#icedcafeaulait,#gingermilk,#gingerale,#icedgingermilk,#hotmilk,#icedmilk{display: grid; grid-template-columns: 1fr 5px 1fr; grid-template-rows: auto; margin-bottom: 15px;}
.item-name-jp{line-height: 1; font-size: 1.2rem;}
.item-name-en{line-height: 1; font-size: 1.6rem;}
.item-price{line-height: 1; font-size: 1.6rem;}
.item-text{line-height: 1.414; text-align: justify; font-size: 1.1rem;}
.item-text{margin-top: -0.3535em;}
.box-j {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;}
.box-e {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;}
.box-p {grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4;}
.box-t {grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 4;}
.box-j,.box-e,.box-p{text-align: right;}
/*section-address*/
#address{margin-bottom: 50px;}
#address .address-title{text-align: right; margin-bottom: 10px; font-size: 1.2rem;}
#address .address-info{text-align: right; margin-bottom: 10px; font-size: 1.4rem;}
#gmap p{display: inline-block;}
/*section-idea*/
#idea{width: 100%; height: auto;}
#idea .idea-title{margin-bottom: 10px; text-align: center; font-size: 1.2rem;}
#idea .idea-text{text-align: center; font-size: 1.2rem;}
/*footer*/
footer{margin-bottom: 50px; text-align: center;}
footer .p{font-size: 1.2rem;}

/*modal*/
.popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: .6s;}
.popup.is-show {opacity: 1; visibility: visible;}
.popup-inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 100%; z-index: 2; /*border-radius: 3px;*/}
.popup-inner img {width: 100%; /*border-radius: 3px 3px 0 0;*/}
div#modalCloseCloss:hover {opacity: 0.7;}
.modalCloseButton {position: absolute; left: 92%; top: -48px; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer;}
.lineClose {display: inline-block; vertical-align: middle; color: #FFF; line-height: 1; width: 2rem; height: 0.2rem; background: currentColor; border-radius: 0.1rem; position: relative; transform: rotate(45deg);}
.lineClose::before {content: ''; position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: inherit; border-radius: inherit; transform: rotate(90deg);}
.black-background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 1; cursor: pointer;}
/*.modalBottom {padding: 22px 30px;}
.modalBottom p {margin: 0;}*/
/*modal*/

@media screen and (min-width:576px){
	body{width: 390px; margin: 0 auto;}
	header{margin-top: 30px;}
	.en{font-family: futura-pt, sans-serif; font-weight: 400; font-style: normal;}
	.jp-600{font-family: dnp-shuei-gothic-gin-std, sans-serif; font-weight: 500; font-style: normal;}
	.popup-inner {max-width: 390px;}
}