@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.css
 Style : common
================================================================= */
body {
	font-size:13px;
	min-width: 100%;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*word-break: break-all;*/
	word-wrap: break-word !important;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}
/*a{-webkit-tap-highlight-color: #cccccc;}*/
a:link,a:visited {color: #333333;}
a:hover,a:active {color: #999999;}
a {
	text-decoration: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
b {font-weight: bold;}
span {font-weight: inherit;}
pre {
	font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	margin:0;
	padding:0;
	white-space: pre-line;
}
img {height: auto !important;}
table {table-layout: fixed !important;}
table td {padding: 0 !important;}
table td img {max-width: 100% !important;height: auto !important;}
form table td {padding: 10px !important;}
.ml1 {margin-bottom: 10px;}
.imgR {margin-left: 20px !important;margin-bottom: 20px !important} /*画像テキストの幅変更　default 10px*/
.imgL {margin-right: 20px !important;margin-bottom: 20px !important} /*画像テキストの幅変更　default 10px*/
.clearB {clear:both;}
i {font-style: italic; }
/* ================================================================= 
 *
 * Layout : Header
 *
 * ================================================================= */
header#global_header {
	width: 100%;
	min-width: 100%;
	height: auto;
	/*background:url(../images/common/) repeat center top #ccc;*/
}
#header_inner {
	width:100%;
	padding:10px 50px;
	background: rgba(255,255,255,0.8);
	z-index: 1000;
	position: fixed;
	top:0;
}
#language {
	padding-top:25px;
	float:right;
	display:inline;
}
.japanese,.English {
	display:inline-block;
}
.japanese a,.English a {
	display:inline-block;
	float:right;
	padding:5px 20px;
	color:#fff;
	background: #000;
}
.japanese a {
	margin-right:20px;
}
#siteID {
	width:335px;
}
#siteID h1 img {
	width:100%;
}

/* 
 * nav_global
 * ---------------------------------------------------- */
.honeLink {display: none !important;}
#nav_sp {display: none !important;}
#nav_global {
	width:480px;
	display: inline-block !important;
	padding-top:10px;
	line-height:30px;
	margin-left:40px;
	float:left;
}
#nav_global:before, #nav_global:after{
  content: "";
  display: table;
}
#nav_global:after{
  clear: both;
}
#nav_global ul li {
	position: relative;
	float:left;
	margin-left:20px;
}
#nav_global ul li,#nav_global ul li a {
	font-weight: bold;
}
#nav_global ul li i,#nav_global ul li a i {
	padding-right:5px;
}
#nav_global li ul{
  list-style: none;
  position: absolute;
  z-index: 999999999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  height: 0;
}

#nav_global li ul li{
  margin-left:0;
  overflow: hidden;
  width: 200px;
  height: 0;
}
#nav_global li ul li a{
  padding: 5px 0 5px 20px;
  border-top: 1px solid #eee;
  background: rgba(255,255,255,0.8);
  text-align: left;
  width: 100%;
  float: left;
}
#nav_global li:hover ul li{
  overflow: visible;
  height: 40px;
}
/* meanmenu */
.mean-container .mean-bar {
	background: #000 !important;
	position: fixed !important;
}
.mean-container .mean-nav {
	/*background: #0073ac !important;*/
}
.mean-container .mean-nav ul li a {
	/*border-top: 1px solid #fff !important;*/
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	/*background-color: #e9832f !important;*/
}
/* 
 * main_image
 * ---------------------------------------------------- */
#main_image {
	position: relative;
}
#main_image h1 {
	display: inline-block !important;
	font-size:200%;
	color:#fff;
	width:440px;
	background:rgba(0,0,0,0.5);
	padding:30px;
	z-index: 900;
	position: absolute;
	top: 60%;
	left:15%;
}
#main_image h1 .maintext1 {
	font-size:120%;
	padding-left:10px;
	}
#main_image h1 .maintext2 {
	font-size:14px;
	}
#main_image ul li img {
	width:100%;
	z-index: 100;
}


