@charset "utf-8";
@media print, screen and (max-width:768px){
/*======================================================================

BASIC
  
======================================================================*/	
#wrapper {	min-height:400px;	}
	
.for_pc {display:none !important;}


#main_contents {	width: 100%;	margin:0 auto;	padding-top:55px;}
#main_contents:before {
background-image: url(../img/main_visual.jpg);
background-position: center top;
}

#bloc_basic {width:92%; padding:15px 0;}

#p_title {	font-size: 28px; margin-bottom: 60px; text-align: center;}


.coming {font-size:20px;  padding:150px 0 200px; }


/*======================================================================

LEFT CONTENTS
  
======================================================================*/	
#left_contents {
width: 100%;
height: auto;
background: #fff;
height:55px;
position:fixed;
z-index: 99;
top:0;
left:0;
-moz-transition: .4s;
-webkit-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
transition: .4s;
	}

#left_contents.layer {background:rgba(255,255,255,0);}

#logo_sp {
	width: 100%;
	font-weight: 300;
	color: #ff9abc;
	display: block;
	
}

#logo_sp img, #logo_sp a  {width:100%;height: auto;display: block;	}
	

#logo_sp {margin: 0 auto;width: 60%; height: auto; padding: 5px 0; max-width: 100px;}

#logo_sp a:hover{	filter: alpha(opacity=75);	 -moz-opacity:.75;	 opacity:.75;}



/*======================================================================

GLOBAL NAVI
  
======================================================================*/	
#global_menu {display: none !important;}

#logo img, #logo a {width: 100%; height: auto; display: block;}
#logo {margin: 5px auto 15px; width: 60%; max-width: 100px;}

#logo a:hover {	filter: alpha(opacity=75);	 -moz-opacity:.75;	 opacity:.75;}




/*=========================================================================

FOOTER 
  
=========================================================================*/
#footer {left: 0;}
#copy {font-size:11px; }

#page-top a {	font-size:14px;	width:36px;	padding:8px 5px;}	
	
	
	
	
/*======================================================================

SHOW CUSTOM (2019/03/19)

======================================================================*/	
#sub_menus  {	margin: 0px 0 30px;}

#sub_menus ul li {width: 32%;}
#sub_menus ul li:nth-of-type(3n) {margin-right: 0;}

#sub_menus ul li a{	padding:5px 0;	font-size:12px;}
#sub_menus li a.active{	font-size:12px;	}


@media print, screen and (max-width:320px){
#sub_menus ul li a{	font-size:10px;}
}
	
	
	
/*=============================================================================

NO PAGE
  
=============================================================================*/
#no_pagebox {	margin-bottom:30px;	padding:9% 6%;}

#notfoud {font-size: 26px; }
#notfont_kana {font-size: 15px;}

#no_pagebox p {margin: 15px 0 ; font-size: 12px; }


/*----------------------------------------------------------------------*/
#markTest {font-size: 13px; padding: 5px 15px;}




}