/*全体設定*/
html {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

footer {
	color            : #ffffff;
	background-color : #b41f3f;
	font-size        : 70%;
}

body {
	width      : 100%;   /*ページ全体の幅は100%と指定する*/	
	text-align : center; /*ページ全体を中央揃えにする*/
}

.contents {
	width      : 960px;  /*全体の幅を指定する*/
	margin     : 0 auto; /*マージンの指定をする、ブラウザ対策*/
	text-align : left;   /*全体を左揃えにする。*/
}



/*header設定*/
header {
	position : relative;
	margin-bottom : 2%;
}

header .text {
	position   : absolute;
	width      : 90%;
	margin     : 0 auto;
	text-align : center;
	top        : 20px;
	left       : 5%;
}

header .background {
	width      : 100%;
	margin     : 0 auto;
	text-align : center;
}

.contents .container {
	position   : relative;
}

.container_1 {
	background          : url("../../../assets/images/bg_1.png");
	background-position : 100% 0%;
	background-repeat   : no-repeat;
	margin-bottom       : 10%;
}

.container_2 {
	background          : url("../../../assets/images/bg_2.png");
	background-position : 100% 0%;
	background-repeat   : no-repeat;
	margin-bottom       : 10%;
}

.container_3 {
	background          : url("../../../assets/images/bg_3.png");
	background-position : 100% 0%;
	background-repeat   : no-repeat;
	margin-bottom       : 10%;
}

.container_4 img {
	width         : 90%;
	margin-left   : 5%;
	margin-right  : 5%;
	margin-top    : 1%;
	margin-bottom : 1%;
}

.contents .container div {
	width       : 60%;
	padding-left : 40%;
}

.contents .container div img {
	width         : 90%;
	margin-left   : 5%;
	margin-right  : 5%;
	margin-top    : 2%;
	margin-bottom : 2%;
}


.LP {
	position  : absolute;
	width     : 28%;
	left      : 6%;
	top       : 0%;

}

 

.contact-button {
	width            : 80%;
	color            : #b41f3f;
	background-color : #FFF;
	border-style     : solid;
	border-color     : #b41f3f;
	font-size        : 1.4em;
	padding          : 20px;
	margin           : 2% 10%;
	border-width     : 3px;
	cursor           : pointer;
}

.privacy-policy {
	width            : 40%;
	color            : #b41f3f;
	background-color : #FFF;
	border-style     : solid;
	border-color     : #b41f3f;
	font-size        : 0.7em;
	padding          : 15px;
	margin           : 10% 5% 40px 4%;
	border-width     : 3px;
	cursor           : pointer;
}

.corporate-website {
	width            : 40%;
	color            : #b41f3f;
	background-color : #FFF;
	border-style     : solid;
	border-color     : #b41f3f;
	font-size        : 0.7em;
	padding          : 15px;
	margin           : 10% 4% 40px 5%;
	border-width     : 3px;
	cursor           : pointer;
}

.company-name {
	font-size  : 2.0em;
	margin     : 30px 0px;
	color      : #808080;
	text-align : center;
}

.address {
	font-size  : 1.4em;
	margin     : 30px 0px;
	color      : #808080;
	text-align : center;
}

.tel {
	font-size  : 1.4em;
	margin     : 30px 0px;
	color      : #808080;
	text-align : center;
}


/* 以下ウィンドウ幅が0〜959pxの場合に適用するCSS */
@media screen and ( max-width:959px ){

.contents {
	width      : 100%;  /*全体の幅を指定する*/
	margin     : 0 auto; /*マージンの指定をする、ブラウザ対策*/
	text-align : left;   /*全体を左揃えにする。*/
}



}


/*shop_list用*/
.bg_green {
	background-color : #b41f3f;
	color            : #ffffff;
}

.shop_list table {
	margin-bottom : 5rem;
	margin-left   : 0.25rem;
	margin-right  : 0.25rem;
	width         : 100%;
}

.shop_list table caption {
	font-size      : 1.75rem;
	padding-top    : 0.75rem;
	padding-bottom : 0;
	color          : #1d824d;
	text-align     : left;
	caption-side   : top;
}

.shop_list table thead {
	color : #1d824d;
}

.end_list{
	color: #cf0000;
}

.shop_list table tbody tr {
	border-bottom : solid 1px #1d824d;
	color         : #3f3f3f;
}