@charset "UTF-8";
/*
Theme Name: nauts02
Theme URI: 
Author: KU
Author URI: http://localhost/
Description: http://nauts.jp/
Version: 1.0
License: GNU General Public License v2 or later
License URI: 
*/
/* about us
---------------------------------------------*/
#about_area{
	width: 100%;
	margin: 0 auto;
}
#about_area p.about_textM{
	font-size:1em;
	line-height:3em;
	padding-bottom:5%;
}
#about_area .about_logo_area{
	display: flex;
	flex-wrap: wrap;
	text-align:center;
	margin:0 auto;
	padding-bottom:7%;
	justify-content: center; 
	align-items: center;
}
#about_area .about_logo2{
	width: 336px;
	height: 100px;
	padding: 0;
}
#about_area .about_logo2 img{
	width:auto;
    height:auto;
	max-width: 336px;
	max-height:100px;
}
#about_area table{
	border: 1px solid #ccc;
	margin: 0 auto;
	border-collapse: collapse;
	width:672px;
}
#about_area th{
	font-weight: normal;
	text-align: justify;
	border-bottom: 2px dotted #ccc;
	border-collapse: collapse;
	line-height: 3em;
	padding-left: 3%;
	width: 23%;
}
#about_area th.normal{
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}
#about_area td{
	font-weight: normal;
	text-align: justify;
	border-bottom: 2px dotted #ccc;
	border-collapse: collapse;
}
#about_area td.normal{
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}
/* shop
---------------------------------------------*/
#shop_area{
	width: 100%;
	margin: 0 auto;
	margin-bottom:5%;
}
#shop_area table{
	border: 1px solid #ccc;
	margin: 0 auto;
	border-collapse: collapse;
	width:100%;
}
#shop_area th{
	text-align: justify;
	border-bottom: 2px dotted #ccc;
	border-collapse: collapse;
	line-height: 3em;
	padding-left: 3%;
	width: auto;
}
#shop_area th.normal{
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}
#shop_area td{
	font-weight: normal;
	width:auto;
	padding-left:3%;
	text-align: justify;
	border-bottom: 2px dotted #ccc;
	border-collapse: collapse;
	font-size:0.8em;
}
#shop_area td.normal{
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}

/* license
---------------------------------------------*/	
#license_area{
	width: 1000px;
	margin: 0 auto;
	}
.licence_logo{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
.ll_logo{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; 
	-ms-flex-wrap    : wrap;
	width:190px;
	margin:2px;
	}
.ll_logo img{
	width:auto;
    height:auto;
	max-width: 190px;
	max-height: 190px;
	}

/* support
---------------------------------------------*/
#support_area{
	width: 1000px;
	margin: 0 auto;
	text-align:left;
}
#support_area p.boldM{
	font-size:1.2em;
	line-height:1.8em;
	font-weight:bold;
}
.button {
	width: 200px;
	height: 50px;
  display       : inline-block;
  font-size     : 1.2em;        /* 文字サイズ */
	font-weight:bold;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #898989;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
	border-radius:5px;
}
.button:hover {
  opacity       : 0.8;         /* カーソル時透明度 */
	background:#9fa0a0;
}

/* form
---------------------------------------------*/
#form_area{
	width:1000px;
	margin:0 auto;
}
#form_area table{
	border: 1px solid #ccc;
	margin: 0 auto;
	border-collapse: collapse;
	width:1000px;
	padding-bottom:2%;
	margin-bottom:2%;
}
#form_area th{
	text-align: justify;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	line-height: 3em;
	padding-left: 3%;
	width: 25%;
	font-weight:normal;
}
#form_area td{
	font-weight: normal;
	text-align: justify;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	font-size:0.8em;
	padding-left:5%;
	padding-top:1%;
	padding-bottom:1%;
}
#form_area .wpcf7-textarea{
	width:70%;
}
input.sub-btn {
	width: 300px;
	height: 50px;
  display       : inline-block;
  font-size     : 1.2em;        /* 文字サイズ */
	font-weight:bold;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #898989;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
	border-radius:5px;	
}
input.sub-btn:hover {
  opacity       : 0.8;         /* カーソル時透明度 */
	background:#9fa0a0;
}

