/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

/*layout*/
/*------------------------------------------------------------------------------*/
p {
	text-align:left;
	font-size: 110%;
}
#contents{
	width: 94%;
	margin: 15px auto 25px;
}
#contents_left{
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
#contents_right{
	float: none;
	width: 100%;
}
p.more a {
    margin: 0 auto;
    width: 98%;
}

p.custom_more a {
    margin: 0 auto;
    width: 98%;
}


/*locator*/
/*--------------------------------------------------------------------------------*/
#locator {
    background: #eee;
    padding: 10px 0;
}
#locator_in {
	width: 100%;
	text-align: center;
}

/*rss news*/
/*--------------------------------------------------------------------------------*/
#sub_rss_box dl{
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.rss_date{
	float: none;
	width: 100%;
}
.rss_title{
	float: none;
	width: 100%;
}
.rss_contents{
	margin-left: 0;
}



/*title*/
/*------------------------------------------------------------------------------*/
.subtitle02{
	font-size: 220%;
	margin-bottom: 15px;
}
.subtitle03{
	font-size: 170%;
	line-height: 1;
    margin-bottom: 6%;
}
.titlearea .subtitle02{
	width: 100%;
    text-align: center;
	padding: 8% 0;
	    font-size: 38px;
}




/*box2*/
/*------------------------------------------------------------------------------*/
.img_left .box2_ti_left{
	width: 100%;
	float: none;
}
.img_left .box2_ti_left img{
	width: 100%;
}
.img_left .box2_ti_right{
	width: 100%;
	float: none;
	margin: 40px 0px;
}
.box2_ti_right,
.box2_ti_left {
	width: 100%;
}
.box2_left{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box2_right{
	width: 100%;
	float: none;
}






/*box3*/
/*------------------------------------------------------------------------------*/
.box3 .box3_left {
    width: 100%;
	float: none;
	text-align:	center;
	margin: 5% 0 10%;
}
.box3 .box3_center {
    width: 100%;
	float: none;
	text-align:	center;
    margin: 5% 0 10%;
}
.box3 .box3_right {
    width: 100%;
	float: none;
	text-align:	center;
	margin: 5% 0 10%;
}
.box3 h5 {
	font-size: 140%;
    margin-bottom: 5px;
}
.box3 p {
	text-align:	center;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
}
	




/*item*/
/*------------------------------------------------------------------------------*/
h2.itemname {
	text-align:	center;
	font-weight: bold;
}
h3.ttl {
	font-weight: bold;
	text-align:	center;
	padding-bottom: 6%;
	margin-bottom: 6%;
}
.tokucho {
	text-align:	center;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 30px;
}
h2.itemname:after,
h3.ttl:after,
.tokucho:after {
	width:60px;
	bottom:0;
	left:40%;
}
.box2 .itemtxt {
	font-size: 120%;
}
.box2 .price {
	text-align: right;
}
.btn01 li {
	width: 60%;
}
.btn01 li:nth-child(1) {
	padding: 0 2% 0 0;
	font-size: 120%;
	font-weight: bold;
}
.btn01 li:nth-child(2) {
	padding: 4% 0;
}
.btn01 li:nth-child(2) a {
	width: 100%;
	display: block;
	background: #048F6E;
	font-size: 15px;
	text-align: center;
    padding: 3% 16%;
	position:relative;
}
.btn01 li:nth-child(2) a:after {
	content: url(../image/common/icon/icon_btn.png);
	margin: 0 6px 0 0;
	position:absolute;
	top:25%;
	right:2%;
}
.btn02 {
	border: none;
	padding: 0%;
}
.btn02 li:nth-child(1) {
	width: 100%;
	border: 1px solid rgba(255,255,255,0.7);
	padding: 3% 5%;
}
.btn02 li:nth-child(1) a {
	width: 100%;
	height: auto;
	background: url(../image/middle_btn_02_sp.jpg) no-repeat;
	background-size: 98%;
	padding: 3% 0 3% 40%;
	font-size: 140%;
    font-weight: bold;
}
.btn02 li:nth-child(2) {
	width: 100%;
	font-size: 110%;
	text-align:	center;
}
.btn03 {
	border: none;
}
.btn03 .order {
	margin: 0;
	max-width: 593px;
}
.btn03 .order a {
	width: 100%;
	height: auto;
	font-size: 160%;
	background: url(../image/middle_btn_03_sp.jpg) no-repeat 0px top;
	background-size:auto 101%;
    padding: 6% 0% 4% 24%;
}
.btn03 .card {
	border: 1px solid rgba(255,255,255,0.7);
	border-bottom: 1px dotted rgba(255,255,255,0.5);
	margin: 0%;
	padding: 5% 0 10%;
	font-size: 120%;
}
.btn03 .card p {
	padding: 0 5%;
}
.btn03 .card p a {
	width: 100%;
	height: auto;
	font-size: 90%;
	background: #048F6E;
    padding: 1% 10%;
	position:relative;
}
.btn03 .card p a:after {
	content: url(../image/common/icon/icon_btn.png);
	margin: 0 6px 0 0;
	position:absolute;
	top:12%;
	right:2%;
}
.btn03 .contact {
	border: 1px solid rgba(255,255,255,0.7);
	border-top: 0px;
	margin: 0%;
	padding: 5% 0 10%;
}
.btn03 .contact p {
	width: 100%;
	text-align: left;
	font-size: 120%;
	padding: 2% 5%;
}
.btn03 .contact p:nth-child(2) a {
	width: 100%;
	height: auto;
	font-size: 100%;
	background: rgba(7,183,238,0.6);
	padding: 2% 3%;
	position:relative;
	text-align: center;
}
.btn03 .contact p:nth-child(2) a:after {
	content: url(../image/common/icon/icon_btn.png);
	margin: 0 6px 0 0;
	position:absolute;
	top:16%;
	right:0%;
}



/*concept*/
/*------------------------------------------------------------------------------*/
.concept .subtitle01 {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.concept.img_left .box2_ti_left,
.concept.img_left .box2_ti_right {
	width: 100%;
}



/*product*/
/*------------------------------------------------------------------------------*/
.product .box1_left,
.product .box1_right {
	width:100%;
	float: none;
}
.product h3,
.product h4 {
	text-align:center;
}
.product p.more {
	width:100%;
	float: none;
	text-align:center;
}




/*scene*/
/*------------------------------------------------------------------------------*/
.scene .box1_left {
	width: 100%;
}
#contactArea.scene .btn {
	width: 100%;
    text-align: center;
}
#contactArea.scene .btn a {
	width: 100%;
}





