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

/*
Theme Name: 葦コーポレート
Theme URI: https://www.ashi-cake.com/
Description:
Version: 1.1
Author: y-iida
Author URI: https://y-iida.jp/
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 1em;
}

img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
}
.clear {
	clear: both;
}
.clearfix {
	overflow: hidden;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}


html{
    font-size: 100%;
}

body,
table,
input, textarea, select, option {
	font-size: 100%;
}

body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 14px; /* --remに対応していないブラウザ用 -- */
	font-size: 1.2rem;
	/*-webkit-text-size-adjust: none;*/
	-webkit-text-size-adjust: 100%; /* -- 縦横でもフォントサイズが変わらない -- */
	color: #333;
}
img {
	max-width: 100%;
	height: auto;
}

/*------------------------------------------------------------
	header
------------------------------------------------------------*/
.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
	/*opacity: 0.95 !important;*/
	box-shadow: 0 1px 4px #ccc;
}
#header_wrap {
	width: 100%;
	height: 70px;
	background: #fff;
}
#logo {
	float: left;
	margin: 10px 0 0 0px;
}
#logo img {
	width: 206px;
	height: auto;
}
.drawer-nav {
	z-index: 1000;
}
#menu {
	float: right;
}
.menu {
	float: left;
}
.menu li {
	float: left;
	position: relative;
}
.menu li img {
	width: auto;
	height: 23px;
}
.menu li a {
	display: block;
	padding: 24px 15px 22px;
}
.menu ul li ul {
	margin-left: 0px;
	position: relative;
	z-index: 1000;
}
.menu li ul.sub {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 57px;	
	box-shadow: 0px 1px 4px #ccc;
	font-size: 16px;
}
.menu li li {
	float: none;
	display: block;
}
.menu li li a {
	display: block;
	height: 40px;
	line-height: 40px;
	width: 170px;
	padding: 0 0 0 15px;
	color: #383838;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;	
}
.menu li li a:hover {
	color: #fff;
	background: #383838;
}
#insta {
	float: right;
	margin-top: 11px;
}
#insta img {
	margin-left: 15px;
	width: 48px;
	height: auto;
}

@media (max-width: 1279px){
	.menu li a {
		padding: 24px 10px 22px;
	}
	#insta img {
		margin-left: 12px;
		width: 48px;
	}
}
@media (max-width: 1023px){
	#menu {
		float: none;
		width: 100%;
	}
	.menu ul {
		width: 100%;
	}
	.menu li {
		float: none;
		position: relative;
		width: 100%;
		height: 56px;
		padding-top: 18px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
		text-align: center;
	}
	.menu li a {
		width: 140px;
		padding: 0;
	}
	.menu li ul.sub {
		left: 0;
		top: 56px;
		box-shadow: none;
		display: none !important;
	}		
	.menu li li {
		padding-top: 0px;
	}
	.menu li li a {
		height: 55px;
		line-height: 55px;
		width: 140px;
		padding: 0;
		font-size: 16px;
		text-align: center;
		color: #fff;
		background: #383838;		
	}
	.menu li li a:hover {
		color: #000;
		background: #ddd;
	}
	#insta {
		clear: both;
		float: none;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
}

@media (min-width: 1024px){
	.menu li.online_sp {
		display: none;
	}
	.menu li.contact {
		display: none;
	}
}
@media (max-width: 1023px){
	.menu li.online_pc {
		display: none;
	}
}

/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
.container {
	margin: 0 auto;
	width: 1200px;
	min-width: 320px;
}
.container2 {
	margin: 0 auto;
	width: 1200px;
	min-width: 320px;
}
h2.arabesque {
	margin: 80px auto 0px;
	width: 100%;
	height: 60px;
	text-align: center;
	background: url("assets/base/arabesque.png") no-repeat top center;
	background-size: 655px 33px;
}
h3 {
	margin: -12px 0 30px;
	color: #917700;
	font-size: 17px;
	text-align: center;
}
.arabesque2 {
	margin: 80px auto 0px;
	width: 100%;
	height: 60px;
	text-align: center;
	background: url("assets/base/arabesque2.png") no-repeat top center;
	background-size: 655px 33px;
}
.arabesque img, .arabesque2 img {
	margin-top: -7px;
}

@media (max-width: 1279px){
	.container {
		width: 960px;
	}
	#header_wrap .container {
		margin: 0 auto;
		width: 98%;
	}
	.container2 {
		margin: 0 auto;
		width: 100%;
		max-width: 1100px;
	}
}
@media (max-width: 1023px){
	.container {
		width: 720px;
	}
}
@media (max-width: 767px){
	.container {
		width: 540px;
	}
	h2.arabesque {
		margin: 60px auto 0px;
		width: 100%;
		height: 60px;
		background: url("assets/base/arabesque.png") no-repeat top center;
		background-size: 540px 27px;
	}
	h3 {
		font-size: 15px;
		margin: -17px 0 30px;
	}
	.arabesque2 {
		margin: 60px auto 0px;
		width: 100%;
		height: 60px;
		text-align: center;
		background: url("assets/base/arabesque2.png") no-repeat top center;
		background-size: 540px 27px;
	}
	.arabesque img, .arabesque2 img {		
		margin-top: -5px;
		width: auto;
		height: 42px;
	}
}
@media (max-width: 567px){
	.container {
		width: 400px;
	}
	h2.arabesque {
		margin: 50px auto 0px;
		width: 100%;
		height: 60px;
		background: url("assets/base/arabesque_sp.png") no-repeat top center;
		background-size: 390px 27px;
	}
	h3 {
		margin: -17px 0 30px;
	}
	.arabesque2 {
		margin: 50px auto 0px;
		width: 100%;
		height: 60px;
		text-align: center;
		background: url("assets/base/arabesque2.png") no-repeat top center;
		background-size: 390px 27px;
	}
	.arabesque img, .arabesque2 img {	
		margin-top: -5px;
		width: auto;
		height: 42px;
	}
}
@media (max-width: 413px){
	.container {
		width: 320px;
	}
	h2.arabesque {
		margin: 40px auto 0px;
		width: 100%;
		height: 60px;
		background: url("assets/base/arabesque_sp.png") no-repeat top center;
		background-size: 320px 27px;
	}
	h3 {
		margin: -17px 0 30px;
	}
	.arabesque2 {
		margin: 40px auto 0px;
		width: 100%;
		height: 60px;
		text-align: center;
		background: url("assets/base/arabesque2.png") no-repeat top center;
		background-size: 320px 27px;
	}
	.arabesque img, .arabesque2 img {		
		margin-top: -1px;
		width: auto;
		height: 34px !important;
	}
	h2.arabesque2 img {		
		margin-top: -1px;
		width: auto;
		height: 34px !important;
	}
}


