@charset "utf-8";
/* CSS Document スマートフォン版 全共通css*/
@media screen and (max-width: 667px){


/*SP表示*/
.sp {
	display:block;
}
header .spmenu,footer .spnav {
	display:block;
}
/*SP非表示*/
.pc {
	display:none;
}
header .r,#gnav {
	display:none;
}
footer #fmenu {
	display:none;
}


/* リセット */
html {
	font-size: 14px;
}
body, td, th {
	line-height: 1.5;
}
.photo_right {
	float: none;
	margin-left: 10px;
}
.photo_left {
	float: none;
	margin-right: 10px;
}
.lefter {
	float: none;
}
.righter {
	float: none;
}

/* 基本レイアウト */
body {
	min-width: 100%;
}
#wrapper {
}
#container {
	background: none;
}
header {
	width: 100%;
	height: 60px;
	background-color: #fff;
}
#gnav {
	width: 100%;
}
#contents {
	width: 100%;
	padding: 0 0 15px;
}
footer {
	clear: both;
	width: 100%;
	padding: 10px 0 0;
	margin: 0 auto;
	border-top: solid #3700c2 10px;
	background-color:#fff;
	color: #000;
}
/* 以上基本レイアウト */


/*ヘッダー*/
header .inside {
	padding: 0;
	width: 100%;
	height: 60px;
}
header h1 {
	float: left;
	margin: 7px 0 0 10px;
	padding: 0;
	width: 220px;
	height: auto;
}
header h1 img {
	width: 100%;
	height: auto;
}
header .spmenu {
	display:block;
	float: right;
	width: 55px;
	height: auto;
}
header .spmenu img {
	margin: 9px 10px 0 0; 
	width: 80%;
	height: auto;
	line-height: 0;
}


/*/ヘッダー*/

/*グローバルメニュー*/
#gnav ul {
	width: 100%;
}
#gnav li {
	float: left;
	width: 25%;
	font-size: 0.85rem;
}
#gnav li a {
}
#gnav li a:hover {
}
#gnav li.last a {
}
/*/グローバルメニュー*/


/*pagetop*/
#sp_gototop {
	position: static;
	margin: 0;
	padding: 0;
	width: 100%;
	height:auto;
}
#sp_gototop a {
	display: block;
	margin: 0;
	padding: 1.2rem 0;
	height: auto;
	border: none;
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #3800c6, #2c009c);
	background-image: -ms-linear-gradient(top, #3800c6, #2c009c);
	background-image: -o-linear-gradient(top, #3800c6, #2c009c);
	background-image: -webkit-linear-gradient(top, #3800c6, #2c009c);
	background-image: linear-gradient(top, #3800c6, #2c009c);
	text-align: center;
	color: #fff;
	font-size: 100%;
	font-size: 1.0rem;
	line-height: 1.0rem;
}

/*フッター*/
footer .logo {
	margin: 0 3% 5px;
	width: 70%;
}
footer .logo img {
	width: 100%;
	height: auto;
}
footer .address {
	margin: 0 3% 5px;
	width: 94%;
	height: auto;
	border-bottom: none;
	font-size: 85%;
	font-size: 0.85rem;
	line-height: 1.5rem;
}
footer #copyright {
	margin: 0 3% 5px;
	width: 94%;
	height: auto;
	border: none;
	font-size: 60%;
	font-size: 0.6rem;
	line-height: 1.2rem;
}
/*/フッター*/



/* スマホ用ナビ****************************/
#spmenulist {
	display: none;
	width: 100%;
	position: absolute;
	z-index: 99;
}
#spmenulist .menu1 ul {
	padding: 10px 4%;
	background-color: #3700c4;
	list-style-type: none;
}
#spmenulist .menu1 ul li {
	background-color: #3800c6;
	background-image: linear-gradient(top, #3800c6, #2c009c);
	background-image: -moz-linear-gradient(top, #3800c6, #2c009c);
	background-image: -ms-linear-gradient(top, #3800c6, #2c009c);
	background-image: -o-linear-gradient(top, #3800c6, #2c009c);
	background-image: -webkit-linear-gradient(top, #3800c6, #2c009c);
}
#spmenulist .menu1 ul li a {
	display: block;
	padding: 12px 4% 12px;
	background-image: url(../images/sp/menu_arrow.png);
	background-position: 95% 9px;
	background-repeat: no-repeat;
	background-size: 12px auto;
	padding-left: 14px;
	text-align: left;
	color: #fff;
	font-size: 110%;
	font-size: 1.1rem;
	line-height: 1.0rem;
	text-decoration:none;
}
#spmenulist .menu1 ul li.border1 a {
	border: solid #6b48c2 1px;
}
#spmenulist .menu1 ul li.border2 a {
	border: solid #5917ff 1px;
}

#spmenulist .menu2 ul {
	background-color: #e3deff;
	list-style-type: none;
	box-sizing: border-box;
	border-right: solid #c6bcff 1px;
	border-bottom: solid #c6bcff 1px;
}
#spmenulist .menu2 ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	box-sizing: border-box;
	border-top: solid #c6bcff 1px;
	border-left: solid #c6bcff 1px;
	font-size: 90%;
	font-size: 0.9rem;
	line-height: 1.0rem;
}
#spmenulist .menu2 ul li.full {
	width: 100%;
}
#spmenulist .menu2 ul li a {
	display: block;
	padding: 12px 0 12px 15%;
	background-image: url(../images/sp/menu_arrow2.png);
	background-position: 8% 14px;
	background-repeat: no-repeat;
	background-size: 6% auto;
	text-decoration:none;
}
#spmenulist .menu2 ul li.full a {
	padding: 12px 2% 12px 7.5%;
	background-position: 4% 14px;
	background-size: 3% auto;
}
#spmenulist .search {
	float: none;
	width: 100%;
	height: auto;
	border: none;
	border-bottom: solid #2d00a0 20px;
	background-color:#fff;
}
#spmenulist .search form .txt input[type=text] {
	float: left;
	margin: 5px 0;
	padding: 5px 4%;
	width: 76%;
	height: auto;
	line-height: 26px;
	font-size: 100%;
	font-size: 1rem;
	border: none;
}
#spmenulist .search form input[type=image] {
	float:right;
	margin: 0;
	padding: 5px 4% 5px 0;
	width: 11%;
	height: auto;
	border: none;
}



}