/*spec list*/
/*--------------------------------------------------------------------------------*/
#sub_spec_box dl {
	font-size: 120%;
}
.spec_title{
	float: none;
	width: 100%;
	color: #999;
}
.spec_contents{
	float: none;
	width: 100%;
}




/*company*/
/*------------------------------------------------------------------------------*/
.table_p {
    width: 100%;
}
.table_p tr:first-child {
    border: none;
}
.table_p tr {
    text-align: left;
    vertical-align: top;
    border: none;
}
.table_p th {
    font-size: 1.2em;
    display: block;
    padding: 10px 15px;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}
.table_p td {
    margin-bottom: 20px;
    display: block;
    width: 100%;
}





/*professional*/
/*------------------------------------------------------------------------------*/
#contactArea.professional .box2_left,
#contactArea.professional .box2_right {
	width: 100%;
}



/*consumer*/
/*------------------------------------------------------------------------------*/
.consumer .price{
	text-align:left;
}
.consumer.btn03 .card {
    margin: 0%;
}



/*contactArea*/
/*------------------------------------------------------------------------------*/
#contactArea .box2_left {
	width: 100%;
}
#contactArea .btn {
	width: 60%;
    margin: 0 auto;
}
#contactArea .btn a {
    width: 100%;
    height: auto;
    font-size: 100%;
    background: rgba(7,183,238,0.6);
    padding: 2% 3%;
    position: relative;
}



/*detail*/
/*------------------------------------------------------------------------------*/
.detail .box3_right {
	margin: 5% 0 5%;
}

/*custommade*/
/*------------------------------------------------------------------------------*/

.custom_flt_pc {
    float: none;
    width: 99%;
}



.custom_flr_pc {
    float: none;
    padding-top: 3%;
    width: 100%;
}


/*------------------------------------------------------------------------------*/
}