/*------------------------------------------------------------
	TOP main
------------------------------------------------------------*/
#main {
	width: 100%;
	height: 700px;
	overflow: hidden;
}

#slide .sp-slide img {	
	width: 100% !important;	
	height: 700px;	
	font-family: 'object-fit:cover;' !important;
}
#main img {	
	width: 100% !important;	
	height: 700px;	
	object-fit: cover !important;
	/*object-position: 50% 60%;*/
	font-family: 'object-fit:cover;' !important;
}
.object_fit {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

@media (max-width: 1279px){
	#main {
		width: 100%;
		height: 560px;
	}
	#slide .sp-slide img {
		width: 100% !important;		
		height: 560px;
	}
	#main img {
		width: 100% !important;		
		height: 560px;
	}
}
@media (max-width: 1023px){
	#main {
		width: 100%;
		height: 480px;
	}
	#slide .sp-slide img {
		width: 100% !important;		
		height: 480px;
	}
	#main img {
		width: 100% !important;		
		height: 480px;
	}
}
@media (max-width: 767px){
	#main {
		width: 100%;
		height: 360px;
	}
	#slide .sp-slide img {
		width: 100% !important;		
		height: 360px;
	}
	#main img {
		width: 100% !important;		
		height: 360px;
	}
}
@media (max-width: 567px){
	#main {
		width: 100%;
		height: 250px;
	}
	#slide .sp-slide img {
		width: 100% !important;		
		height: 250px;
	}
	#main img {
		width: 100% !important;		
		height: 250px;
	}
}
@media (max-width: 413px){
	#main {
		width: 100%;
		height: 200px;
	}
	#slide .sp-slide img {
		width: 100% !important;
		height: 200px;
	}
	#main img {
		width: 100% !important;
		height: 200px;
	}
	}

	/* for IE 11 */
/*@media screen and (max-width: 1024px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;		 
		 height: 680px;
		 margin-top: -120px;
	}
}
@media screen and (min-width: 1280px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;		 
		 height: 680px;
		 margin-top: -120px;
	}
}


@media screen and (-ms-high-contrast:none) {
	*::-ms-backdrop, #slide .sp-slide img, #main img {
		width: 100% !important;
		height: 880px !important;
		margin-top: -180px;
	}
}
@media screen and (max-width: 1279px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;		 
		 height: 680px;
		 margin-top: -120px;
	}
}
@media screen and (max-width: 1023px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;
		 height: 580px !important;
		 margin-top: -100px;
	}
}
@media screen and (max-width: 767px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;
		 height: 440px;
		 margin-top: -80px;
	}
}
@media screen and (max-width: 639px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;
		 height: 360px;
		 margin-top: -70px;
	}
}
@media screen and (max-width: 567px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;
		 height: 310px;
		 margin-top: -100px;
	}
}
@media screen and (max-width: 479px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;
		 height: 160px;
		 margin-top: -80px;
	}
}
@media screen and (max-width: 413px) and (-ms-high-contrast:none) {
	*::-ms-backdrop, #slide .sp-slide img, #main img {
		 width: 100% !important;
		 height: 200px;
		 margin-top: -60px;
	}
}*/

/*------------------------------------------------------------
	TOP carousel
------------------------------------------------------------*/
#carousel {
	padding-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
#carousel .sp-slides {
	margin-left: -175px;
}
#carousel .sp-slide {
	width: 250px;
	height: 300px;
	padding-top: 0px;
	text-align: center !important;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 25px !important;
}
#carousel .sp-slide img {
	position: relative;
	width: 200px !important;
	height: 200px !important;
	vertical-align: top !important;
	padding: 20px 25px 0 !important;
}
#carousel .sp-slide a {
	display: block;
	color: #000;	
}
#carousel .sp-slide a:hover {
	color: #b83d1b;	
}
#carousel p.name {
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0px;
	top: 227px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
	text-align: center !important;
}
#carousel p.date {
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0px;
	bottom: 8px;
	font-size: 14px;
	text-align: center !important;
}
#carousel i {
	position: absolute;
	right: 20px;
	bottom: 6px;	
}

@media (max-width: 1279px){
	#carousel {
		padding-bottom: 20px;
		width: 940px !important;
		overflow: hidden;
	}
	#carousel .sp-slides{
		margin-left: -25px;
	}
}
@media (max-width: 1023px){
	#carousel {
		padding-bottom: 20px;
		margin-left: 40px !important;
		margin: 0 auto !important;
		width: 640px !important;
		overflow: hidden;
	}
	#carousel .sp-slides{
		margin: 0 0px 0 125px;
	}
}
@media (max-width: 767px){
	#carousel {
		padding-bottom: 50px;
		margin-left: 90px !important;
		margin: 0 auto !important;
		width: 320px !important;
		overflow: hidden;
	}
	#carousel .sp-slides{
		margin: 0 0px 0 275px;
	}
}


