@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
.sp {
	display:none !important;
}


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

a:active,
a:hover {
	opacity:1;
}
a:active img,
a:hover img {
	opacity:1;
}

.pc {
	display:none !important;
}
.sp {
	display:block !important;
}
br.sp {
	display:inline !important;
}

body {
	font-size:14px;
}

.wdg-header {
  height: 60px;
  line-height: 60px;
}
.wdg-header > .inner {
  width: auto;
  margin: 0 3%;
}
.wdg-header nav {
  float: right;
  width:auto;
}
.wdg-header nav h2 {
  display: none;
}
.wdg-header nav h2 img{
	width:100%;
}
.wdg-header nav ul {
  margin: 0 0 0 0px;
}
.wdg-header nav ul li{
	display:none;
}
.wdg-header nav ul li.back_sp{
	display:inline-block;
}
.wdg-header nav ul li.back_sp:before{
	content:"\f0d9";
	font-family:"fontAwesome";
	font-size:1rem;
	vertical-align:-2px;
	margin:0 5px 0 0;
	
}
.wdg-header nav ul li.back_sp i{
	display:none;
}


#color-simulation_top .flexslider {
	min-width:1px;
	max-height:none;
	margin: 0 0 3%;
	width:100%;
}
#color-simulation_top .flexslider .slides img {
	width:150%;
	margin:0 0 0 -25%;
}



/* #top_panel */
#top_panel {
	position:relative;
	left:auto;
	top:auto;
	padding:3% 3%;
	width:auto;
	margin:0;
	overflow:hidden;
	background:#eee;
}
#top_panel h3{
	font-size:1.2rem;
	margin:0 0 2%;
	text-shadow:none;
	color:#666;
}
#top_panel p{
	font-size:1rem;
	margin:0 0 6%;
	text-shadow:none;
	color:#666;
}
#top_panel a {
	display:block;
	background:#ccc;
}
#top_panel a img{
	display:block;
	width:100%;
	height:auto;
}
#top_panel .bnr_114{
	margin:0 0 3%;
}
#top_panel .btn_start{
	display:block;
	margin:0 3% 3% 0;
	width:68%;
	float:left;
}
#top_panel .btn_howto{
	display:block;
	float:left;
	width:29%;
	margin:0;
}


body .inside {
	width:auto;
	margin:0 3%;
}
.inside p{
	font-size:1rem;
}


#recommend_devices {
	margin:6% 0;
	padding:3%;
}

#recommend_devices p{
	margin:0;
	line-height:1.4;
	font-size:0.7rem;
}
.inside .bottom_p {
	margin:0 0 9%;
	position:relative;
	font-size:0.7rem;
	line-height:1.4;
	padding:0 0 0 0.8rem;
}
.inside .bottom_p span{
	position:absolute;
	top:0;
	left:0;
}



.tiles {
	margin:0 3% 6%;
}
.tiles ul {
	width:auto;
}
.tiles ul li{
	float:none;
	clear:both;
	margin:0 0 3%;
}
.tiles ul li img{
	width:100%;
	height:auto;
	display:block;
}


#color-simulation_item .tiles ul li{
	float:left;
	clear:none;
	margin:0 3% 3% 0;
	width:48.49%;
}
#color-simulation_item .tiles ul li:nth-child(1){
	float:none;
	clear:both;
	margin:0 0 3%;
	width:100%;
}
#color-simulation_item .tiles ul li:nth-child(2n+1){
	margin:0 0 3% 0;
}


.tiles_center {
	margin:0 3% 6%;
}
.tiles_center ul li{
	margin:0 0 3%;
	display:block;
}
.tiles_center ul li img{
	width:100%;
	height:auto;
	display:block;
}



#contents_head {
	margin:9% 3%;
}
#contents_head h3{
	margin:0 0 6%;
	font-size:1.4rem;
	line-height:1.2;
}
#contents_head p{
	font-size:0.9rem;
}

.list ul{
	margin:0 3% 7%;
}
.list li{
	position:relative;
	font-size:0.7rem;
	line-height:1.4;
	margin:0 0 2%;
	padding:0 0 0 0.8rem;
}
.list li span{
	position:absolute;
	top:0;
	left:0;
}


.wdg-footer .copyright {
  width: auto;
  font-size:0.6rem;
  text-align:center;
}




#plan_select{
	margin:0 0 9%;
}
#plan_select h4{
	text-align:center;
	margin:0 0 3%;
}
#plan_select h5{
	font-size:14px;
	padding:0 0 3%;
}
#plan_select h5 strong{

}

#plan_select .columns .column_each{
	float:none;
	clear:both;
	width:auto;
	padding:3%;
	margin:0 0 3%;
}
#plan_select .columns .column_each:first-child{
	margin:0 0 3%;
}
#plan_select .columns .column_each ul{
	margin:0;
	padding:0;	
}
#plan_select .columns .column_each ul li{
	list-style:none;
	margin:3% 0 0;
}
#plan_select img{
	display:block;
	width:100%;
}


.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }






}