/* ================================================================= 
 *
 * Layout : Footer
 *
 * ================================================================= */
footer#global_footer {
	width: 100%;
	min-width: 100% !important;
	background:#f1f1f1;
	height: auto;
}
#footer_inner {
	padding:50px 0;
}
#footer_siteID {
	font-size:120%;
	padding-top:20px;
}
#footer_siteID span {
	font-size:130%;
}
.copy {
	padding:10px 0;
	color:#fff;
	background: #000;
}

/* 
 * nav_footer
 * ---------------------------------------------------- */

/* ================================================================= 
 *
 * Layout : Contents
 *
 * ================================================================= */
#contents_wrap {
	width: 100%;
	min-width: 100% !important;
}
#contents {	width: 100%;}
#main {width: 100%;}
#main #col_main {width: 100%;}
#main #col_side1 {}
#side {}
#side #col_side2 {}

/* topic_path
------------------------------------------- */ 
.topic_path {}
.topic_path li {display: inline;}
.topic_path li a {
	text-decoration: none;
	color: #333;
}
.topic_path li a:after {
	content: " > ";
}

/* title
------------------------------------------- */ 
.index_title h2 {
	color:#fff;
	font-size:120%;
}
.index_title h2 span {
	font-size:180%;
}
.con2Article h2,.con2Article2 h2 {
	font-size:150%;
}
.midashi h2 {
	font-size:200%;
	font-weight:bold;
}
.midashi h2 span {
	font-size:80%;
}
.midashi2 h2 {
	color:#fff;
	font-size:200%;
	font-weight:bold;
}
.midashi3 h2 {
	font-size:160%;
	font-weight:bold;
}
.midashi h3 {
	color:#fff;
	font-size:140%;
	font-weight:bold;
	padding:5px 0 0 30px;
	margin:30px 30px 0 0;
	background:#000;	
}
.midashi h3 {
	color:#fff;
	font-size:140%;
	font-weight:bold;
	padding:10px 20px 5px 10px;
	margin:30px 0px 0 0;
	background:#000;	
}

/* link------------------------------------------- */ 

/* NEWS------------------------------------------- */ 
.con1_bg {
	padding:50px 0;
	background: url(../images/home/index_con1_bg.jpg);
}
.news_bg {
	position:relative;
	background: rgba(0,0,0,0.7);
	padding:30px;
}
.news_bg .newsArticle a:link,.news_bg .newsArticle a:visited {
	color:#fff;
}
.news_bg .newsArticle a:hover,.news_bg .newsArticle a:active {
	color:#999;
}
.newsArticle {
	color:#fff;
	line-height:30px;
	padding-bottom:10px;
	border-bottom: 1px dotted #fff;
}
.read a {
	color:#fff;
}
.read .newsArticle2 {
	padding-top:20px;
	border-bottom: 1px dotted #fff !important;	
}
.newsArticle2 {
	line-height:30px;
	padding-bottom:10px;
	border-bottom: 1px dotted #000;
}
.newsArticle3,.planArticle3 {
	border-bottom:1px dotted #000;
	padding-bottom:20px;
	margin-bottom:30px;
}
.planArticle3 {
	line-height:2.2em;
}
td.newsArticle3L {
	width:25%;
	padding-right:5% !important;
}
td.newsArticle3R {
	width:70%;
}
td.newsArticle3R p a {
	display:inline-block;
	color:#fff;
	background:#000;
	border:1px solid #000;
	padding:8px 8px 5px 8px;
}
td.newsArticle3R p a:hover {
	background:none;
	color:#000;
	border:1px solid #000;
	padding:8px 8px 5px 8px;
}
td.planArticle3L {
	width:15%;
	padding-right:5% !important;
}
td.planArticle3R, {
	width:80%;
}
td.planArticle3R a,.planArticle3R a.button02 {
	color:#fff;
	font-weight:bold;
	background: #000;
	padding:5px 5px 3px 5px;
	border:1px solid #000;
	line-height: 40px;
}
td.planArticle3R a:hover,.planArticle3R a.button02:hover {
	color:#000;
	background: none;
	border:1px solid #000;
	padding:5px 5px 3px 5px;
}
td.planArticle3R a i,.planArticle3R a i {
	padding-right:5px;
}
.planArticle3R {
	width:80%;
}
.planArticle3L,.planArticle3R {
	float:left !important;
}
.border01 {
	border-bottom:1px dotted #000;
	padding-bottom:0px;
	margin-bottom:30px;
}