/*------------------------------------------------------------
	TOP Line up
------------------------------------------------------------*/
#lineup {
	margin-top: -160px;
	padding: 160px 0 20px;
}
#lineup figure {
	position: relative;
	margin: 25px;
	width: 550px;
	height: 250px;
	background: #000;
}
#lineup figure img {
	width: 550px;
	height: 250px;
	object-fit: cover;	
}
#lineup figure a:hover img {
	opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#lineup figcaption {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 0 5px #000;
}
#lineup_box, .lineup_box {
	margin: 40px auto 25px;
	width: 720px;
	color: #707070;
	font-size: 18px !important;
	line-height: 1.8;
}
#lineup_box p, ineup_box p {
	padding-bottom: 1em;
}

@media (max-width: 1279px){
	#lineup figure {
		margin: 20px;
		width: 420px;
		height: 191px;
	}
	#lineup figure img {
		width: 420px;
		height: 191px;
		object-fit: cover;	
	}
	#lineup_box, .lineup_box {
		margin: 20px auto;
		width: 720px;
		height: 191px;
		font-size: 17px !important;
	}	
}
@media (max-width: 1023px){
	#lineup figure {
		margin: 10px;
		width: 340px;
		height: 155px;
	}
	#lineup figure img {
		width: 340px;
		height: 155px;
		object-fit: cover;	
	}
	#lineup_box, .lineup_box {
		margin: 20px auto;
		width: 540px;
		height: auto;
		font-size: 16px !important;
	}	
}
@media (max-width: 767px){
	#lineup figure {
		margin: 10px;
		width: 230px;
		height: 105px;
	}
	#lineup figure img {
		width: 230px;
		height: 105px;
		object-fit: cover;	
	}
	#lineup_box, .lineup_box {
		margin: 20px auto;
		width: 80%;
		height: auto;
		font-size: 15px !important;
	}	
}
@media (max-width: 567px){
	#lineup figure {
		margin: 10px;
		width: 400px;
		height: 182px;
	}
	#lineup figure img {
		width: 400px;
		height: 182px;
		object-fit: cover;	
	}
	#lineup_box, .lineup_box {
		margin: 20px auto;
		width: 80%;
		height: auto;
		font-size: 14px !important;
	}	
}

/*------------------------------------------------------------
	TOP Shop
------------------------------------------------------------*/
/*#shop {
	padding-bottom: 20px;
}
#shop figure {
	position: relative;
	margin: 25px;
	width: 550px;
	height: 150px;
	background: #000;
}
#shop figure img {
	width: 550px;
	height: 150px;
	object-fit: cover;
}
#shop figure a:hover img {
	opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#shop figcaption {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 0 5px #000;
}

@media (max-width: 1279px){
	#shop figure {
		margin: 20px;
		width: 420px;
		height: 114px;
		background: #000;
	}
	#shop figure img {
		width: 420px;
		height: 114px;
		object-fit: cover;
	}
}
@media (max-width: 1023px){
	#shop figure {
		margin: 10px;
		width: 340px;
		height: 93px;
		background: #000;
	}
	#shop figure img {
		width: 340px;
		height: auto;
		object-fit: cover;
	}
}
@media (max-width: 767px){
	#shop figure {
		margin: 10px;
		width: 420px;
		height: 114px;
		background: #000;
	}
	#shop figure img {
		width: 420px;
		height: auto;
		object-fit: cover;
	}
}
@media (max-width: 567px){
	#shop figure {
		margin: 10px;
		width: 400px;
		height: auto;
		background: #000;
	}
	#shop figure img {
		width: 400px;
		height: auto;
		object-fit: cover;
	}
}*/

/*------------------------------------------------------------
	TOP Shop / Service
------------------------------------------------------------*/
#shop{
	margin-top: -160px;
	padding-top: 160px;
}
#shop, #service {
	padding-bottom: 20px;
}
#shop figure, #service figure {
	position: relative;
	margin: 25px;
	width: 350px;
	height: 250px;
	background: #000;
}
#shop figure img, #service figure img {
	width: 350px;
	height: 250px;
	object-fit: cover;
}
#shop figure a:hover img, #service figure a:hover img {
	opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#shop figcaption, #service figcaption {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 0 5px #000;
}

@media (max-width: 1279px){
	#shop figure, #service figure {
		margin: 20px;
		width: 266px;
		height: 190px;
	}
	#shop figure img, #service figure img {
		width: 266px;
		height: 190px;
		object-fit: cover;
	}
	#lineup figcaption, #shop figcaption, #service figcaption {
		right: 12px;
		bottom: 12px;
		font-size: 20px;
	}
}
@media (max-width: 1023px){
	#shop figure, #service figure {
		margin: 10px;
		width: 220px;
		height: 157px;
	}
	#shop figure img, #service figure img {
		width: 220px;
		height: 157px;
		object-fit: cover;
	}
	#lineup figcaption, #shop figcaption, #service figcaption {
		right: 12px;
		bottom: 12px;
		font-size: 19px;
	}
}
@media (max-width: 567px){
	#shop figure, #service figure {
		margin: 10px;
		width: 400px;
		height: 240px;
	}
	#shop figure img, #service figure img {
		width: 400px;
		height: 240px;
		object-fit: cover;
	}
	#lineup figcaption, #shop figcaption, #service figcaption {
		right: 12px;
		bottom: 12px;
		font-size: 18px;
	}
}
@media (max-width: 350px){
	#shop figure, #service figure {
		margin: 10px;
		width: 100%;
		height: 170px
	}
	#shop figure img, #service figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#lineup figcaption, #shop figcaption, #service figcaption {
		right: 12px;
		bottom: 12px;
		font-size: 17px;
	}
}