/* suport form
---------------------------------------------*/
#support_form_area{
	width:1000px;
	margin:0 auto;
}
#support_form_area .sf_001{
	text-align:justify;
	font-size:1em;
}
#support_form_area input.wpcf7-validates-as-required{
	width:70%;
	height:40px;
}
#support_form_area textarea.wpcf7-textarea{
	width:70%;
	height:80px;
}
textarea.sf_002{
	width:70%!important;
	height:40px!important;
}

/* sitemap
---------------------------------------------*/
#sitemap{
	width: 100%;
	margin: 0 auto;
	}
.sitemap_left{
	float: left;
	width:40%;
	text-align: left;
	padding-left:10%;
	}
.sitemap_left li{
	list-style-type: none;
	}
.sitemap_left li.boldM{
	font-weight: bold;
	}
ul .secound li{
	list-style-type: none;
	padding-top: 5%;
	}
ul .third li{
	list-style-type: none;
	font-weight: normal;
	padding-top: 0;
	}
.sitemap_right{
	float: right;
	width: 50%;
	margin-top:0;
	text-align: left;
	}
.sitemap_right li{
	list-style-type: none;
	font-weight: bold;
	padding-bottom: 5%;
	}
.sitemap_right ul.secound{
	padding-top: 0%;
	font-size: 0.9em;
	}
.sitemap_right ul.secound li{
	padding-bottom: 0;
	}

/* sonic
---------------------------------------------*/
#sonic_campaign{
		padding-top:5%;
	}
p.sonic_basicfont{
	font-family: "Hiragino Sans";
	color:#000;
	text-align:left;
	font-size :2em;
	line-height:0;
	font-weight:800;
	margin-left:2%;
}
p.sonic_fontM{
	font-family: "Hiragino Sans";
	color:#3994F7;
	text-align:left;
	font-size :2.3em;
	line-height:1.2em;
	font-weight:800;
	margin-left:2%;
}
.win p.sonic_fontM{
	font-family: "Hiragino Sans";
	color:#3994F7;
	text-align:left;
	font-size :2.3em;
	line-height:1.2em;
	font-weight:800;
	-webkit-font-smoothing: subpixel-antialiased;
}
.sonic_fontM_a{
	font-family: "Hiragino Sans";
	color:#3994F7!important;
	text-align:left;
	line-height:2.4em;
}
.sonic_sns_a{
	font-family: "Hiragino Sans";
	color:#666;
	text-align:left;
	font-size:1.4em;
	line-height:0.8em;
	font-weight:800;
	margin-left:2%;
}
.sonic_sns_b:link{
	color:#3994F7!important;
}
.sonic_sns_b:visited{
	color:#3994F7!important;
}
.sonic_sns_b{
	font-family: "Hiragino Sans";
	color:#3994F7!important;
	text-align:left;
}
.sonic_sns_b a{
	font-family: "Hiragino Sans";
	color:#3994F7!important;
	font-weight:800;
}
.sega_at_area{
	background-color:#595959;
	width:100%;
	margin:0 auto;
	padding-top:4%;
	padding-bottom:2%;
	position: relative;
	top: -51px;
   z-index: 1;
}
.sega_at_font{
	font-family: "Hiragino Sans";
	color:#fff;
	text-align:left;
	margin-left:3%;
	margin-right:3%;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4em;
}
.sega_at_font a{
	color:#fff;
}
.sega_at_font a:hover{
	color:#eee;
}
.sonic_basicfont1{
	font-family: "Hiragino Sans";
	margin-left:1%;
	margin-right:1%;
	font-size:1.2em;
	text-align:left;
	line-height:1.8em;
}
.sonic_imga{
	z-index:99;
	position:relative;
	margin-top: -1.2em;
}
.sonic_imgb{
	padding-bottom:1.8em;
}
.sonic_imgz{
	z-index:99;
	position:relative;
}

/* privacypolicy
---------------------------------------------*/
#privacy_area{
	width: 100%;
	margin: 0 auto;
	text-align:left;
}
#privacy_area p.privacy_textR{
	text-align:center;		
	}
#privacy_area p.privacy_textM{
	font-size:1em;
	line-height:1.8em;
	text-align:left;
}

/* etc
---------------------------------------------*/
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

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