/* FREE------------------------------------------- */ 
 .conWrapper1{
 	background: url(../images/home/con2_bg.jpg);
	-moz-background-size:cover;
	background-size:cover;
 	padding: 80px 0 50px 0;
 	position: relative;
}
.conWrapper1 .inner {
	padding:0 0 0 5%;
}
td.con2Article {
	display:block;
	max-width:500px;
	padding:30px !important;
	background: #fff;
	 position: relative;
	z-index: 300;
}
td.index_pic01 img {
	 position: relative;
	margin:-30px 0 0 -150px !important;
	z-index: 200;
}
 .conWrapper2{
 	background: url(../images/home/con3_bg.jpg);
	-moz-background-size:cover;
	background-size:cover;
 	padding: 50px 0 50px 0;
 	position: relative;
}
.conWrapper2 .inner {
	padding:0 0 0 5%;
}
td.con2Article2 {
	display:block;
	max-width:500px;
	padding:30px !important;
	color:#fff;
	background: #000;
	margin:20px 0px 0 -100px !important;
	position: relative;
	z-index: 300;
}
td.index_pic02 img {
	position: relative;
	margin:0px 0px 0 0px !important;
	z-index: 200;
}
.index_bnr {
	margin:50px 0;
}
.index_bnr td {
	padding:10px !important;
}
.more p {
	font-weight: bold;
	padding:5px 10px 3px 10px;
	background:#fff;
	position:absolute;
	top:40px;
	right:30px;
}
.characteristic1,.characteristic2,.characteristic3,.characteristic4 {
	width:50% !important;
	float:left;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.characteristic1 p,.characteristic2 p,.characteristic3 p,.characteristic4 p {
	color:#fff;
	padding:30px !important;
}
.outline_bg01 {
	background-repeat:no-repeat;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
} 
.home_td {
	margin-left: -3.22580% !important;
	/*margin-bottom: 90px;*/
}
.home_td .box {
	float: left !important;
	width: 21.77419%;
	margin: 0 0 3.22580% 3.22580%;
}
.disnone {display: none;}

@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
div.snip1384 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  /*margin: 10px 1%;*/
  /*min-width: 230px;
  max-width: 315px;*/
  width: 100%;
  height:100% !important;
  color: #000;
  text-align: left;
  font-size: 90%;
  /*background-color: #000000;*/
}
div.snip1384 .imgL {
	margin-bottom: 0px !important;
}
div.snip1384 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
div.snip1384 img {
  max-width: 100%;
  width: 100% !important;
  backface-visibility: hidden;
  vertical-align: top;
}
div.snip1384:after,
div.snip1384 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
}
div.snip1384:after {
  content: '';
  /*background-color: rgba(0, 0, 0, 0.65);*/
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
div.snip1384 figcaption {
  z-index: 1;
  padding: 10px;
  height:100% !important;
}
div.snip1384 h3,
div.snip1384 .links {
  width: 100%;
  margin: 20px 0 10px 0;
  padding: 0;
}
div.snip1384 h3 {
  line-height: 1.4em;
  font-weight: 700;
  font-size: 1.4em;
  text-transform: uppercase;
  opacity: 0;
}
div.snip1384 p {
  font-size: 1.3em;
  font-weight: 300;
  letter-spacing: 1px;
  border:3px solid #000;
  padding:5px 0;
  opacity: 0;
  top: 20%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
div.snip1384 i {
  /*position: absolute;
  bottom: 10px;
  right: 10px;*/
  padding:3px 10px 0 15px;
  font-size: 20px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
div.snip1384 a {
	color:#000;
	padding-top:10px;
  /*position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;*/
  z-index: 1;
}
div.snip1384:hover img,
div.snip1384.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.3 !important;
}
div.snip1384:hover:after,
div.snip1384.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
div.snip1384:hover h3,
div.snip1384.hover h3,
div.snip1384:hover p,
div.snip1384.hover p,
div.snip1384:hover i,
div.snip1384.hover i {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}
.button01 {
	margin-bottom:30px;
}
.button01 a {
	display:inline-block;
	font-weight:bold;
	color:#fff;
	background:#000;
	padding:5px 20px 2px 20px;
	border:1px solid #000;
}
.button01 a:hover {
	color:#000;
	background:none;
	padding:5px 20px 2px 20px;
	border:1px solid #000;
}

/* PC END ################################################################### */
@media screen and (min-width: 1000px) and (max-width: 1120px){
/* ================================================================= */
.honeLink {display: inline-block !important;}
#nav_global {
	display:none !important;
}
#main_image h1 {
	display:inline-block !important;
	font-size:200%;
	color:#fff;
	width:440px;
	background:rgba(0,0,0,0.5);
	padding:30px 30px 30px 30px;
	z-index: 900;
}
#header_inner{
	position: absolute;
	margin-top:48px;
}
div.snip1384 h3 {
  line-height: 1.3em;
  font-weight: 700;
  font-size: 1.3em;
  text-transform: uppercase;
  opacity: 0;
}
div.snip1384 p {
  font-size: 1.2em;
  font-weight: 300;
  letter-spacing: 1px;
  border:3px solid #000;
  padding:5px 0;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
div.snip1384 i {
  /*position: absolute;
  bottom: 10px;
  right: 10px;*/
  padding:3px 10px 0 15px;
  font-size: 17px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
div.snip1384:after,
div.snip1384 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
}
td.planArticle3L {
	width:20%;
	padding-right:5% !important;
}
td.planArticle3R {
	width:75%;
}

}

