@charset "UTF-8";
body {
	/*overflow: hidden;*/
	
	
}
.no-js body {
	overflow: auto
}
#main-container {
	height: 100%
}
#main-container h1 {
	position: absolute;
	top: -9999px
}
#main-visual {
	position: relative;
	overflow: hidden;
	/*background-color: #000;*/
	background-color: #fff;
}
#main-visual .bg_list {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
#main-visual .bg_list li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
/*#main-visual .bg_list li.white {
	background-color: #fff
}
#main-visual .bg_list li.black {
	background-color: #000
}*/
#main-visual .visual {
	position: relative;
	width: 100%
}
#main-visual .visual .sp_list {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
#main-visual .visual .sp_list li {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 100%
}
#main-visual .visual .sp_list li img {
	width: 100%;
	height: auto
}
#main-visual .visual .sp_list li img.list_logo {
	width: 166px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -83px 0 0 -83px;
	display: block;
	z-index: 10
}
#main-visual .visual .sp_list li img.link_txt {
	width: 256px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -60px 0 0 -128px;
	z-index: 10
}
#main-visual .visual .pc_list {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}
#main-visual .visual .pc_list li {
	position: absolute;
	left: 50%;
	top: 0;
	display: none
}
#main-visual .visual .pc_list li.list01 {
	display: block
}
#main-visual .visual .pc_list li img.txt {
	position: absolute
}
#main-visual .visual .pc_list li img.img {
	width: 100%;
	height: auto
}
#main-visual .tabs {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	display: none
}
#main-visual .tabs ul {
	overflow: hidden;
 *zoom: 1;
	padding: 0 0 20px;
	margin: 0 auto
}
#main-visual .tabs ul li {
	float: left;
	width: 15px;
	margin: 0 20px 0 0
}
#main-visual .tabs ul li a {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/top/main_visual_tab_off.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main-visual .tabs ul li a.on {
	background-image: url(../images/top/main_visual_tab_on.png)
}
/*携帯用バナー背景色*/
#main-visual .banner {
	position: fixed;
	left: 0;
	bottom: -999px;
	width: 100%;
	z-index: 1000;
	/*background-color: #212020;*/
	background: rgba(255,123,172,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55FF7BAC', endColorstr='#55FF7BAC');
	
}
#main-visual .banner .sp_banner {
	display: block
}
/*携帯用バナー文字色*/
#main-visual .banner .sp_banner p {
	color: #fff;
	text-align: center;
}

#main-visual .banner .sp_banner p.name {
	font-size:16px;
	padding: 7px 0 0;
	line-height:1.5;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#main-visual .banner .sp_banner p.date {
	font-size: .8em;
	padding: 2px 0 5px
}
#main-visual .banner .sp_banner .link {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
#main-visual .banner .sp_banner .close {
	position: absolute;
	right: 25px;
	top: 0;
	width: 40px
}
#main-visual .banner .sp_banner .close a {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center
}
#main-visual .banner .sp_banner .close a img {
	position: relative;
	top: 5px
}
#main-visual .banner .sp_banner .open {
	position: fixed;
	right: 20px;
	bottom: 0;
	width: 20px
}
#main-visual .banner .sp_banner .open a {
	display: block;
	width: 20px;
	height: 20px
}
#main-visual .banner .pc_banner {
	display: none;
}

@media only screen and (min-width: 568px) {
#main-visual .bg_list {
	display: block
}
#main-visual .bg_list .white,  #main-visual .visual .sp_list {
	display: none;
}
#main-visual .visual .pc_list {
	display: block;
}
#main-visual .visual .pc_list li {
	width: 1000px;
	margin: 0 0 0 -500px
}
#main-visual .visual .pc_list li img.txt {
	left: 50%;
	top: 50%
}
#main-visual .visual .pc_list li.list01 img.txt {
	width: 400px;
	height: auto;
	margin: -120px 0 0 -320px
}
#main-visual .visual .pc_list li.list02 img.txt,  #main-visual .visual .pc_list li.list03 img.txt,  #main-visual .visual .pc_list li.list06 img.txt {
	width: 300px;
	height: auto;
	margin: -120px 0 0 -290px
}
#main-visual .visual .pc_list li.list04 img.txt {
	width: 300px;
	height: auto;
	margin: -120px 0 0 0
}
#main-visual .visual .pc_list li.list05 img.txt {
	width: 150px;
	height: auto;
	margin: 0 0 0 53px;
	top: 22%
}
#main-visual .visual .pc_list li.list07 img.txt {
	width: 340px;
	height: auto;
	margin: 0 0 0 -170px;
	top: 22%
}
#main-visual .tabs {
	display: block
}
#main-visual .banner {
	position: absolute
}
#main-visual .banner .sp_banner {
	display: none
}
#main-visual .banner .pc_banner {
	display: block;
}
#main-visual .banner .pc_banner ul {
	overflow: hidden;
 *zoom: 1;
	padding: 12px 0;
	

}
#main-visual .banner .pc_banner ul li {
	float: left;
	width: 32%;
	margin: 0 .65%;
	

}
#main-visual .banner .pc_banner ul li a {
	display: block;
	width: 100%
}
#main-visual .banner .pc_banner ul li a img {
	width: 100%;
	height: auto
}
}