/*------------------------------------------------------------
    イベント
------------------------------------------------------------*/
#event {
	padding-top: 20px;
	width: 100%;
	text-align: center !important;
}


/*------------------------------------------------------------
    アントルメ / 焼菓子 / チョコレート / 冷蔵商品
------------------------------------------------------------*/
#box3 {
	margin: 0 auto;
	width: 1020px;
}
#box3 figure {
	position: relative;
	margin: 20px 20px 50px;
	width: 300px;
	height: 300px;
}
#box3 figure img {
	width: 300px;
	height: 300px;
	object-fit: cover;	
}
#box3 figure a:hover img {
	opacity: 0.60;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -ms-filter: "alpha(opacity=70)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#box3 figcaption {
	padding-top: 7px;
	color: #555;
	font-size: 19px;
	text-align: left;
}
#box3 figure a {
	text-decoration: none;
}
@media (max-width: 1279px){
	#box3 {
		width: 920px;
	}
	#box3 figure {
		margin: 20px 20px 50px;
		width: 266px;
		height: 266px;
	}
	#box3 figure img {
		width: 266px;
		height: 266px;
		object-fit: cover;
	}
	#box3 figcaption {
		font-size: 18px;
	}
}
@media (max-width: 1023px){
	#box3 {
		width: 100%;
	}
	#box3 figure {
		margin: 20px 10px 50px;
		width: 220px;
		height: 220px;
	}
	#box3 figure img {
		width: 220px;
		height: 220px;
		object-fit: cover;
	}
	#box3 figcaption {
		font-size: 16px;
	}
}
@media (max-width: 767px){
	#box3 figure {
		margin: 20px 15px 50px;
		width: 240px;
		height: 240px;
	}
	#box3 figure img {
		width: 240px;
		height: 240px;
		object-fit: cover;
	}
}
@media (max-width: 567px){
	#box3 figure {
		margin: 20px 10px 50px;
		width: 180px;
		height: 180px;
	}
	#box3 figure img {
		width: 180px;
		height: 180px;
		object-fit: cover;
	}
	#box3 figcaption {
		font-size: 15px;
	}
}
@media (max-width: 413px){
	#box3 figure {
		margin: 20px auto 50px;
		width: 280px;
		height: 280px;
	}
	#box3 figure img {
		width: 280px;
		height: 280px;
		object-fit: cover;
	}
	#box3 figcaption {
		font-size: 15px;
	}
}


#box4 figure {
	position: relative;
	margin: 20px 20px 50px;
	width: 260px;
	height: 260px;
}
#box4 figure img {
	width: 260px;
	height: 260px;
	object-fit: cover;	
}
#box4 figure a:hover img {
	opacity: 0.60;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -ms-filter: "alpha(opacity=70)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#box4 figcaption {
	padding-top: 7px;
	color: #555;
	font-size: 19px;
	text-align: right;
}
#box4 figure a {
	text-decoration: none;
}
@media (max-width: 1279px){
	
	#box4 figure {
		margin: 20px 10px 50px;
		width: 220px;
		height: 220px;
	}
	#box4 figure img {
		width: 220px;
		height: 220px;
		object-fit: cover;
	}
	#box4 figcaption {
		font-size: 18px;
	}
}
@media (max-width: 1023px){
	#box4 figure {
		margin: 20px 10px 50px;
		width: 220px;
		height: 220px;
	}
	#box4 figure img {
		width: 220px;
		height: 220px;
		object-fit: cover;
	}
	#box4 figcaption {
		font-size: 16px;
	}
}
@media (max-width: 567px){
	#box4 figure {
		margin: 20px 10px 50px;
		width: 180px;
		height: 180px;
	}
	#box4 figure img {
		width: 180px;
		height: 180px;
		object-fit: cover;
	}
	#box4 figcaption {
		font-size: 15px;
	}
}
@media (max-width: 413px){
	#box4 figure {
		margin: 20px 10px 50px;
		width: 280px;
		height: 280px;
	}
	#box4 figure img {
		width: 280px;
		height: 280px;
		object-fit: cover;
	}
	#box4 figcaption {
		font-size: 15px;
	}
}


/*------------------------------------------------------------
    プチガトー
------------------------------------------------------------*/
#petitegateau {
}
#petitegateau figure {
	position: relative;
	margin: 20px 20px 50px;
	width: 260px;
	height: 260px;
}
#petitegateau figure img {
	width: 260px;
	height: 260px;
	object-fit: cover;	
}
#petitegateau figure a:hover img {
	opacity: 0.60;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -ms-filter: "alpha(opacity=70)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#petitegateau figcaption {
	padding-top: 7px;
	color: #555;
	font-size: 19px;
	text-align: right;
}
#petitegateau figure a {
	text-decoration: none;
}
@media (max-width: 1279px){
	#petitegateau figure {
		margin: 20px 10px 50px;
		width: 220px;
		height: 220px;
	}
	#petitegateau figure img {
		width: 220px;
		height: 220px;
		object-fit: cover;
	}
	#petitegateau figcaption {
		font-size: 18px;
	}
}
@media (max-width: 1023px){
	#petitegateau figure {
		margin: 20px 10px 50px;
		width: 220px;
		height: 220px;
	}
	#petitegateau figure img {
		width: 220px;
		height: 220px;
		object-fit: cover;
	}
	#petitegateau figcaption {
		font-size: 16px;
	}
}
@media (max-width: 567px){
	#petitegateau figure {
		margin: 20px 10px 50px;
		width: 180px;
		height: 180px;
	}
	#petitegateau figure img {
		width: 180px;
		height: 180px;
		object-fit: cover;
	}
	#epetitegateau figcaption {
		font-size: 15px;
	}
}
@media (max-width: 413px){
	#petitegateau figure {
		margin: 20px 10px 50px;
		width: 280px;
		height: 280px;
	}
	#petitegateau figure img {
		width: 280px;
		height: 280px;
		object-fit: cover;
	}
	#petitegateau figcaption {
		font-size: 15px;
	}
}