/*  ################################################################### */
@media screen and (min-width: 769px) and (max-width: 1000px){
.honeLink {display: inline-block !important;}
#nav_global {
	display:none !important;
}
#main_image h1 {
	display:inline-block !important;
	font-size:170%;
	position: absolute;
	top: 60%;
	left:15%;
}
#nav_global {
	display: none !important;
}
#header_inner {
	padding:10px 10px !important;
	position: absolute;
	top:48px;
}
.characteristic1,.characteristic2,.characteristic3,.characteristic4 {
	width:100% !important;
	float:left;
	background-repeat:no-repeat;
	background-size:100%;
}
.characteristic1 p,.characteristic2 p,.characteristic3 p,.characteristic4 p {
	color:#fff;
	padding:30px !important;
}
div.snip1384 h3 {
  line-height: 1.2em;
  font-weight: 700;
  font-size: 1.2em;
  text-transform: uppercase;
  opacity: 0;
}
div.snip1384 p {
  font-size: 1.2em;
  font-weight: 300;
  letter-spacing: 1px;
  border:3px solid #000;
  padding:5px 0;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
div.snip1384 i {
  /*position: absolute;
  bottom: 10px;
  right: 10px;*/
  padding:3px 10px 0 15px;
  font-size: 17px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
div.snip1384:after,
div.snip1384 figcaption {
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  right: 0;
}
td.newsArticle3L {
	width:35%;
	padding-right:5% !important;
}
td.newsArticle3R {
	width:60%;
}
td.planArticle3L {
	width:25%;
	padding-right:5% !important;
}
td.planArticle3R {
	width:70%;
}
td.planArticle3R a {
	display:inline-block;
}
.planArticle3R {
	width:70%;
}


/* NOTE PC END ################################################################### */
}
@media screen and (min-width: 469px) and (max-width: 768px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
body {min-width: 100%;}
/* タブレット時に1カラムにする場合 */
/*#main,#main #col_main,#main #col_side1,#side,#side #col_side2 {
	float: none;
	width: 100%;
}*/
.inner {
	width: 100%;
	margin: 0 auto;
}

/* ----------------------------------------------- 
 * Layout : Header
 * ----------------------------------------------- */
header#global_header {
	width: 100%;
	min-width: 100% !important;
	padding-top: 48px;
}
#header_inner {
	position: absolute;
	margin-top:48px;
	padding:10px 10px !important;
}
.japanese a,.English a {
	display:inline-block;
	float:right;
	padding:5px 10px;
	color:#fff;
	background: #000;
}
.japanese a {
	margin-right:10px;
}
#siteID {
	display: inline-block !important;
	width:335px;
	float:left;
}
#header_inner h1 {
	display: inline-block !important;
}