/* about us
---------------------------------------------*/
#about_area{
	width: 90%;
	margin: 0 auto;
	padding-bottom:25%;
}
#about_area p.about_textM{
	font-size:0.8em;
	line-height:2.2em;
	padding-bottom:5%;
}
#about_area .about_logo_area{
	display: flex;
	flex-wrap: wrap;
	text-align:center;
	margin:0 auto;
	padding-bottom:7%;
	justify-content: center; 
	align-items: center;
}
#about_area .about_logo2{
	width: 100%;
	height: 100%;
	padding: 0;
}
#about_area .about_logo2 img{
	width:auto;
    height:auto;
	max-width: 100%;
	max-height:100%;
}
#about_area table{
	border: 1px solid #ccc;
	margin: 0 auto;
	border-collapse: collapse;
	width:336px;
	table-layout: fixed;
   word-break: break-all;
   word-wrap: break-all;
}
#about_area tr{
	border-bottom:1px solid #ccc;	
	}
#about_area th{
	font-weight: bold;
	text-align: left;
	border-bottom:none;
	border-collapse: collapse;
	width: 100%;
	display:block;
	font-size:0.8em;
	 padding-top: 2%;
}
#about_area th.normal{
	border-bottom: none;
	border-collapse: collapse;
}
#about_area td{
	font-weight: normal;
	border-bottom:none;
	text-align: left;
	display:block;
	width:95%;
	border-collapse: collapse;
	font-size:0.8em;
	line-height:1.2em;
	margin-left:9px;
	margin-top: -12px;
   padding-bottom: 3%;
}
#about_area td.normal{
	border-bottom: none;
	border-collapse: collapse;
}

/* shop
---------------------------------------------*/
#shop_area{
	width: 90%;
	margin: 0 auto;
	margin-bottom:25%;
}
#shop_area table{
	border: 1px solid #ccc;
	margin: 0 auto;
	border-collapse: collapse;
}
#shop_area th{
	text-align: center;
	border-collapse: collapse;
	background-color:#eeeeee;
	line-height: 3em;
	font-size:0.8em;
	display:block;
	width:100%;
	padding:0;
}
#shop_area th.normal{
	border-collapse: collapse;
}
#shop_area td{
	font-weight: normal;
	text-align: center;
	border-collapse: collapse;
	font-size:0.8em;
	line-height:3em;
	display:block;
	width:100%;
	padding:0;
}
#shop_area td.normal{
	border-collapse: collapse;
	border-bottom:none;
}
/* license
---------------------------------------------*/	
#license_area{
	width: 90%;
	margin: 0 auto;
	}
.licence_logo{
	}
.ll_logo{
	display:inline-block;
	width:48%;
	margin:2px;
	}
.ll_logo img{
	width:auto;
	height:auto;
	max-width: 190px;
	max-height: 190px;
	}		

/* support
---------------------------------------------*/
#support_area{
	width: 90%;
	margin: 0 auto;
	text-align:left;
	padding-bottom:25%;
}
#support_area p.boldM{
	font-size:1.2em;
	line-height:1.8em;
	font-weight:bold;
}
input.button {
	width: 300px;
	height: 50px;
  display       : inline-block;
  font-size     : 0.9em;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #898989;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
}
.button:hover {
  opacity       : 0.8;         /* カーソル時透明度 */
	background:#9fa0a0;
}

/* comtact
---------------------------------------------*/
	
/* form
---------------------------------------------*/
#form_area{
	width:98%;
	margin:0 auto;
	padding-bottom:25%;
}
#form_area table{
	border: 1px solid #ccc;
	margin: 0 auto;
	border-collapse: collapse;
	width:95%;
	padding-bottom:2%;
	margin-bottom:2%;
}
#form_area th{
	text-align: justify;
	font-size:0.7em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	line-height: 1em;
	padding-left: 3%;
	width: 50%;
	font-weight:normal;
}
#form_area td{
	font-weight: normal;
	text-align: justify;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	font-size:0.8em;
	padding-left:2%;
	padding-top:1%;
	padding-bottom:1%;
	width:40%;
}
#form_area .wpcf7-textarea{
	width:90%;
}
input.sub-btn {
	width: 300px;
	height: 50px;
	background: #898989;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
	margin-left:5%;
}
input.sub-btn:hover {
  opacity       : 0.8;         /* カーソル時透明度 */
	background:#9fa0a0;
}
	