/*------------------------------------------------------------
   ポップアップ
------------------------------------------------------------*/
.box_load_cover {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.box_load_inner {
	/*display: block;*/
	margin: 0px auto;
	/*max-width: 1100px;*/
	max-width: 960px;
	height: auto;
	padding: 20px 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #222;
}
.inner_l {
	float: left;
	/*width: 550px;*/
	width: 56%;
}
.inner_l figure {	
	width: 100%;
}
.inner_l figcaption {
	margin: 0;
}
.inner_l img {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.inner_l hover img {
	opacity: 0.60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.inner_r {
	float: right;
	margin-top: 20px;
	/*width: 450px;*/
	width: 35%;
	color: #000;
	font-size: 16px;
	line-height: 1.6;
	position: relative;
}
.inner_r a {
	color: #000;
	text-decoration: none;
}
.inner_r a:hover {
	color: #c80202;
}
.inner_r p {
	color: #000;
	padding-bottom: 30px;
}
.inner_r #btn {
	position: absolute;
	bottom: 0px;
}
.inner_r #btn a {
	margin-top: 30px;
	display: block;
	padding: 5px 10px;
	color: #fff;
	font-style: italic;
	text-decoration: none;
	background: #990000;
}
.inner_r #btn a:hover {
	color: #fff;
	background: #ba2b20;
}


.box_load_inner .btn a {
	margin: 5px 0 10px 5px;
	display: block;
	padding: 4px 10px;
	color: #fff;
	font-style: italic;
	text-decoration: none;
	background: #990000;
	text-align: center;
}
.box_load_inner .btn a:hover {
	color: #fff;
	background: #ba2b20;
}

.box_load_inner table {
	margin: 20px auto 0;
	width: 780px;
	width: 100%;
	color: #222;
}
.box_load_inner table th {
	width: 280px;
	text-align: center;
	vertical-align: middle;
	background: #f9f9f9;
	border: 1px solid #999;
}
.box_load_inner table td {
	padding: 5px 10px;
	border: 1px solid #999;
}

.italic {
	font-style: italic;
}

