@charset "utf-8";

/* 本体定義 */
a:link, a:visited {
	color: #1122cc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #dd0000;
}

/*top add 2020*/
.add_t {
	background-color: #283E7A;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	clear: both;
}

.add_t p {
	font-size: 1em;
	line-height: 200%;
	color: #F0F0F0;
	margin: 0 auto;
	padding: 0 10%;
	max-width: 1000px;
}

/*top page t 2020*/
.page_t {
	background-color: #3451A1;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	clear: both;
}

.page_t p {
	font-size: 1em;
	font-weight: 500;
	line-height: 200%;
	color: #F0F0F0;
	margin: 0 auto;
	padding: 0 10%;
	max-width: 1000px;
}


/**/
.shop {
	color: #162745;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 200%;
	text-align: center;
	border: 2px solid #D2328A;
	border-radius: 10px;
}

/*ヘッダー 2020*/
.header {
	max-width: 1024px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

/*ロゴ*/
.logo_senba {
	background-image: url("../img/senba/logo_senba.jpg");
	width: 319px;
	height: 67px;
	float: left;
}

.logo_senba span {
	display: none;
}


/*ヘッダー　戻る*/
p.back  {
	line-height: 200%;
	font-size: 0.85em;
	padding: 0 1em;
	margin: 1em auto;
	float: right;
}
/**/
.back a:link, a:visited {
	border-radius: 20px;
	background-color: #C4F5D1;
	padding-top: 5px;
	padding-right: 1.5em;
	padding-left: 2em;
	padding-bottom: 5px;
	text-decoration: none;
	color: #173952;
	font-weight: 500;
}
.back a:hover {
	border-radius: 20px;
	background-color: #C4E1F5;
	padding: 5px 1.5em 5px 2em;
	text-decoration: none;
	color: #173952;
	font-weight: 500;
	-webkit-box-shadow: inset 3px 2px #8FBCDC;
	box-shadow: inset 3px 2px #8FBCDC;
}



/*フッター2020*/
.footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	text-align: center;
}
.f_box01 {
	width: 75%;
	margin: 0 auto;
	padding: 0;
}

.f_add {
 width: 30%;
 height: auto;
 float: left;
 text-align: left;
}

.f_add ul {
	list-style: none;
	margin: 1.5em auto;
	padding: 0;
	float: left;
}
.f_add ul li {
	line-height: 150%;
	font-size: 85%;
	color: #262C58;	
}
.f_add ul li.big {
	line-height: 150%;
	font-size: 100%;
	font-weight: bold;
}


.f_photo {
 width: 70%;
 height: 240px;
 float: right;
 text-align: right;
 background-image: url("../img/senba/footer_01.jpg");
 background-position: top right;
 background-repeat: no-repeat;
}

.f_photo img {
	width: 100%;
	max-width: 558px;
	height: auto;
	max-height: 240px;
}

.footer .cm {
	margin: 0 auto;
	padding: 0.85em 0;
	background-color: #E5E2E2;
}
.footer .cm p {
	line-height: 150%;
	font-size: 80%;
	color: #262C58;
	margin: 0 auto;
	padding: 0 1em;
}
.footer p.c {
	line-height: 300%;
	font-size: 80%;
	color: #262C58;	
	margin: 0 auto;
	padding: 0;
	background-color: #D7D7D7;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* アイコン */
img.icon {
	vertical-align: middle;
	border: 0;
}




/*PC 1024*/
@media screen and (min-width: 1024px) {
.header {
	width: 90%;
}
.add p {
	width: 960px;
	margin: 0 auto;
}
	
/**/
.f_box01 {
	width: 960px;
	margin: 0 auto;
}
	
	
}


/*PC 1023*/
@media print, screen and (max-width: 1023px) {
/**/
.f_box01 {
	width: 90%;
	margin: 0 auto;
}
	
	/**/
	.f_add {
 width: 100%;
 height: auto;
 float: left;
}

.f_photo {
 width: 100%;
 height: 240px;
 float: right;
}

.footer .cm {
	text-align: left;
}
.footer .cm p {
	padding: 0 2em;
}

}



/* スマホ用 */
@media only screen and (max-width: 480px) {
	/**/
.header {
	width: 90%;
}
	
.page_t p {
	font-size: 0.8em;
}
	
	
.footer {
	width: 98%;
}
	
.f_box01 {
	width: 98%;
}
	
	.f_add {
 width: 100%;
 height: auto;
 float: left;
}

.f_photo {
 width: 100%;
 height: 240px;
 float: right;
 background-color: #5BB0BD;
}

.footer .cm {
	text-align: left;
}
.footer .cm p {
	padding: 0 0.5em;
}

}