/* nav_global
------------------------------------*/
.honeLink {display: inline-block !important;}
#nav_global {display: none !important;}

/* main_image
------------------------------------*/
#main_image h1 {
	display: inline-block !important;
	font-size:120%;
	color:#fff;
	/*width:80%;*/
	background:rgba(0,0,0,0.5);
	padding:20px 10px;
	z-index: 1000;
	position: absolute;
	top: 60%;
	left:3%;
}
#main_image h1 .maintext1 {
	font-size:120%;
	padding-left:10px;
	}
#main_image ul li img {
	width:100%;
	z-index: 100;
}
/* ----------------------------------------------- 
 * Layout : Footer
 * ----------------------------------------------- */
footer#global_footer {
	width: 100%;
	min-width: 100% !important;
	height: auto;
}

/* nav_footer
------------------------------------*/

/* ----------------------------------------------- 
 * Layout : Contents
 * ----------------------------------------------- */
#contents_wrap {
	width: 100%;
	min-width: 100% !important;
}
#contents {font-size:14px;}
#main {}
#main #col_main {padding-bottom: 20px;}
#main #col_side1 {padding-bottom: 20px;}
#side {}
#side #col_side2 {padding-bottom: 20px;}

/* ----------------------------------------------- 
 * Layout : FREE
 * ----------------------------------------------- */
.con2_tbl td {
	display:block !important;
}
td.con2Article {
	display:block;
	max-width:600px;
	padding:30px !important;
	background: #fff;
	position: relative;
	z-index: 300;
}
td.index_pic01 img {
	position: relative;
	margin:-50px 0 0 -20px !important;
	z-index: 200;
}
.con2_tbl td {
	display:block !important;
}
td.con2Article2 {
	display:block;
	max-width:600px;
	padding:30px !important;
	background: #000;
	margin:-100px 0 0 30px !important;
	position: relative;
	z-index: 300;
}
td.index_pic02 img {
	position: relative;
	margin:30px 0 0 -20px !important;
	z-index: 200;
}
.characteristic1,.characteristic2,.characteristic3,.characteristic4 {
	width:100% !important;
	float:left;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.characteristic1 p,.characteristic2 p,.characteristic3 p,.characteristic4 p {
	color:#fff;
	padding:30px !important;
}
.home_td {
		margin-left: -2.439024390243902% !important;
		margin-bottom: 0px;
	    display:-webkit-box;
	    display:-moz-box;
    	display:-ms-box;
    	display:-webkit-flexbox;
    	display:-moz-flexbox;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:-ms-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
	}
.home_td .box {
		float: left;
		height:auto !important;
		width: 47.5609%;
		margin: 0 0 2.439024390243902% 2.439024390243902%;
	}
img.imgL {
   max-width: 100%;
}
td.newsArticle3L {
	width:45%;
	padding-right:5% !important;
}
td.newsArticle3R {
	width:50%;
}
td.planArticle3L {
	width:30%;
	padding-right:5% !important;
}
td.planArticle3R {
	width:65%;
}
td.planArticle3R a {
	display:inline-block;
}
.planArticle3L,.planArticle3R {
	float:left !important;
}
.planArticle3R  {
	width:55% !important;
}
.planArticle3R a {
	text-align: center;
	display:block;
	width:115px;
}


/* tablet END ############################################################### */
}
@media only screen and (max-width: 468px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */
body {min-width: 100%;}
.inner {
	width: 100%;
	margin: 0 auto;
}
.tbl_scroll table {width: auto !important;}
.tbl_block td {
	width: 100% !important;
	margin-top: -1px;
}

/* ----------------------------------------------- 
 * Layout : Header
 * ----------------------------------------------- */
header#global_header {
	width: 100%;
	min-width: 100% !important;
	padding-top: 48px;
}
#header_inner {
	padding:10px 10px;
	position: relative;
	top:0px;
}
#header_inner img {

}
#language {
	float: none;
	display:inline;
	padding-top: 0;
}
.japanese,.English {
	display:inline-block;
}
.japanese a,.English a {
	display:inline-block;
	float:right;
	padding:5px 20px;
	color:#fff;
	background: #000;
}
.japanese a {
	margin-right:5px;
}
#siteID {
	display: inline-block !important;
	width:100%;
	float:none;
}