@media (max-width: 1279px){
	.box_load_inner {
		width: 96% !important;
		min-width: 96% !important;
		height: auto;
		padding: 20px 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.inner_l {
		width: 52%;
	}
	.inner_r {
		margin-top: 40px;
		width: 48%;
		font-size: 16px;
		padding-left: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.box_load_inner table th {
		width: 180px;
	}
}
@media (max-width: 767px){
	.box_load_inner {
		width: 96%;
		height: auto;
		padding: 20px 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.inner_l {
		float: none;
		width: 100%;
	}
	.inner_r {
		float: none;
		margin-top: 10px;
		width: 100%;		
		font-size: 16px;
		padding-left: 0px;
	}
	.box_load_inner table {
		border-top: 1px solid #999;
	}
	.box_load_inner table th {
		display: block;
		width: 100%;
		padding: 10px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		vertical-align: middle;
		background: #f9f9f9;
		border-top: none;
		border-bottom: none;
	}
	.box_load_inner table td {
		display: block;
		width: 100%;
		padding: 10px 10px 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #999;	
	}
}

@media only screen and (min-width: 1024px) {
  .pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -48%;
    width: 96%;
		max-width: 900px;
  }
}
@media only screen and (min-width: 1280px) {
  .pum-container.pum-responsive.pum-responsive-medium {
    margin-left: 550px;
		width:1100px;
  }
}
@media only screen and (max-width: 567px) {
	.pum-title {
		font-size: small;
	}
}

/*------------------------------------------------------------
   二列ボックス
------------------------------------------------------------*/
.box2 {
	margin: 20px 40px 50px;
	width: 520px;
}
.box2 a {
	text-decoration: none;
}

@media (max-width: 1279px){
	.box2 {
		margin: 20px 40px 50px;
		width: 400px;
	}
}
@media (max-width: 1023px){
	.box2 {
		margin: 20px 30px 50px;
		width: 300px;
	}
}
@media (max-width: 767px){
	.box2 {
		margin: 20px 20px 50px;
		width: 230px;
	}
}
@media (max-width: 567px){
	.box2 {
		margin: 20px 0 80px 30px;
		width: 360px;
	}
	.box2.r {
		text-align: center;
	}
}
@media (max-width: 413px){
	.box2 {
		margin: 20px 0 80px 20px;
		width: 300px;
	}
}

/*------------------------------------------------------------
   三列ボックス
------------------------------------------------------------*/
.box3 {
	position: relative;
	margin: 20px 20px 50px;
	width: 300px;
}

@media (max-width: 1279px){
	.box3 {
		margin: 20px 20px 40px;
		width: 266px;
		height: 266px;
	}
	.shop .box3 {
		height: auto !important;
	}
}
@media (max-width: 1023px){
	.box3 {
		margin: 20px 10px 30px;
		padding-bottom: 30px;
		width: 220px;
	}
}
@media (max-width: 767px){
	.box3 {
		margin: 20px 10px 20px;
		width: 200px;
	}
}
@media (max-width: 567px){
	.box3 {
		margin: 20px 0 10px 30px;
		width: 360px;
	}
}
@media (max-width: 413px){
	.box3 {
		margin: 20px 0 0 20px;
		width: 300px;
	}
}

/*------------------------------------------------------------
   四列ボックス
------------------------------------------------------------*/
.box4 {
	position: relative;
	margin: 20px 20px 50px;
	width: 260px;
	height: 260px;
}
@media (max-width: 1279px){
	.box4 {
		margin: 20px 10px 50px;
		width: 220px;
		height: 220px;
	}
}
@media (max-width: 1023px){
	.box4 {
		margin: 20px 10px 50px;
		width: 220px;
		height: 220px;
	}
}
@media (max-width: 567px){
	.box4 {
		margin: 20px 10px 50px;
		width: 180px;
		height: 180px;
	}
}
@media (max-width: 413px){
	.box4 {
		margin: 20px 10px 50px;
		width: 280px;
		height: 280px;
	}
}

/*------------------------------------------------------------
   店舗一覧
------------------------------------------------------------*/
.img_r {
	text-align: right;
}
.img_r img {
	width: 220px;
	height: auto;
	border: 1px solid #930408;
	border: 1px solid #917700;
}
.shop_name {
	padding: 1em 0 1em;
	color: #333;
	font-size: 20px;
	font-weight: bold;
}
.shop_name a {
	color: #333;
	text-decoration: none;
}
.shop_name a:hover {
	color: #980101;
	/*text-decoration: underline;*/
}
.txt {
	font-size: 17px;
	line-height: 1.6;
	color: #222;
}
.txt p {
	padding-bottom: 1em;
}
.btn_red {
	float: left;
	margin: 5px 15px 0px 0;	
	text-align: center;
	background: #980101;
}
.btn_red a {
	display: block;
	padding: 5px 15px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	background: #980101;
}
.btn_red a:hover {
	background: #c80202;
}

@media (max-width: 1279px){
	.txt {
		font-size: 16px;
	}
}
@media (max-width: 767px){
	.img_r {
		margin-bottom: 20px;
		text-align: center;
	}
	.img_r img {
		width: 200px;
		height: auto;
	}
	.shop_name {
		padding: 0 0 1em;
		color: #333;
		font-size: 20px;
		font-weight: bold;
	}
	.txt {
		font-size: 15px;
	}
}
@media (max-width: 567px){
	.txt {
		font-size: 16px;
	}
}

/*------------------------------------------------------------
   カフェ
------------------------------------------------------------*/
.box2-2 {
	width: 600px;
	width: 50%;
	padding: 20px 40px 30px 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.box2_img {
	width: 600px;
	width: 50%;
	padding: 35px 0 90px;
}
.box2_r_img {
	float: right !important;
	width: 600px;
	width: 50%;
	padding: 35px 0 90px;
}

@media (max-width: 767px){
	.box2-2 {
		width: 43%;
		padding: 20px 25px 30px 25px;
	}
	.box2_img, .box2_r_img {
		width: 57%;
		padding: 20px 0 70px;
	}
}
@media (max-width: 567px){
	.box2-2, .box2_img {
		width: 100%;
		padding: 20px 25px 30px 25px;
	}
	.box2_r_img {
		float: none !important;
	}	
	.box2_img, .box2_r_img {
		margin: 0 auto;
		width: 90%;
		padding: 35px 0 10px;
	}
}
@media (max-width: 413px){
	.box2-2 {
		
	}
}

/*------------------------------------------------------------
   会社案内
------------------------------------------------------------*/
.table {
	margin: 0 auto;
	width: 800px;
	font-size: 17px;
	line-height: 1.5;
	border-top: 1px dotted #ccc;
}
.table th {
	width: 240px;
	padding: 10px 0 10px 30px;
	text-align: left;
	font-weight: normal;
}
.table td {
	padding: 10px 20px;		
}
.table th, .table td {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px dotted #ccc;
}
.box {
	margin: 0 auto;
	width: 800px;
	font-size: 18px;
	line-height: 1.8;
}
.box p {
	padding-bottom: 1em;	
}

.title_deco {
	margin: 80px auto 0px;
	width: 100%;
	height: 60px;	
	font-size: 20px;
	text-align: center;
	background: url("assets/base/title_deco.png") no-repeat top center;
	background-size: 390px 24px;	
}
.title_deco2 {
	margin: 60px auto 0px;
	padding-top: 3px;
	width: 100%;
	height: 60px;	
	color: #917700;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: url("assets/base/title_deco2.png") no-repeat top center;
	background-size: 480px 24px;
}


@media (max-width: 1023px){
	.table {
		width: 720px;
		font-size: 16px;
		line-height: 1.5;
	}
	.table th {
		width: 220px;
		padding: 10px 0 10px 20px;
	}
	.box {
		width: 720px;
		font-size: 17px;
	}
}
@media (max-width: 767px){
	.table {
		width: 540px;
		font-size: 15px;
		line-height: 1.5;
	}
	.table th {
		width: 200px;
		padding: 10px 0 10px 15px;
	}
	.box {
		width: 540px;
		font-size: 16px;
	}
}
@media (max-width: 567px){
	.table {
		width: 100%;
		font-size: 15px;
		line-height: 1.5;
	}
	.table th {
		display: block;
		width: 100%;
		padding: 10px 0 10px;
		text-align: center;
		background: #f4f4f4;
		border-bottom: none;
	}
	.table td {
		display: block;
		width: 100%;
		padding: 10px 10px 10px 10px;
	}
	.box {
		width: 90%;
		font-size: 16px;
	}
	.title_deco {
		margin: 80px auto 0px;
		width: 100%;
		height: 60px;	
		font-size: 17px;
		text-align: center;
		background: url("assets/base/title_deco.png") no-repeat top center;
		background-size: 358px 22px;	
	}
	.title_deco2 {
		margin: 60px auto 0px;
		padding-top: 3px;
		width: 100%;
		height: 60px;	
		font-size: 17px;
		text-align: center;
		background: url("assets/base/title_deco2.png") no-repeat top center;
		background-size: 440px 22px;
	}
}
@media (max-width: 413px){
	.title_deco {
		margin: 80px auto 0px;
		width: 100%;
		height: 60px;	
		font-size: 16px;
		text-align: center;
		background: url("assets/base/title_deco.png") no-repeat top center;
		background-size: 325px 20px;	
	}
	.title_deco2 {
		margin: 60px auto 0px;
		padding-top: 3px;
		width: 100%;
		height: 60px;	
		font-size: 16px;
		text-align: center;
		background: url("assets/base/title_deco2.png") no-repeat top center;
		background-size: 400px 20px;
	}
}

/*------------------------------------------------------------
    採用情報
------------------------------------------------------------*/
.recruiting {
	padding: 50px 0 20px;
	color: #b30304;
	font-weight: bold;
	text-align: center;
}
.title_red {
	padding: 50px 0 20px;
	color: #b30304;
	font-weight: bold;
	text-align: center;
}
.fa-star {
	margin: 0 7px;
}

/*------------------------------------------------------------
    お問い合わせ
------------------------------------------------------------*/
.box1 {
	margin: 20px auto 30px;
	width: 650px;
	font-size: 16px;
	line-height: 1.5;
	color: #222;
}
.box1 p {
	padding-bottom: 1em;
}
.box1 ul {
	padding: 1em 0;
}
.box1 li {
	margin-left: 2em;	
	padding: 7px 0;
	list-style: decimal;
}
.box1 li p {
	padding: 10px 0;
}
#contact th  {
	vertical-align: middle;
}
input[type=text], input[type=email] {
	width: 100%;
	margin: 5px 0;
	padding: 3px 10px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input.postal {
	margin: 0 20px 5px 2px;
	width: 6em !important;
}
select {
	margin-bottom: 4px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	border: 1px solid #ccc
}
textarea {
	width: 100%;
	height: 150px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=submit], input[type=button] {
	margin: 30px auto;
	width: 150px;
	padding: 6px 0 4px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: #980101;
}
input[type=submit]:hover, input[type=button]:hover {
	background: #c80202;
}

.wpcf7-list-item input[type=checkbox] {
	margin-bottom: 5px;
}

@media (max-width: 767px){
	.box1 {
		margin: 20px auto 10px;
		width: 100%;
		font-size: 15px;
	}
}
@media (max-width: 567px){
	.box1 {
		margin: 20px auto 10px;
		width: 100%;
		font-size: 14px;
	}
}

/*------------------------------------------------------------
    footer
------------------------------------------------------------*/
#footer {
	clear: both;
	margin-top: 80px;
	padding: 35px 0 3px;
	color: #fff;
	background: #200a0a;
}
#footer_l {
	float: left;
	margin-top: 15px;
}
#footer_l li {
	float: left;
	font-size: 18px;
}
#footer_l li a {
	display: block;
	padding: 15px;
	color: #fff;
	text-decoration: none;
}
#footer_l li a:hover {
	text-decoration: underline;
}
#footer_r {
	/*float: right !important;
	padding: 0 45px 30px 0;*/
	float: left;
	padding: 0 20px 30px 0px;
}
#footer_shop {
	float: left;
}
#footer_r img {
	margin: 0 10px 0px;
}
#footer_insta {
	float: left;
}
#footer_insta img {
	width: 58px;
	height: auto;
	margin: 5px 10px 0px;
}

