@charset "utf-8";

/*----------------------------------------
	Site Header
-----------------------------------------*/
.site-header {
	width:100%;
	max-width:980px;
	height:100px;
	color:#1f3b90;
	margin:0 auto;
}
.site-header a {
	color:#1f3b90;
}
.site-title {
	width:25%;
	float:left;
}
.brand-logo {
	width:70px;
	margin-top:2px;
	margin-left:20%;
}
@media screen and (max-width:640px) {
.site-header {
	height:80px;
}
.brand-logo {
	width:56px;
	margin-top:1px;
}
}
/*----------------------------------------
	Global Navigation
-----------------------------------------*/
.global-navigation {
	float:right;
	width:75%;
	margin-top:35px;
	text-align:right;
}
.global-navigation ul {
	width:100%;
}
.global-navigation ul:after {
	content:'';
	clear:both;
	display:block;
}
.global-navigation li {
	display:inline-block;
	width:22.5%;
	text-align:center;
}
.global-navigation a {
	color:#1f3b90;
}
.global-navigation b {
	font-size:24px;
	display:block;
}
.global-navigation img {
	width:100px;
}
@media screen and (max-width:640px) {
.global-navigation {
	display:none;
}
}
/*----------------------------------------
	Content Common
-----------------------------------------*/
.path {
	text-align:right;
	padding-top:10px;
}
.path a {
	text-decoration:underline;
}
.title img {
	width:100%;
	max-width:300px;
	margin-bottom:40px;
}
.main-content {
	margin-top:240px;	/*100px+140px*/
}
.main-content section {
	margin-top:50px;
}
.main-content-container {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.main-content-container2 {
	width:820px;
	margin-left:auto;
	margin-right:auto;
}
table {
	width:100%;
}
th {
	text-align:left;
	padding:5px;
}
td {
	padding:5px;
}
@media screen and (max-width:640px) {
.title img {
	max-width:260px;
	margin-bottom:20px;
}
}
/*----------------------------------------
	Concept
-----------------------------------------*/
.concept .path a {
	color:#fff;
}
.concept .concept1 {
	color:#fff;
	background:#000 url(../concept/images/concept1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
.concept .concept1 .column {
	width:50%;
	padding-top:20px;
	padding-bottom:60px;
}
.concept .concept1 p img {
	vertical-align:middle;
}
.concept .concept2 {
	color:#333;
	background:#fff url(../concept/images/concept2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
.concept .concept2 .column {
	width:100%;
	padding-top:60px;
	padding-left:60%;
	padding-bottom:60px;
}
.concept .concept3 {
	color:#333;
	background:#fff url(../concept/images/concept3.jpg) no-repeat 100% 50%;
	background-size:cover;
}
.concept .concept3-2 {
	position:relative;
	width:50%;
	background:#bcdcef url(../concept/images/concept3_bg.jpg) no-repeat 50% 50%;
	background-size:cover;
}
.concept .concept3-2 .container {
	position:relative;
	right:0;
	max-width:490px;
	margin-right:0;
	margin-left:auto;
}
.concept .concept3 .column {
	padding-top:60px;
	padding-right:5%;
	padding-bottom:60px;
}
.concept .concept4 {
	color:#333;
	background:#fff url(../concept/images/concept4.jpg) no-repeat 50% 50%;
	background-size:cover;
}
.concept .concept4 .column {
	width:100%;
	padding-top:60px;
	padding-left:50%;
	padding-bottom:60px;
}
.concept .catch1 img {
	width:100%;
	max-width:420px;
	margin-bottom:40px;
}
.concept .catch2 img {
	width:100%;
	max-width:380px;
	margin-bottom:40px;
}
.concept .catch3 img {
	width:100%;
	max-width:480px;
	margin-bottom:40px;
}
.concept .catch4 img {
	width:100%;
	max-width:480px;
	margin-bottom:40px;
}
@media screen and (max-width:1065px) {
.concept .concept3 .column {
	padding-right:0;
}
.concept .concept3 {
	background-position:80% 50%;
}
}
@media screen and (max-width:640px) {
.concept .concept1 {
	color:#fff;
	background-position:50% 0;
	background-size:150%;
	position:relative;
}
.concept .concept1 .column {
	width:100%;
	padding-top:30%;
}
.concept .concept2 {
	color:#333;
	background-position:0 -40px;
	background-size:200%;
}
.concept .concept2 .column {
	padding-left:0;
	padding-top:50%;
	padding-bottom:20px;
}
.concept .concept3 {
	position:relative;
	color:#333;
	background-position:90% 0;
	background-size:200%;
	padding-top:50%;
}
.concept .concept3-2 {
	width:100%;
}
.concept .concept3-2 .container {
	position:relative;
	right:0;
	max-width:980px;
	margin-right:0;
	margin-left:auto;
}
.concept .concept3 .column {
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
}
.concept .concept4 {
	color:#333;
	background-position:30% 0;
	background-size:cover;
}
.concept .concept4 .column {
	padding-left:0;
	padding-top:40px;
	padding-bottom:40px;
}
}
/*----------------------------------------
	Sweets
-----------------------------------------*/
.sweets .main-image {
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	padding-top:38%;	/*height:560px;*/
}
.financier .main-image {
	background-image:url(../sweets/images/financier/main-image.jpg);
}
.dacquoise .main-image {
	background-image:url(../sweets/images/dacquoise/main-image.jpg);
}
.cookie .main-image {
	background-image:url(../sweets/images/cookie/main-image.jpg);
}
.chouquette .main-image {
	background-image:url(../sweets/images/chouquette/main-image.jpg);
}
.rusk .main-image {
	background-image:url(../sweets/images/rusk/main-image.jpg);
}
.meigetsu .main-image {
	background-image:url(../sweets/images/meigetsu/main-image.jpg);
}
.chocolat .main-image {
	background-image:url(../sweets/images/chocolat/main-image.jpg);
}
.sweets .path a {
	color:#1f3b90;
}
.sweets-container:after {
	content:'';
	clear:both;
	display:block;
}
.sweets-main {
	float:left;
	width:80%;
	margin-bottom:40px;
}
.sweets-info:after {
	content:'';
	clear:both;
	display:block;
}
.sweets-photo {
	float:left;
	width:50%;
	text-align:center;
}
.sweets-photo img {
	max-width:380px;
	width:100%;
}
.sweets-text {
	float:right;
	width:50%;
}
.not-stock {
	text-align:center;
	color:#f00;
	border:1px solid #f00;
	margin-bottom:30px;
}
.sweets-name {
	font-size:21px;
	margin-bottom:60px;
	line-height:1.2;
}
.sweets-text table {
	border-top:1px solid #ccc;
	margin-top:40px;
	margin-bottom:40px;
}
.sweets-text th, .sweets-text td {
	border-bottom:1px solid #ccc;
}
.miso {
	margin-bottom:10px;
	padding:10px 0px 10px 20px;
}
.miso:after {
	content:'';
	clear:both;
	display:block;
}
.miso img {
	max-width:90px;
	float:left;
}
.miso p {
	position:relative;
	float:left;
	padding-top:5px;
	padding-left:40px;
}
.miso p span {
	font-size:13px;
}
.miso p:before {
	content:'';
	position:absolute;
	top:50%;
	left:14px;
	margin-top:-5px;
	height:16px;
	width:16px;
	border-radius:50%;
}
.miso-shiro {
	background-color:#f9f3e0;
}
.miso-shiro p:before {
	background-color:#e1c262;
}
.miso-yuzu {
	background-color:#fbf5d4;
}
.miso-yuzu p:before {
	background-color:#f0d443;
}
.miso-aka {
	background-color:#fbeddb;
}
.miso-aka p:before {
	background-color:#f0ae64;
}
.gift {
	border:1px solid #1f3b90;
	padding:40px 20px 20px 40px;
	margin-top:40px;
}
.gift-container:after {
	content:'';
	clear:both;
	display:block;
}
.gift-title {
	margin-bottom:20px;
	color:#1f3b90;
}
.gift-text {
	float:left;
	width:45%;
	padding-right:5%;
}
.gift table {
	border-top:1px solid #ccc;
	margin-top:20px;
	margin-bottom:20px;
}
.gift th, .gift td {
	border-bottom:1px solid #ccc;
}
.gift-photo {
	float:right;
	width:55%;
}
.gift-photo1 {
	width:64%;
}
.meigetsu .gift-photo1 {
	width:40%;
}
.gift-photo2 {
	width:28%;
}
.gift-example {
	margin-top:10px;
}
.lineup {
	float:right;
	width:20%;
	text-align:center;
	padding-left:5%;
	margin-bottom:20px;
}
.lineup li {
	margin-bottom:25px;
	line-height:1.4;
}
.lineup li.current {
	display:inline-block;
	border-bottom:2px solid #1f3b90;
	padding-bottom:2px;
	margin-bottom:45px;
}
.lineup a {
	display:block;
	color:#333;
}
.lineup img {
	max-width:80px;
	margin-bottom:4px;
}
.icon-chevron-thin-right {
	display:none;
}
@media screen and (max-width:768px) {
.miso img {
	max-width:80px;
}
.lineup {
	font-size:13px;
}
}
@media screen and (max-width:640px) {
.sweets-main {
	float:none;
	width:100%;
}
.sweets-photo {
	float:none;
	width:100%;
}
.sweets-text {
	float:none;
	width:100%;
}
.gift {
	padding-left:20px;
}
.gift-text {
	float:none;
	width:100%;
	padding-right:0;
}
.gift-photo {
	float:none;
	width:100%;
}
.lineup {
	float:none;
	width:100%;
	font-size:13px;
	text-align:left;
}
.lineup li {
	position:relative;
	border-bottom:1px solid #ccc;
	margin-bottom:0;
}
.lineup li.current {
	display:block;
	border-bottom:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0;
}
.lineup li:after {
	content:'';
	clear:both;
	display:block;
}
.lineup li a {
	padding-top:10px;
	padding-bottom:10px;
}
.lineup img {
	max-width:60px;
	vertical-align:middle;
	margin-right:20px;
}
.lineup br {
	display:none;
}
.lineup .series:after {
	content:'　';
}
.icon-chevron-thin-right {
	display:block;
	position:absolute;
	right:20px;
	top:42.5%;
	color:#1f3b90;
}
.lineup .current .icon-chevron-thin-right {
	display:none;
}
}
@media screen and (max-width:360px) {
.lineup img {
	max-width:40px;
}
}
/*----------------------------------------
	Shop
-----------------------------------------*/
.shop .path a {
	color:#1f3b90;
}
.shop .main-image {
	background:url(../shop/images/main-image.jpg) no-repeat 50% 50%;
	background-size:cover;
	padding-top:16%;	/*height:240px;*/
}
.note {
	border:1px solid #1f3b90;
	padding:10px;
	text-align:center;
	margin-bottom:40px;
	color:#1f3b90;
}
.note span {
	display:inline-block;
}
.shop-info {
	margin-bottom:40px;
}
.shop-info:after {
	content:'';
	clear:both;
	display:block;
}
.shop-name {
	color:#1f3b90;
	font-size:20px;
}
.open-googlemap {
	text-align:right;
	margin-bottom:10px;
}
.open-googlemap a {
	color:#fff;
	background-color:#1f3b90;
	border-radius:4px;
	padding:5px 15px;
}
.open-googlemap img {
	vertical-align:middle;
}
.shop-photo {
	width:40%;
	float:left;
}
.shop-column {
	width:60%;
	float:right;
	padding-left:5%;
}
.shop-column table a {
	color:#1f3b90;
}
.shop th, .shop td {
	border-bottom:1px solid #ccc;
}
.shop th {
	min-width:5em;
}
@media screen and (max-width:640px) {
.note {
	margin-bottom:25px;
}
.shop-info {
	margin-bottom:40px;
}
.shop-photo {
	float:none;
	width:100%;
	margin-bottom:10px;
}
.shop-column {
	width:100%;
	float:none;
	padding-left:0;
}
.open-googlemap {
	width:100%;
	text-align:center;
	margin-top:10px;
}
.open-googlemap a {
	display:block;
	width:100%;
	color:#fff;
	background-color:#1f3b90;
	border-radius:4px;
	padding:5px 15px;
}
}
/*	Map
-----------------------------------------*/
#map-canvas {
	width:100%;
	max-width:980px;
	height:580px;
}
#map-canvas .infowin {
	margin:5px;
}
#map-canvas .infowin h4 {
	margin-top:0;
}
#map-canvas .infowin img {
	margin:10px 0 10px 5px;
}
#map-reset {
	text-align:right;
	margin-top:5px;
}
#map-reset button {
	color:#fff;
	background-color:#1f3b90;
	border-radius:4px;
	padding:5px 15px;
}
#map-reset button:hover {
	background-color:#6275b1;
}