/* nav_global
------------------------------------*/
.honeLink {display: inline-block !important;}
#nav_global {display: none !important;}

/* main_image
------------------------------------*/
#main_image h1 {
	display: inline-block !important;
	font-size:120%;
	color:#fff;
	width:90%;
	background:rgba(0,0,0,0.5);
	padding:10px;
	z-index: 1000;
	position: absolute;
	top: 55%;
	left:5%;
}
#main_image h1 .maintext1 {
	font-size:120%;
	padding-left:10px;
	}
#main_image ul li img {
	width:100%;
	z-index: 100;
}
#main_image ul li img {
	width:100%;
	z-index: 100;
}


/* ----------------------------------------------- 
 * Layout : Footer
 * ----------------------------------------------- */
footer#global_footer {
	width: 100%;
	min-width: 100% !important;
}

/* nav_footer
------------------------------------*/

/* ----------------------------------------------- 
 * Layout : Contents
 * ----------------------------------------------- */
#contents_wrap {
	width: 100%;
	min-width: 100% !important;
}
#contents {}
#main {}
#main #col_main {padding-bottom: 20px;}
#main #col_side1 {padding-bottom: 20px;}
#side {}
#side #col_side2 {padding-bottom: 20px;}

.spImg100per img.imgR,.spImg100per img.imgL {
	max-width: 100% !important;
	float: none;
	margin: 0 0 10px;
}
.spImgNone img.imgR,.spImgNone img.imgL .spBrNone br {display: none;}


td.index_pic01 img {
	position: relative;
	margin:-50px 0 0 -20px !important;
	z-index: 200;
}

/* ----------------------------------------------- 
 * Layout : FREE
 * ----------------------------------------------- */
