@charset "utf-8";

@media screen and (max-width:640px){

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
 }
	
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
	
.sp {
	display: none;
    /* visibility: hidden; */
}
	
.pc {
	display: inline;
	/* visibility: visible; */
}



#tag img {
	display: none;
}




/*
	body
-------------------------------------------------------------------- */

body {
	font-size: 15px;
	line-height: 1.6em;
}




/*
	div
-------------------------------------------------------------------- */
#cart_cont {
	background-color: #FFFFFF;
	color: #222;
}

header .inr {
	clear: both;
	width: 100%;
	margin: 0;
}

#contents {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

#main_area {
	width: 100%;
	float: none;
}

#side_area,
#simple_side {
	display: none;
}




/* 
	header
-------------------------------------------------------------------- */

#header01,
#header02 {
	display: none;
}

#header01_sp,
#gnav01_sp {
	display: block;
}

#header01_sp li a {
	display: block;
	float: left;
	margin-top: 5px;
}

#header01_01_sp a {
	width: 35%;
	margin-right: 5%;
	margin-left: 6%;
}

#header01_02_sp a,
#header01_03_sp a {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	width: 25%;
	margin-right: 2%;
	color: #000;
	text-align: center;
	padding: 3px;
}

#header01_02_sp a {
	background: #646473;
}

#header01_03_sp a {
	background: #EEE;
}

#cart_header {
	background: #000;
}

#cart_header p {
	width: 100%;
	margin: 0;
	float: none;
}

#cart_header p img {
	width: 36%;
	margin: 8px 58% 8px 6%;
}





/* 
	nav(sp)
-------------------------------------------------------------------- */

#gnav01_sp {
	background: #000;
}

#gnav01_sp ul {
	border-left: 1px solid #333;
}

#gnav01_sp a {
	font-family: "Times New Roman", Times, serif;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	width: 25%;
	float: left;
	margin: 10px 0;
	border-right: 1px solid #333;
}





/* 
	footer
-------------------------------------------------------------------- */
/* pagetop */

#pagetop a {
	font-size: 12px;
}


/* foot button */

#foot_wrap {
	padding: 0;
	font-size: 10.5px;
}

#foot_btn {
	display: block;
	width: 100%;
	margin: 0;
}

#foot_btn li a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d2d2d+0,000000+100 */
background: #2d2d2d; /* Old browsers */
background: -moz-linear-gradient(top, #2d2d2d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2d2d2d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2d2d2d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2d2d2d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #2d2d2d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
	width: 50%;
	float: left;
	border-color: #484B51 #000 #000 #484B51;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 13px;
	margin: 0 ;
	text-align: left;
}

#foot_btn li a:hover {
	border-color: #484B51 #000 #000 #484B51;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	color: #9AA1A8;
	text-decoration: none;
}


/* sitemap */

#foot_map {
	margin-top: 20px;
	padding: 0 2%;
}

#foot_map p {
	font-size: 20px;
	border-bottom: 1px solid #FFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.foot_map_left {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}

.foot_map_right {
	width: 100%;
	float: rnone;
	margin-bottom: 30px;
}

.foot_map_li {
	width: 50%;
	float: left;
	margin-right: 0%;
}

.foot_map_li li {
	background: url(../../common/icon01.gif) no-repeat left center;
	padding-left: 20px;	
}

.foot_map_right li {
	background: url(../../common/icon01.gif) no-repeat left center;
	padding-left: 20px;
}






/* 
	topick path
-------------------------------------------------------------------- */

ol.topic_path {
	width: 100%;
	padding: 3px 2%;
	margin: 0;
	list-style-type: none; 
	font-size: 10px;
}

ol.topic_path li {
	color: #9A9A9A;
	padding-right: 5px;
	float: right;
}

ol.topic_path li a {
	padding-right: 18px;
	background-image: url(../../common/topic_path_gray.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #CCC;
}




/* 
	title
-------------------------------------------------------------------- */

h3.toph3 {
	background: #EEE;
	display: block;
	text-align: center;
	font-size: 15px;
	border-top: 2px solid #9797A6;
	border-bottom: 1px solid #000;
	border-left: none;
	width: 100%;
	padding: 12px;
	margin: 50px 0 10px 0;
	/* background: #05192D; */
	-moz-box-shadow: 0px 1px 3px 0px #CCC;
	-webkit-box-shadow: 0px 1px 3px 0px #CCC;
	box-shadow: 0px 1px 3px 0px #CCC;
	text-decoration:none;
}





/* 
	bottom banner
-------------------------------------------------------------------- */

#top03_sp h3 {
	display: block;
	background: url(../../img/top_h3_line.gif) repeat-x left center;
	height: 30px;
	line-height: 30px;
	margin-bottom: 30px;
}

#top03_sp h3 {
	text-align: center;
	font-size: 30px;
	padding-bottom: 20px;
}

#top03_sp {
	display: block;
	border-bottom: 1px solid #CCD5E6;
	padding-bottom: 30px;
}

#top03_sp h3 img {
	width: 150px;
}

#top03_sp li {
	width: 96%;
	float: none;
	margin: 0 2% 10px;
}





/* 
	Button
-------------------------------------------------------------------- */

.button01 a {
	
}

.button02 a {
	
}

.button03 a {
	font-size: 14px;
	padding: 10px 20px;
	border: 1px solid #023c73;
	-moz-box-shadow: 0px 1px 3px 0px #06060e;
	-webkit-box-shadow: 0px 1px 3px 0px #06060e;
	box-shadow: 0px 1px 3px 0px #06060e;
}




/* 
	background
-------------------------------------------------------------------- */
.cont_bg01 {
	background: #05192d; /* Old browsers */
background: -moz-linear-gradient(top, #05192d 41%, #01294e 68%, #032d55 98%, #06060e 99%, #032d55 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#05192d), color-stop(68%,#01294e), color-stop(98%,#032d55), color-stop(99%,#06060e), color-stop(99%,#032d55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #05192d 41%,#01294e 68%,#032d55 98%,#06060e 99%,#032d55 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #05192d 41%,#01294e 68%,#032d55 98%,#06060e 99%,#032d55 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #05192d 41%,#01294e 68%,#032d55 98%,#06060e 99%,#032d55 99%); /* IE10+ */
background: linear-gradient(to bottom, #05192d 41%,#01294e 68%,#032d55 98%,#06060e 99%,#032d55 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05192d', endColorstr='#032d55',GradientType=0 ); /* IE6-9 */
	padding-bottom: 3px;
}





/* 
	cart
-------------------------------------------------------------------- */

#sp_myaccount {
	text-align: center;
}

#sp_myaccount .sp_myaccount_title {
	margin: 20px 0;
}

#sp_myaccount li {
	margin-bottom: 20px;
}

#sp_myaccount ul {
	margin: 0 2%;
}

#sp_myaccount_btm_menu {
	text-align: left;
	padding-left: 20px;
	margin-top: 30px;
}

#sp_myaccount_btm_menu span {
	color: #BF191C;
}


/* 
	FQAページ　リンク用
-------------------------------------------------------------------- */


#main_area dl a {
font-weight:bold;
text-decoration:none;
}

#main_area dl a:link {
color:#1A2687;
}

#main_area dl a:visited {
color:#6600FF;
}

#main_area dl a:hover {
color:#FF0099;
text-decoration:underline;
}

#main_area dl a:active {
color:#33CC00;
}





}