#copy {
	float: right;
	margin: 10px 45px 0 0;
	font-size: 13px;
	line-height: 1.7;
	text-align: right;
}

@media (max-width: 1023px){
	#footer {
		margin-top: 60px;
		padding: 25px 0 12px;
		color: #fff;
		background: #200a0a;
	}
	/*#footer_l {
		float: none;
		margin: 0 auto;		
		width: 320px;
	}
	#footer_l li {
		float: left;
		padding-bottom: 15px;
		font-size: 16px;
	}*/
	#footer_r {
		clear: both;
		float: none;	
		padding: 0 20px 30px 0px;
		text-align: center;
	}
	#footer_r img {
		margin: 0 10px 0px;
	}
	#copy {
		clear: both;
		float: none;
		margin: 0;
		padding-top: 20px;
		font-size: 13px;
	}
}
@media (max-width: 767px){
	#footer_insta img {
		width: 58px;
		height: auto;
		margin: 30px 10px 2px;
	}
	#footer_r img {
		margin: 0 10px 0px;
		max-width: 150px;
		height: auto;
	}
}
@media (max-width: 567px){
	#footer_insta img {
		width: 42px;
		height: auto;
		margin: 0 10px 2px;
	}
	#footer_r img {
		margin: 0 10px 0px;
		max-width: 120px;
		height: auto;
	}
	#copy {
		padding-left: 10px;
		text-align: left;
	}
}
@media (max-width: 413px){
	#footer_insta img {
		width: 40px;
		height: auto;
		margin: 0 0 0px 0;
	}
	#footer_r img {
		margin: 0 10px 0px 0;
		max-width: 100px;
		height: auto;
	}
	#footer_shop img {
		float: left;
		padding-bottom: 20px;
	}
	/*#footer_r {
		float: none;
		padding: 0 10px 0px 0;
	}
	#footer_insta {
		width: 100%;
		padding-bottom: 25px;
	}
	#footer_insta img {
		width: 50px;
		height: auto;
		margin: 0 10px 0px;
	}
	#footer_r img {
		margin: 0 10px 0px;
		max-width: 130px;
		height: auto;
	}
	#footer_shop img {
		float: left;
		padding-bottom: 20px;
	}*/
	#copy {
		padding-left: 10px;
		width: 270px;
		text-align: left;
	}
}