.con2_tbl td {
	display:block !important;
}
td.con2Article {
	display:block;
	max-width:600px;
	padding:30px !important;
	background: #fff;
	position: relative;
	z-index: 300;
}
td.index_pic01 img {
	position: relative;
	margin:-50px 0 0 -20px !important;
	z-index: 200;
}
.news_bg {
	padding:20px;
}
.more p {
	position:absolute;
	top:25px;
	right:20px;
}
.con2_tbl td {
	display:block !important;
}
td.con2Article2 {
	display:block;
	max-width:600px;
	padding:30px !important;
	background: #000;
	margin:-100px 0 0 30px !important;
	position: relative;
	z-index: 300;
}
td.index_pic02 img {
	position: relative;
	margin:30px 0 0 -20px !important;
	z-index: 200;
}
.index_bnr td {
	display: block;
	width:100% !important;
	padding:10px 40px !important;
}
.index_bnr td img {
	width:100% !important;
}
.characteristic1,.characteristic2,.characteristic3,.characteristic4 {
	width:100% !important;
	float:left;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.characteristic1 p,.characteristic2 p,.characteristic3 p,.characteristic4 p {
	color:#fff;
	padding:10px !important;
}
.home_td {
		margin-left: -2.439024390243902% !important;
		margin-bottom: 0px;
	    display:-webkit-box;
	    display:-moz-box;
    	display:-ms-box;
    	display:-webkit-flexbox;
    	display:-moz-flexbox;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:-ms-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
	}
.home_td .box {
		float: left;
		height:auto !important;
		width: 47.5609%;
		margin: 0 0 2.439024390243902% 2.439024390243902%;
	}
img.imgL {
   max-width: 100%;
   width:100% !important;
}
div.snip1384 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
}
div.snip1384 h3 {
  line-height: 1.3em;
  font-weight: 700;
  font-size: 1.1em;
  text-transform: uppercase;
  opacity: 0;
}
div.snip1384 p {
  font-size: 1.0em;
  font-weight: 300;
  letter-spacing: 1px;
  border:3px solid #000;
  padding:5px 0;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
div.snip1384 i {
  /*position: absolute;
  bottom: 10px;
  right: 10px;*/
  padding:3px 10px 0 15px;
  font-size: 17px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
td.newsArticle3L {
	width:90%;
	text-align:center !important;	
	padding-right:5% !important;
	padding-left:5% !important;
	padding-bottom:5% !important;
}
td.newsArticle3R {
	width:100%;
}
td.newsArticle3R　p a {
	border:1px solid #000;
	padding:5px;
}
td.planArticle3L {
	width:90%;
	text-align:center !important;	
	padding-right:5% !important;
	padding-left:5% !important;
	padding-bottom:5% !important;
}
td.planArticle3R {
	width:100%;
}
td.planArticle3R a {
	display:inline-block;
}
.planArticle3L img {
	width:80% !important;
	margin:0 auto !important;
}
.planArticle3L,.planArticle3R {
	float:none !important;
}
td.planArticle3R a,.planArticle3R a {
	color:#fff;
	font-weight:bold;
	background: #000;
	padding:5px 5px 3px 5px;
	border:1px solid #000;
	margin-bottom:0px;
}
.planArticle3R a {
	text-align: center;
	display:block !important;
	width:115px;
}
.greeting .imgL {
	float:none;
	display:block !important;
	max-width:181px !important;
	margin:0 auto 10px auto !important;
}

/* smartphone END ########################################################### */
}
/* ================================================================= 
 *
 * Layout : shop
 *
 * ================================================================= */
 #dvf_list .standard th {
	width: 16%;
	font-size: 13px;
 }
#dvf_list .standard td {
	width: auto;
	text-align: center !important;
	font-size: 13px;
	padding: 0 5px !important;
}
 .wishlist form ul li.btn_cart {
	width: auto;
	float: right;
}
.wishlist form ul li.btn_contact a {
	background: url(../images/common/ico_mail_w.png) no-repeat 35px 50%; /*メールアイコン黒の場合はico_mail_b*/
	background: url(../images/common/ico_mail_w_s.png) no-repeat 35px 50% \9; /**/
	/*color: #fff;*/
	/*background-color: #84c002;*/
}
.wishlist form ul li.btn_cart a {
	width: auto !important;
	background: url(../images/common/ico_cart_w.png) no-repeat 15px 50% #000; /*カートアイコン黒の場合はico_cart_b*/
	background: url(../images/common/ico_cart_w_s.png) no-repeat 15px 50% \9;
	background-size: 30px auto;
	padding: 10px 15px 10px 60px;
	text-align: center;
	color: #fff;
}

.item_title {margin-top: 20px;}
.item_info {}
.wishlist {}

/* ================================================================= 
 *
 * Style : common
 *
 * ================================================================= */
.mincho {font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.hirakaku {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;}
.arial {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.hiramin {font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;}
.fwN{font-weight:normal !important;}.fwB{font-weight:bold !important;}
.mgAuto{margin:0 auto !important;}
.tdpd05 td{padding:5px !important;}.tdpd10 td{padding:10px !important;}.tdpd15 td{padding:15px !important;}.tdpd20 td{padding:20px !important;}.tdpd25 td{padding:25px !important;}.tdpd30 td{padding:30px !important;}.tdpd35 td{padding:35px !important;}.tdpd40 td{padding:40px !important;}.tdpd45 td{padding:45px !important;}.tdpd50 td{padding:50px !important;}