@media only screen and (min-width: 800px) {
#main-visual .visual .pc_list li {
	width: 1600px;
	margin: 0 0 0 -800px;
}


#main-visual .visual .pc_list li img.txt {
	left: 50%;
	top: 30%
}
#main-visual .visual .pc_list li.list01 img.txt {
	width: 500px;
	height: auto;
	margin: 0 0 0 -420px
}
#main-visual .visual .pc_list li.list02 img.txt,  #main-visual .visual .pc_list li.list03 img.txt,  #main-visual .visual .pc_list li.list06 img.txt {
	width: 426px;
	height: auto;
	margin: 0 0 0 -395px
}
#main-visual .visual .pc_list li.list04 img.txt {
	width: 426px;
	height: auto;
	margin: 0 0 0 -25px
}
#main-visual .visual .pc_list li.list05 img.txt {
	width: 263px;
	height: auto;
	margin: 0 0 0 53px;
	top: 25%
}
#main-visual .visual .pc_list li.list07 img.txt {
	width: 432px;
	height: auto;
	margin: 0 0 0 -216px;
	top: 22%
}

#main-visual .banner .pc_banner ul {
	padding: 15px 0;
	width: 100%;
	max-width: 930px;
	margin: 0 auto
}
#main-visual .banner .pc_banner ul li a {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}
#main-visual .banner .pc_banner ul li a:hover {
	filter: alpha(Opacity=70);
	opacity: .7
}
}

@media only screen and (min-width: 1360px) {
#main-visual .visual .pc_list li.list01 img.txt {
	width: 652px;
	height: auto;
	margin: 0 0 0 -580px
}
#main-visual .visual .pc_list li.list02 img.txt,  #main-visual .visual .pc_list li.list03 img.txt {
	width: 352px;
	height: auto;
	margin: 0 0 0 -390px
}
}



#main-copy {
	width: 100%
}
#main-copy p {
	width:88%;
	margin: 0 auto;
	padding: 40px 0;
}
#main-copy p br {
	display: none
}

@media only screen and (min-width: 568px) {
#main-copy p {
	padding: 50px 0;
}
#main-copy p br {
	display: block;
}
}

@media only screen and (min-width: 800px) {
#main-copy p {
	/*width: 42%;*/
	width: 100%;

	padding: 60px 0
}
}
#horizontal-banner, #horizontal-banner .banner_list {
	width: 100%
}
#horizontal-banner .banner_list li {
	width: 100%;
	margin: 1px 0 0
}
#horizontal-banner .banner_list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
	overflow: hidden
}
#horizontal-banner .banner_list li a .bg {
	width: 1920px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -960px;
	text-align: center
}
#horizontal-banner .banner_list li a .bg img {
	height: 100px;
	width: auto
}
#horizontal-banner .banner_list li a .cover {
	width: 100%;
	height: 100px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0
}
#horizontal-banner .banner_list li a p {
	position: relative;
	text-align: center
}
#horizontal-banner .banner_list li a p.en {
	padding: 35px 0 0
}
#horizontal-banner .banner_list li a p.en img {
	height: 20px;
	width: auto;
}
#horizontal-banner .banner_list li a p.jp {
	padding: 0px 0px 0px;
	color: #fff;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:12px;
}

@media only screen and (min-width: 568px) {
#horizontal-banner .banner_list li {
	margin: 2px 0 0;

}
#horizontal-banner .banner_list li a,  #horizontal-banner .banner_list li a .bg img,  #horizontal-banner .banner_list li a .cover {
	height: 150px
}
#horizontal-banner .banner_list li a p.en {
	padding: 52px 0 0
}
#horizontal-banner .banner_list li a p.en img {
	height: 40px
}
#horizontal-banner .banner_list li a p.jp {
	font-size:16px;
	padding: 13px 0 0
}
}

@media only screen and (min-width: 800px) {
#horizontal-banner .banner_list li a,  #horizontal-banner .banner_list li a .bg img,  #horizontal-banner .banner_list li a .cover {
	height: 250px
}
#horizontal-banner .banner_list li a p.en {
	padding: 85px 0 0;
}
#horizontal-banner .banner_list li a p.en img {
height:57px;
}
#horizontal-banner .banner_list li a p.jp {
	font-size:25px;
	padding: 22px 0 0;
}

}






/*ブログ
----------------------------------------------*/
.blog{
	height:351px;
	overflow:hidden;
	}
	
	
/*ブログ
----------------------------------------------*/
.instaguram{
	position: relative;
	/*padding-bottom: 59.89%;*/
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	}	
.instaguram iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}	