/* suport form
---------------------------------------------*/
#support_form_area{
	width:95%;
	margin:0 auto;
	padding-bottom:25%;
}
#support_form_area .sf_001{
	text-align:justify;
	font-size:1em;
}
#support_form_area input.wpcf7-validates-as-required{
	width:90%;
	height:40px;
}
#support_form_area textarea.wpcf7-textarea{
	width:90%;
	height:80px;
}
	#support_form_area .sbt_2{
	padding-top:10%;
	}
textarea.sf_002{
	width:90%!important;
	height:40px!important;
}	
	
/* sitemap
---------------------------------------------*/
#sitemap{
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
	padding-bottom:25%;
	}
#sitemap ul{
	padding-left:4%;	
	}
.sitemap_left{
	width:50%;
	text-align: left;
	float:left;
	}
.sitemap_left li{
	list-style-type: none;
	}
.sitemap_left li.boldM{
	font-weight: bold;
	}
ul .secound li{
	list-style-type: none;
	padding-top: 5%;
	}
ul .third li{
	list-style-type: none;
	font-weight: normal;
	padding-top: 0;
	}
.sitemap_right{
	float: right;
	width: 40%;
	text-align: left;
	}
.sitemap_right li{
	list-style-type: none;
	font-weight: bold;
	padding-bottom: 5%;
	}
.sitemap_right ul.secound{
	padding-top: 5%;
	}
.sitemap_right ul.secound li{
	padding-bottom: 0;
	}
	
/* sonic
---------------------------------------------*/
#sonic_campaign{
		padding-bottom:3%
	}
p.sonic_basicfont{
	font-family: "Hiragino Sans";
	color:#000;
	text-align:left;
	font-size :1em;
	line-height:0;
	font-weight:bold;
	margin-left:1%;
	margin-left:1%;
}
p.sonic_fontM{
	font-family: "Hiragino Sans";
	color:#3994F7;
	text-align:left;
	font-size :0.8em;
	line-height:1.2em;
	font-weight:bold;
	margin-left:1%;
	margin-left:1%;
}
.wp-image-3717{
		width:100%;
	}
.wp-image-3735{
		width:100%;
	}
.wp-image-3738{
		width:100%;
		height:100%;
	}
.wp-image-3736{
		width:100%;
	}
.wp-image-3750{
		width:100%;
		height:100%;
	}
.sonic_fontM_a{
	font-family: "Hiragino Sans";
	color:#3994F7!important;
	text-align:left;
	line-height:1.2em;
}
.sonic_fontM_a1{
	font-family: "Hiragino Sans";
	color:#3994F7!important;
	text-align:left;
	line-height:1.2em;
}
.safari .sonic_fontM_a{
	font-family: "Hiragino Sans";
	color:#3994F7!important;
	text-align:left;
	line-height:1.2em;
}
.sonic_sns_a{
	font-family: "Hiragino Sans";
	color:#000;
	text-align:left;
	font-size:0.8em;
}
.sonic_sns_b{
	font-family: "Hiragino Sans";
	color:#3994F7!important;
	text-align:left;
	margin-left:1%;
	margin-left:1%;
}
.sega_at_font{
	font-family: "Hiragino Sans";
	color:#fff;
	text-align:left;
	margin-left:3%;
	margin-right:3%;
	font-weight:bold;
	font-size:1em;
	line-height:1.6em;
}
.sonic_basicfont1{
	font-family: "Hiragino Sans";
	margin-left:1%;
	margin-right:1%;
	font-size:0.9em;
	text-align:left;
	line-height:1.6em;
}
.sega_at_area{
	padding-top:10%;
	padding-bottom:5%;
}
.sega_at_font a{
	color:#fff;
}
.sega_at_font a:hover{
	color:#eee;
}
.sonic_imga{
	z-index:99;
	position:relative;
	margin-top: 1.8em;
}
	
/* privacypolicy
---------------------------------------------*/
#privacy_area{
	width: 90%;
	margin: 0 auto;
	margin-bottom:25%;
}
#privacy_area p.privacy_textR{
	text-align:center;	
	}
#privacy_area p.privacy_textM{
	line-height:1.4em;
	text-align:left;
}
	
/* etc
---------------------------------------------*/
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
}