/*------------------------------------------------------------
    404
------------------------------------------------------------*/
#p_404 {
	margin-top: 0px;
	text-align: center;
}
@media (min-width: 1200px){
	#p_404 {
			margin-top: -40px !important;
	}
}
#link_btn figure{
	margin: 50px 30px;
	text-align: center;
}
#link_btn figcaption {
	padding-top: 10px;
}
#link_btn figure a {
	display: block;
	color: #333;
	text-decoration: none;
}
#link_btn figure a:hover {
	color: #bd1b21;
}
@media (max-width: 567px){
	#link_btn figure{
		margin: 50px 30px 0;
	}
}
@media (min-width: 1400px){
	#p_404 {
		margin-top: 30px;
	}
}

/*------------------------------------------------------------
    flexbox
------------------------------------------------------------*/
.flex1 {
	-js-display: flex; /*古いブラウザへの対応*/
	display: -webkit-box-flex; /*iOS Safari6.1以前、Androidブラウザの4.3以前への対応*/
	display: -ms-flex;
	display: -webkit-flex;
  display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flex2 {
	-js-display: flex;
	display: -webkit-box-flex;
	display: -ms-flex;
	display: -webkit-flex;
  display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex3 {
	-js-display: flex;
	display: -webkit-box-flex;
	display: -ms-flex;
	display: -webkit-flex;
  display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	-ms-justify-content: start;
	-webkit-justify-content: start;
	justify-content: start;
}

/*------------------------------------------------------------
	追加スタイル
------------------------------------------------------------*/
.b {
	font-weight: bold;
}
.c {
	text-align: center !important;
}
.l {
	text-align: left !important;
}
.ls_05 {
	letter-spacing: 0.5em;
}
.ls_1 {
	letter-spacing: 1em;
}
.r {
	text-align: right !important;
}
.f90 {
	font-size: 90% !important;
}
#f14 {
	font-size: 14px !important;
}
#f15 {
	font-size: 15px !important;
}
.f110 {
	font-size: 110% !important;
}
.f120 {
	font-size: 120% !important;
}
.f130 {
	font-size: 130% !important;
}
.red {
	color: #b30304;
}

.mt_5 {
	margin-top: -5px !important;
}
.mt_10 {
	margin-top: -10px !important;
}

/*------------------------------------------------------------
	余白
------------------------------------------------------------*/
.m0 {
	margin: 0px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mr0 {
	margin-right: 0px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.ml0 {
	margin-left: 0px !important;
}

.m5 {
	margin: 5px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.ml5 {
	margin-left: 5px !important;
}

.m10 {
	margin: 10px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.ml10 {
	margin-left: 10px !important;
}

.m15 {
	margin: 15px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.ml15 {
	margin-left: 15px !important;
}

.m20 {
	margin: 20px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.ml20 {
	margin-left: 20px !important;
}

.m25 {
	margin: 25px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.ml25 {
	margin-left: 25px !important;
}

.m30 {
	margin: 30px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.ml30 {
	margin-left: 30px !important;
}

.m35 {
	margin: 35px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.ml35 {
	margin-left: 35px !important;
}

.m40 {
	margin: 40px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.ml40 {
	margin-left: 40px !important;
}

.m45 {
	margin: 45px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.ml45 {
	margin-left: 45px !important;
}

.m50 {
	margin: 50px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.ml50 {
	margin-left: 50px !important;
}

.m55 {
	margin: 55px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mr55 {
	margin-right: 55px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.ml55 {
	margin-left: 55px !important;
}

.m60 {
	margin: 60px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.ml60 {
	margin-left: 60px !important;
}

.m65 {
	margin: 65px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mr65 {
	margin-right: 65px !important;
}
.mb65 {
	margin-bottom: 65px !important;
}
.ml65 {
	margin-left: 65px !important;
}

.m70 {
	margin: 70px !important;
}
.mr70 {
	margin-right: 70px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.ml70 {
	margin-left: 70px !important;
}

.m75 {
	margin: 75px !important;
}
.mt75 {
	margin-top: 75px !important;
}
.mr75 {
	margin-right: 75px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.ml75 {
	margin-left: 75px !important;
}

.m80 {
	margin: 80px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mr80 {
	margin-right: 80px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.ml80 {
	margin-left: 80px !important;
}

.m85 {
	margin: 85px !important;
}
.mt85 {
	margin-top: 85px !important;
}
.mr85 {
	margin-right: 85px !important;
}
.mb85 {
	margin-bottom: 85px !important;
}
.ml85 {
	margin-left: 85px !important;
}

.m90 {
	margin: 90px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mr90 {
	margin-right: 90px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.ml90 {
	margin-left: 90px !important;
}

.m95 {
	margin: 95px !important;
}
.mt95 {
	margin-top: 95px !important;
}
.mr95 {
	margin-right: 95px !important;
}
.mb95 {
	margin-bottom: 95px !important;
}
.ml95 {
	margin-left: 95px !important;
}

.m100 {
	margin: 100px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mr100 {
	margin-right: 100px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.ml100 {
	margin-left: 100px !important;
}

.p0 {
	padding: 0px !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pr0 {
	padding-right: 0px !important;
}
.pb0 {
	padding-bottom: 0px !important;
}
.pl0 {
	padding-left: 0px !important;
}
.p5 {
	padding: 5px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pl5 {
	padding-left: 5px !important;
}

.p10 {
	padding: 10px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.p15 {
	padding: 15px !important;
}
.pt15 {
	padding-top:1 5px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pl15 {
	padding-left: 15px !important;
}

.p20 {
	padding: 20px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pl20 {
	padding-left: 20px !important;
}