/* INFORMATION CUSTOMIZE */
* html body div.news_block dl.information dd div {
   display:inline-block;
}

div.news_block dl.information dt {
   float:left;
   width:10em;
   height:auto;
   margin:0;
   padding:0;
   	font-size:16px;
		line-height:1.8;
		font-family:"小塚ゴシック Std R";


}

div.news_block dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   background:transparent;
   	font-size:14px;
	margin-bottom:30px;
	line-height:1.8;


}
div.news_block dl.information dd a{
	color:#06C;	
}
div.news_block dl.information dd a:hover{
	color:#FF7BAC;	
}
#scr {
	€width: 100%;
	height:250px;
	overflow:auto;
	/*border:1px #AAAAAA dotted;*/
}
/* ========TEXT======== */
.text1     {font-size:20px;color:#FFFFFF;}       /* メインタイトルのフォントサイズ,色,書体*/
.text2     {font-size:14px;color:#333333;}       /* グレー文字のフォントサイズ,色,書体*/ 
.text3     {font-size:12px;color:#FF2600;}       /* 赤い文字のフォントサイズ,色,書体*/ 
.text4     {font-size:12px;color:#555555; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text41     {font-size:16px;color:#555555; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 

.text5     {font-size:16px;color:#ff8700; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text6     {font-size:20px;color:#ff8700; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text7     {font-size:24px;color:#ff8700; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text8     {font-size:28px;color:#ff8700; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text9     {font-size:32px;color:#ff8700; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text10    {font-size:36px;color:#ff8700; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 

.text11     {font-size:16px;color:#800000; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text12     {font-size:20px;color:#800000; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 

.text13     {font-size:16px;color:#ff0000; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text14     {font-size:20px;color:#ff0000; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text15     {font-size:24px;color:#ff0000; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text16     {font-size:12px;color:#000066;}       /* 赤い文字のフォントサイズ,色,書体*/ 
.text17     {font-size:10px;color:#333333;}       /* グレー小文字のフォントサイズ,色,書体*/ 
.text18     {font-size:14px;color:#C69; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 

.text19     {font-size:13px;color: #390; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text20     {font-size:15px;color:#390; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text21     {font-size:24px;color:#390; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text22     {font-size:28px;color:#390; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text23     {font-size:32px;color:#390; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text24    {font-size:36px;color:#390; font-weight:bold}       /* ページタイトルのフォントサイズ,色,書体*/ 
.text25     {font-size:12px;color:#333333;}       /* グレー文字のフォントサイズ,色,書体*/ 

.textsub    {font-size:12px;color:#ff3300; font-weight:bold}       /* 商品サブタイトルのフォントサイズ,色,書体*/ 
.textttl    {font-size:15px;color:#ff3300; font-weight:bold}       /* 商品タイトルのフォントサイズ,色,書体*/ 
.text_red     {color: #C00;}       /* 赤い文字のフォントサイズ,色,書体*/ 
.text_blue    {color: #06F;}       /* 青い文字のフォントサイズ,色,書体*/ 

/* ========BGCOLOR======== */
.color1     {background-color:#f3f3f3;}   /*画面内薄いグレー*/
.color2     {background-color:#f3f3f3;}   /*画面内薄いグレー*/
.color3     {background-color:#FFFFFF;}   /*画面内白部分の背景色*/

/* CSS hack */

.clear { display:block; clear:both;}
.clear10 { display:block; clear:both; height:10px}
.clear10b { display:block; clear:both; height:10px; border-bottom:#CCC dotted 1px;}
.clear100 { display:block; clear:both; height:100px}





/*WattsisRapport
-------------------------------------------------------*/
.wattstaxttaitlwaku{
	width:100%;
	}
.wattstaxttaitl{
	font-size:20px;
	}
.wattstaxt{
	/*margin-top:20px;*/
	font-size:14px;
	}
.wattsimg{
	width:100%;
	margin-top:10px;
	}
.wattstaxtutiwaku{
	padding:20px 10px 20px 10px;
	font-size:13px;
	}

@media only screen and (min-width: 568px) {
.wattstaxttaitlwaku{
	width:55%;
	height:auto;
	float:left;
	}
.wattstaxttaitl{
	font-size:20px;
	}
.wattstaxt{
	/*margin-top:20px;*/
	font-size:15px;
	}
.wattsimg{
	width:44%;
	float:right;
	margin-top:0;
	}
.wattstaxtutiwaku{
	height:auto;
	font-size:15px;
	}
	
	
}

@media only screen and (min-width: 800px) {
	
.wattstaxttaitlwaku{
	width:56%;
	height:auto;
	float:left;
	}
.wattstaxttaitl{
	font-size:25px;
	}
.wattstaxt{
	/*margin-top:20px;*/
	font-size:16px;
	}
.wattsimg{
	width:43%;
	float:right;
	margin-top:0;
	}
.wattstaxtutiwaku{
	height:auto;
	font-size:15px;
	}
	
	
}