@charset "utf-8";

/* ========スマホのスタイル======== */
#sheader {
   display:block;
   background-repeat:no-repeat;
   background-size: cover;
   background-image:url(../images/sheader.jpg);
   background-image: -webkit-image-set(url(../images/sheader.jpg) 1x,url(../images/retina/sheader@2x.jpg) 2x);
   background-image: -moz-image-set(url(../images/sheader.jpg) 1x,url(../images/retina/sheader@2x.jpg) 2x);
   background-image: -o-image-set(url(../images/sheader.jpg) 1x,url(../images/retina/sheader@2x.jpg) 2x);
   background-image: -ms-image-set(url(../images/sheader.jpg) 1x,url(../images/retina/sheader@2x.jpg) 2x);
   height: 60px;
   border-bottom:1px solid #999;
}
header h1 {
   display:none;
}
#title_img {
   display:none;
}
#header_free {
   display:none;
}
#header_area {
   display:none;
}
.smenu {
   display:block;
}
nav {
   display:none;
}
#container {
   float:center;
   width:98%;
}
.main_box {
	width:98%;
	float:center;
	margin-bottom:10px;
}
.box01, .box02, .box03, .box04, .box05, .box06 {
	width:100%;
	float:left;
	margin-bottom:10px;
}
#ex_menu ul li {
   display: inline-block;
   vertical-align:top;
   margin-right: 5px;
   margin-bottom: 10px;
}
#sub {
   float:center;
   width:98%;
}
.flexslider {
   display:none;
}
#sviewer {
   display:block;
}
#sub_area {
   padding:5px 5px 30px 10px;
}
#sub_pcL_area {
   padding:5px 5px 40px 10px;
}
#sub_link {
   display:none;
}
#sub_qr {
   display:none;
}
.footer_navi_m {
   width:80%;	
   display:block;	
}
.footer_navi_pt {
   display:none;	
}
.footer_menu {
   display:none;
} 
/* ========タブレットのスタイル======== */
@media all and (min-width: 480px){
html{
   font-size : 87.5%
} /*レスポンシブタイプセッティングの指定*/
#sheader {
   display:none;
} 
header h1 {
   display:block;
} 
#title_img {
   display:block;
}
#header_free {
   display:block;
}
#header_area {
   display:block;
}
.smenu {
   display:none;
}
nav {
   display:block;
}
.flexslider {
   display:block;
}
#sviewer {
   display:none;
}
.main_box {
	width:100%;
	float:left;
	margin-bottom:10px;
}
.box01, .box02, .box03, .box04, .box05, .box06 {
	width:45%;
	float:left;
	margin-bottom:20px;
}
.box01, .box03, .box05 {
	margin-right:20px;
}
#ex_menu ul li {
   display: inline-block;
   vertical-align:top;
   margin-right: 5px;
   margin-bottom: 10px;
}
#sub {
   width:100%;
}
#sub_area {
   padding:5px 5px 35px 10px;
}
#sub_pcL_area {
   padding:5px 5px 40px 10px;
}
#sub_link {
   display:block;
}
#sub_qr {
   display:block;
}
.footer_navi_m {
   display:none;	
}
.footer_menu {
   display:block;
}
} 

/* ========PCのスタイル======== */
/* 
all:980px
container:750px 
sub:220px
margin:20px
main:510px
sub:220px

width:940px;
height:300px;
*/
@media all and (min-width: 768px){ 
html{
   font-size : 100%
} /*レスポンシブタイプセッティングの指定*/
#container {
   width:76.5306122%; /* 750px/980px*100 */
   overflow:hidden;
}
#main {
   float:left;
   width:68%; /* 510px/750px*100 */
}
#sub {
   float:right;
   width:29.33333333%; /* 220px/750px*100 */
}
#sheader {
   display:none;
}
header h1 {
   display:block;
}
#header_free {
   display:block;
}
#header_area {
   display:block;
}
.smenu {
   display:none;
}
nav {
   display:block;
}
.flexslider {
   display:block;
}
#sviewer {
   display:none;
}
.main_box {
	width:100%;
	float:left;
	margin-bottom:10px;
}
.box01, .box02, .box03, .box04, .box05, .box06 {
	width:47%;
	float:left;
	margin-bottom:20px;
}
.box01, .box03, .box05 {
	margin-right:20px;
}
#sub_area {
   padding:5px 5px 5px 10px;
}
#sub_pcL_area {
   padding:5px 5px 25px 10px;
}
#sub_link {
   display:block;
}
#sub_qr {
   display:block;
}
.footer_navi_m {
   display:none;	
}
.footer_menu {
   display:block;
}
}