@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700italic);
@import url(https://fonts.googleapis.com/css?family=Vollkorn:400italic,400);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700i);

/*-------------------------------------------------

	--> RESET / CSSリセット

-------------------------------------------------*/

ul,li{
	margin:0;
	padding:0;
	list-style:none;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

/*-------------------------------------------------

	--> COMMON / 共通

-------------------------------------------------*/

body{
	background:#fff;
	font-family: '游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ','メイリオ',Meiryo,sans-serif;
	color:#333;
	line-height:160%;
}

h1{
	font-size:180%;
}

h2{
	font-size:140%;
}

h3{
	font-size:120%;
}

h4{
	font-size:100%;
}

/*画像イベントの抑止*/
img{
	pointer-events: none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

@media screen and (min-width: 768px) {

h1{
	font-size:220%;
}

h2{
	font-size:200%;
}

h3{
	font-size:140%;
}

h4{
	font-size:100%;
}

}


a{
	color:#000;
	-webkit-transition:color 300ms, background-color 300ms;
	-moz-transition:color 300ms, background-color 300ms;
	-o-transition:color 300ms, background-color 300ms;
	transition:color 300ms, background-color 300ms;
}

a:hover,
a:focus{
	color:#111;
	text-decoration:none;
	outline:none;
}

.clearfix:before,
.clearfix:after{
	content:" ";
	display:table;
}

.clearfix:after{
	clear:both;
}

.clearfix{
 *zoom:1;
}



ul.l-normal {
	margin-left: 1em;
	display:block;
}

ul.l-normal li {
	list-style-type:none;
	text-indent: -1em;
	margin:0;
	padding:0;
}

ul.l-normal li.l-sub {
  padding: 0 0 0 1em;
  text-indent: -2em;
}

ul.l-normal-ind26 {
	margin-left: 2.6em;
	display:block;
}

ul.l-normal-ind26 li {
	list-style-type:none;
	text-indent: -2.6em;
	margin:0.5em 0 0;
	padding:0;
}

ul.l-normal-ind26 li:first-child {
	margin-top:0;
}


ul.l-square,
ul.l-square-blue,
ul.l-square-red,
ul.l-circle,
ul.l-circle-blue,
ul.l-circle-red {
  margin-left: 1.0em;
}

ul.l-square li,
ul.l-square-blue li,
ul.l-square-red li,
ul.l-circle li,
ul.l-circle-blue li,
ul.l-circle-red li {
  position: relative;
  margin-bottom: 0.3em;
  list-style:none;
}

ul.l-square li:last-child,
ul.l-square-blue li:last-child,
ul.l-square-red li:last-child,
ul.l-circle li:last-child,
ul.l-circle-blue li:last-child,
ul.l-circle-red li:last-child {
  margin-bottom: 0;
}

ul.l-square li:before,
ul.l-square-blue li:before,
ul.l-square-red li:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -20px;
  bottom: auto;
  right: auto;
  margin: auto;
  width: 10px;
  height: 10px;
}

ul.l-square li:before {
  content: "";
  background: #333;
}

ul.l-square-blue li:before {
  content: "";
  background: #2093AC;
}

ul.l-square-red li:before {
  content: "";
  background: #B93A2D;
}

ul.l-circle li:before,
ul.l-circle-blue li:before,
ul.l-circle-red li:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: -10px;
  bottom: auto;
  right: auto;
  margin: auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

ul.l-circle li:before {
  content: "";
  background: #cccccc;
}

ul.l-circle-blue li:before {
  content: "";
  background: #2093AC;
}

ul.l-circle-red li:before {
  content: "";
  background: #B93A2D;
}

ul.l-square-red li,
ul.l-square-red li {
  color: #B93A2D;
}

ul.l-circle-red li,
ul.l-circle-red li {
  color: #B93A2D;
}


/*-------------------------------------------------

	--> header / ヘッダー

-------------------------------------------------*/

.navbar-brand{
	padding:0;
	margin:0;
	margin-left:0 !important;
}

.navbar{
	border-radius:0;
	margin-bottom:0;
	background:#fff;
}

.navbar:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-6px;
	width:100%;
	height:6px;
	background:url(../_img/common/bgs.png) repeat-x;
	z-index:1;
}

.navbar-nav > li{
	margin-left:40px;
	padding:20px 0;
}

.navbar-inverse .navbar-nav > li > a{
	padding:5px 12px;
	margin:0;
	border-radius:2px;
	color:#000;
	line-height:24px;
	display:inline-block;
}

.page-home .navbar-inverse .navbar-nav > li > a{
	font-family:'Lato', sans-serif;
	font-weight:700;
	font-style:italic;
	letter-spacing:.1em;
}

.navbar-inverse .navbar-nav > li > a:hover{
	background-color:#000;
	color:#fff;
}

.navbar-inverse{
	border:none;
}

.navbar-inverse .navbar-brand{
	margin-top:25px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color:#fff;
  color:#000;
}

.navbar-inverse .navbar-nav .dropdown-menu{
  background-color:#fff;
  -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow:0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow:0 3px 8px rgba(0, 0, 0, 0.125);
  border:0;
  padding:0;
  margin-top:0;
  border-top:0;
  border-radius:0;
  left:0;
}



.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
	padding: 8px 0 8px 10px;
	color:#000;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a::before{
	content: "\f105";
	font-family: FontAwesome;
	padding-right:5px;
}


.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #000;
  color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse {
  border-top:0;
  padding:0;
}

@media screen and (max-width: 767px) {

.navbar-inverse .navbar-brand{
	margin-top:13px;
	padding-left:15px;
}

.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #fff;
  box-shadow:none;
  color: #000;
}

.navbar-nav {
    margin: 0;
}

.navbar-nav > li{
	margin-left:40px;
	padding:0;
	border-top:1px solid #f1f1f1;
}

.navbar-inverse .navbar-nav > li > a{
	padding:10px 15px;
	border-radius:0;
	display:block;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
	padding:10px 0 10px 30px;
	color:#000;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a:first-of-type {
	padding-top:5px;
}

}


/*-------------------------------------------------

	--> footer / フッター

-------------------------------------------------*/

.footer{
	margin:0;
	padding:0;
	color:#fff;
	background:#333333;
	font-size:85%;
}

.footer ul.footer-info{
	text-align: center;
}

.footer ul.footer-info:before,
.footer ul.footer-info:after{
	content:" ";
	display:table;
}

.footer ul.footer-info:after{
	clear:both;
}


.footer ul.footer-info > li{
	display:block;
	margin-left:0;
	position:relative;
	width:50%;
	float:left;
}

.footer ul.footer-info > li:nth-child(n+3){
	margin-top:10px;
}

.footer ul.footer-info > li:first-child{
	margin-left:0;
}

.footer ul.footer-info > li a{
	color:#fff;
}

.footer ul.footer-info > li a::before{
	content: "\f105";
	font-family: FontAwesome;
	padding-right:5px;
}

.footer ul.footer-info > li.usa a::before,
.footer ul.footer-info > li.korea a::before{
	display:none;
}

.footer ul.footer-info > li.usa::before{
	content: " ";
	display: inline-block;
	background:url(../_img/common/usa.png) no-repeat 50% 0;
	background-size:contain;
	/*vertical-align:middle;*/
	width:15px;
	height:10px;
}

.footer ul.footer-info > li.korea::before{
	content: " ";
	display: inline-block;
	background:url(../_img/common/korea.png) no-repeat 50% 0;
	background-size:contain;
	/*vertical-align:middle;*/
	width:15px;
	height:10px;
}


.footer ul.footer-info > li.usa a,
.footer ul.footer-info > li.korea a{
	padding-left:5px;
}


.footer ul.footer-info > li a:hover{
	color:#ccc;
}

.footer p{
	font-family:'Open Sans',sans-serif;
	margin-top:15px;
	margin-bottom:0;
	text-align:center;
}

.footer-info-warp{
	margin-top:15px;
}

.breadcrumb-warp{
	display:none;
}

@media screen and (min-width: 768px) {

.footer{
	margin:0;
	padding:0 0 15px;
}

.footer ul.footer-info{
	text-align:left;
}

.footer ul.footer-info > li{
	display:inline-block;
	margin-left:20px;
	position:relative;
	width:inherit;
	float:none;
}

.footer ul.footer-info > li:nth-child(n+3){
	margin-top:0;
}

.footer p{
	margin-top:0;
	text-align:right;
}

.footer-info-warp{
	margin-top:15px;
}

.breadcrumb{
	background-color:#333;
}

.breadcrumb-warp{
	display:inherit;
	border-bottom:1px solid #4b4b4b;
	background-color:#333;
}

ol.breadcrumb{
	margin-bottom:0;
}

ol.breadcrumb li{
	font-size:80%;
	line-height:1.1;
}

ol.breadcrumb li a{
	color:#fff;
}

ol.breadcrumb > li + li::before,
ol.breadcrumb li.active{
	font-size:80%;
}

}

.page-top{
	display:none;
}

.page-top-sp{
	display:inherit;
    position:relative;
    background:#333333;
	border-top:1px solid #4b4b4b;
    width:100%;
    height:0;
    margin:0 auto;
}

.page-top-sp a{
    display:block;
    padding:1.6em 0;
    background:#333333;
    text-align:center;
    outline:none;
    text-decoration:none;
    position:relative;
	width:100%;
    z-index:9999;
}

.page-top-sp a:before,
.page-top-sp a:after{
	position:absolute;
	left:50%;
	content:"";
	width:0;
	height:0;
	margin-left:-10px;
	border:10px solid transparent;
}

.page-top-sp a:before{
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #333333;
}

.page-top-sp a:after{
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff;
}


@media screen and (min-width: 768px) {


.page-top-sp{
	display:none;
}

.page-top{
	/*display:inherit;*/
    position:relative;
    width:100%;
    height:0;
    margin:0 auto;
}

.page-top a{
    position:fixed;
    bottom:0;
    right:0;
    display:block;
    width:50px;
    hegiht:50px;
    padding:1.6em 0;
    background:#3A3A3A;
    text-align:center;
    outline:none;
    text-decoration:none;
    z-index:9999;
}

.page-top a:before,
.page-top a:after{
	position:absolute;
	left:50%;
	content:"";
	width:0;
	height:0;
	margin-left:-10px;
	border:10px solid transparent;
}

.page-top a:before{
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #3A3A3A;
}

.page-top a:after{
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff;
}

}



/*-------------------------------------------------

	--> SITEMAP / サイトマップ

-------------------------------------------------*/



.child{
	display:none;
}

.switch .menu:after{
  content: "\f107";
  font-family:FontAwesome;
  font-size:150%;
  margin-left:10px;
}


.switch .menu.active:after{
  content: "\f106";
  font-family:FontAwesome;
}


.menu{
	display:block;
	position:relative;
	margin:1px 0 0;
	padding:10px;
	text-align:center;
	color:#fff;
}

.menu:hover{
	background:#333333;
	color:#fff;
	text-decoration:none;
}

.siteindex{
	margin:0;
	border-top:1px solid #4b4b4b;
	border-bottom:1px solid #4b4b4b;
	background: #3A3A3A;
}

.siteindex a{
	display:block;
	cursor:pointer;
}

.siteindex .child{
	display:none;
	margin:0 auto -1px;
	padding:20px 4%;
	width:100%;
	border-top:1px solid #4b4b4b;
}

.siteindex .child > li{
	float:left;
	width:20%;
}

.siteindex .child > li a{
	color:#fff;
}

.siteindex ul.child li ul li{
	padding-top:10px;
}

.siteindex ul li ul li ul{
	margin-left:1em;
	display:block;
}

.siteindex ul li ul li ul li{
	list-style-type:none;
	text-indent: -1em;
	margin:0;
	padding:0;
}

.siteindex ul li ul li ul li a::before{
	content:"\f105";
	font-family:FontAwesome;
	color:#fff;
	padding-right:5px;
}

.siteindex ul li ul li ul li a:hover{
	color:#ccc;
}

.siteindex ul.child li ul li:first-child,
.siteindex ul.child li:nth-child(5) ul li{
	font-size:110%;
	font-weight:bold;
	min-height:30px;
	padding-top:0;
}

.siteindex ul.child li:nth-child(5) ul li{
	text-indent:0;
}

.siteindex ul li ul li ul li a.category-top::before,
.siteindex ul.child li:nth-child(5) ul li a::before{
	display:none;
}

.siteindex .child > li:last-child {
	border-bottom: 0;
}


@media screen and (max-width: 1199px) {

.siteindex .child{
	padding:20px 2%;
}

.siteindex .child > li{
	float:none;
	width:100%;
}

.siteindex ul.child li ul li{
	float:left;
	width:33.333%;
	padding-top:6px;
}

.siteindex ul.child li ul li br{
	display:none;
}

.siteindex ul.child li ul li:first-child{
	display:block;
	width:100%;
	padding-top:20px;
}

.siteindex ul.child li:nth-child(5) ul li:first-child{
	width:33.333%;
}

.siteindex ul.child li:nth-child(5) ul li{
	text-indent:-1em;
	min-height:inherit;
	margin-top:10px;
}

.siteindex ul.child li:nth-child(5) ul li:nth-child(-n+3){
	margin-top:0;
	padding-top:20px;
}

.siteindex ul.child li:nth-child(1) ul li:first-child{
	padding-top:0;
}

.siteindex ul.child li:nth-child(2) ul li:first-child{
	display:none;
}



}

@media screen and (max-width: 767px) {

.siteindex .child > li{
	float:none;
	width:100%;
	padding:10px 0;
}

.siteindex ul.child li ul li{
	float:none;
	width:100%;
	padding-top:6px;
}

.siteindex ul.child li:nth-child(5) ul li:first-child{
	width:100%;
}

.siteindex ul.child > li:nth-child(1){
	padding-bottom:0;
}

.siteindex ul.child > li:nth-child(2),
.siteindex ul.child li:nth-child(5){
	padding-top:0;
}

.siteindex ul.child li ul li:first-child{
	padding:0;
	min-height:inherit;
}

.siteindex ul.child li:nth-child(5) ul li:nth-child(-n+3) {
    margin-top:10px;
    padding-top:0;
}

.siteindex .child{
	padding:10px 4%;
}

.siteindex ul li ul li ul li a br,
.siteindex ul.child li:nth-child(2) ul li:first-child{
	display:none;
}

}











/*-------------------------------------------------

	--> home / ホーム

-------------------------------------------------*/

.page-home #news{
	margin:20px 0 40px;
}

.page-home #news h2{
	margin-bottom:10px;
}

.page-home #news h3{
	margin-bottom:10px;
}

.page-home #news h2,
.page-home #news h3{
	font-family:'Open Sans',sans-serif;
}

.page-home #news .lead{
	font-size:120%;
}

.page-home #news .more-news{
	display:block;
	text-align:center;
}

.page-home #news a.more-news:hover{
	opacity:0.7;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
	cursor:pointer;
}


.page-home .banner-group{
	margin:0 0 20px;
}

.page-home .banner-group a{
	float:left;
	width:48%;
	margin-bottom:15px;
}

.page-home .banner-group:nth-of-type(2) a{
	margin-bottom:0;
}

.page-home .banner-group img{
	width:100%;
	height:auto;
}

.page-home .banner-group img:hover{
	opacity:0.7;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
	cursor:pointer;
}

.page-home .banner-group a:nth-of-type(even){
	margin-left:4%;
}

.page-home .banner-group a:nth-of-type(n+3){
	margin-bottom:0;
}



/*-----　スライダー　-----*/

#main-slider{
	position:relative;
	margin:0;
}

#main-slider .carousel .btn-slide{
  padding: 8px 20px;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  left: 0!important;
  opacity:0;
  top:0;
  position:absolute;
  width:100%;
  display:block !important;
  -webkit-transition:opacity ease-in-out 500ms;
  -moz-transition:opacity ease-in-out 500ms;
  -o-transition:opacity ease-in-out 500ms;
  transition:opacity ease-in-out 500ms;
}

@media screen and (min-width: 768px) {

#main-slider .carousel .item{
  height:300px;
}

}

@media screen and (min-width: 768px) {

#main-slider .carousel .item{
  height:550px;
}

}


@media screen and (min-width: 1401px) {

#main-slider .carousel .item{
  background-size:contain;
}

}

#main-slider .carousel .item a{
	width:100%;
	height:450px;
	text-indent:-9999px;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 3000ms;
  -moz-transition: opacity ease-in-out 3000ms;
  -o-transition: opacity ease-in-out 3000ms;
  transition: opacity ease-in-out 3000ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next{
	position:absolute;
	top:50%;
	background-color:rgba(0, 0, 0, 0.125);
	color:#fff;
	display:inline-block;
	margin-top:-25px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	border-radius:2px;
	z-index:5;
}

#main-slider .prev:hover,
#main-slider .next:hover{
	background-color:rgba(0, 0, 0, 0.7);
}

#main-slider .prev{
	left:10px;
}

#main-slider .next{
	right:10px;
}

#main-slider .carousel-indicators li{
	width:10px;
	height:10px;
	background-color: #ccc;
	margin:0 15px 0 0;
	position:relative;
}

@media(max-width:767px){
#main-slider .carousel-indicators li{
    bottom: -20px;
}
}

#main-slider .carousel-indicators li:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	border-radius:100%;
	background:rgba(0, 0, 0, 0);
	border:2px solid #FFF;
	left:-2px;
	top:-2px;
}

#main-slider .carousel-indicators .active{
	width:10px;
	height:10px;
	background-color:#000;
	margin:0 15px 0 0;
	border:1px solid #000;
	position:relative;
}

#main-slider .carousel-indicators .active:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	border-radius:100%;
	background:#000;
}


/*-----　スライダー　-----*/

#main-slider2{
	position:relative;
	margin:0;
}

#main-slider2 .carousel .btn-slide{
  padding: 8px 20px;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider2 .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider2 .carousel .item{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  left: 0!important;
  opacity:0;
  top:0;
  position:absolute;
  width:100%;
  display:block !important;
  -webkit-transition:opacity ease-in-out 500ms;
  -moz-transition:opacity ease-in-out 500ms;
  -o-transition:opacity ease-in-out 500ms;
  transition:opacity ease-in-out 500ms;
}

@media screen and (min-width: 768px) {

#main-slider2 .carousel .item{
  height:300px;
}

}

@media screen and (min-width: 768px) {

#main-slider2 .carousel .item{
  height:550px;
}

}


@media screen and (min-width: 1401px) {

#main-slider2 .carousel .item{
  background-size:contain;
}

}

#main-slider2 .carousel .item a{
	width:100%;
	height:450px;
	text-indent:-9999px;
}

#main-slider2 .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider2 .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 3000ms;
  -moz-transition: opacity ease-in-out 3000ms;
  -o-transition: opacity ease-in-out 3000ms;
  transition: opacity ease-in-out 3000ms;
  z-index: 1;
}

#main-slider2 .prev,
#main-slider2 .next{
	position:absolute;
	top:50%;
	background-color:rgba(0, 0, 0, 0.125);
	color:#fff;
	display:inline-block;
	margin-top:-25px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	border-radius:2px;
	z-index:5;
}

#main-slider2 .prev:hover,
#main-slider2 .next:hover{
	background-color:rgba(0, 0, 0, 0.7);
}

#main-slider2 .prev{
	left:10px;
}

#main-slider2 .next{
	right:10px;
}

#main-slider2 .carousel-indicators li{
	width:10px;
	height:10px;
	background-color: #ccc;
	margin:0 15px 0 0;
	position:relative;
}

@media(max-width:767px){
#main-slider2 .carousel-indicators li{
    bottom: -20px;
}
}

#main-slider2 .carousel-indicators li:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	border-radius:100%;
	background:rgba(0, 0, 0, 0);
	border:2px solid #FFF;
	left:-2px;
	top:-2px;
}

#main-slider2 .carousel-indicators .active{
	width:10px;
	height:10px;
	background-color:#000;
	margin:0 15px 0 0;
	border:1px solid #000;
	position:relative;
}

#main-slider2 .carousel-indicators .active:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	border-radius:100%;
	background:#000;
}



#boxer .boxer-video{
	border:none;
}


/*-------------------------------------------------

	--> news / ニュース

-------------------------------------------------*/

.news iframe {
	width:100%;
}

@media(max-width:640px){

.news{
	width:100%;
	height:300px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.news iframe {
	width:100%;
	height:300px;
	border:none;
	display:block;
}

}

dl#info dt{
margin:0;
padding:20px 0 10px 10px;
}
dl#info dd{
margin:0;
padding:0 0 10px 10px;
border-bottom:1px dotted #d1d1d1;
}
dl#info dt:first-child{
/*padding:0;*/
}

dl#info dt.c1:after{
	content:"INFORMATION";
	color:#fff;
	background:#aaa;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.0rem;
	margin:0 10px;
	padding:2px 10px;
}

dl#info dt.c2:after{
	content:"EVENT";
	color:#fff;
	background:#aaa;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.0rem;
	margin:0 10px;
	padding:2px 10px;
}

dl#info dt.c3:after{
	content:"CAMPAIGN";
	color:#fff;
	background:#aaa;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.0rem;
	margin:0 10px;
	padding:2px 10px;
}





@media(max-width:767px){

.navbar-nav>li{
  margin-left: 0;
  padding-bottom: 28px;
}

.dropdown-menu > li > a {
  color: #fff;
}

/*body > section {
  padding: 20px 0;
}*/

.navbar {
  padding:0;
}

#main-slider .carousel .carousel-content {
  margin-top: 10px;
}

#main-slider .carousel .slide-margin{
  margin-top: 20px;
}


#main-slider .carousel .item{
	height:250px;
}

dl#info dt{
float:none;
display:block;
border-bottom:none;
margin:0;
padding:10px 0 0 0;
}

dl#info dd{
padding:10px 0 10px 0;
}




.center h2,
.left h2{
	font-size:26px;
	text-align:center;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}


#main-slider .carousel .item {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 180px !important;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item a{
width: 100%;
height: 100px !important;
}

#container {
	margin:0 auto !important;
}


}









/*------------------------------------------------------------------------
topics/
--------------------------------------------------------------------------*/

#topicsBox{width:100%; height:200px; background:#FFFFFF;}
#topicsBox ul{width:100%; margin:0; padding: 10px 0; overflow: hidden; color:#000; border-bottom:1px dotted #ccc;}
#topicsBox ul li{float:left; margin:0; padding:0; list-style:none; color:#333333;}
#topicsBox ul li.day{width:80px; margin:0 20px 0 0;}
#topicsBox ul li.icon{width:50px; margin:0 10px 0 0;}
#topicsBox ul li.txt{margin:0;}
#topicsBox ul li a{color:#333333; text-decoration:none;}
#topicsBox ul li a:hover{color:#333333; text-decoration:underline;}

@media(max-width:640px){

#topicsBox{width:100%; height:193px;}

#topicsBox ul li.txt{display:block; width:100%; margin:0;}

#topicsBox{
	width:100%;
	height:300px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.news {
	width:100%;
	height:300px;
	border:none;
	display:block;
}



}


.topicsWarp{width:100%;}
.topicsLeft{width:300px; float:left;}
.topicsLeft p{margin:0 0 20px;}
.topicsRight{width:400px; float:right;}

.topicsPt{width:720px; margin:20px auto 40px;}
.topicsPt a{display:block; width:95px; height:13px; text-indent:-9999px; background:url(../../img/btntop.gif) no-repeat top; margin-left:625px;}
.topicsPt a:hover{background-position:bottom;}

.topicsCenter p{margin:0 0 20px; width:720px;}
.topicsCenter img{float:left; margin-right:10px;}


.pdfBox{border:1px solid #999999; padding:8px 8px 8px 33px; background:url(../_img/common/i_adobe.gif) left top no-repeat; background-position:10px 50%; font-size:12px; display:inline;}

.pdfBox a{color:#333333; text-decoration:none;}
.pdfBox a:hover{text-decoration:underline;}

.clr{clear: both;}

#topicsContent{padding-top:30px; width:720px; text-align:left;}




.news-container{
	padding:20px;
	background-color:#f8f8f8;
	margin-top:20px;
	line-height:150%;
}

.news-container:first-child{
	margin-top:0;
}

.news-container ul{
	border-bottom:1px dotted #666;
	margin-bottom:20px;
}

.news-container ul li{
	display:block;
}

.news-container ul li:first-child{
	color:#666;
	font-family:'Roboto',sans-serif;
	font-size:100%;
}

.news-container ul li:last-child{
	padding-bottom:10px;
	font-size:120%;
	font-weight:bold;
}

.news-container .topicsWarp a{
	color:#5975a3;
	transition: opacity .2s ease;
}

.news-container .topicsWarp a:hover,
.news-container .topicsWarp a:active{
    text-decoration: underline;
    opacity: .7;
}

.news-container img{
	display:block;
	height:auto;
	max-width:100%;
}

@media screen and (min-width:768px){

.news-container{
	padding:40px;
	margin-top:40px;
	line-height:170%;
}

.news-container ul li:last-child{
	font-size:140%;
}

/*.news-container:nth-child(3) ul li:last-child{
	font-size:140%;
	color:#b22;
}*/


/*.news-container:nth-child(8) ul li:last-child,
.news-container:nth-child(9) ul li:last-child,
.news-container:nth-child(11) ul li:last-child,
.news-container:nth-child(13) ul li:last-child{
	font-size:140%;
	color:#C6AF7D;
}*/
}






























#container{
	width:100%;
	margin:25px auto 0;
	position: relative;
}

@media screen and (max-width: 640px) {
#container .hiddin-sp{
	display:none;	
}
}

.card{
	position:relative;
	margin:15px;
	width:200px;
	border-radius:4px;
	box-shadow:rgba(0, 0, 0, 0.22) 0 1px 2px 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.22) 0 1px 2px 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.22) 0 1px 2px 0;
}

.card.x2{
	position:relative;
	width:430px;
}

.card.x3{
	position:relative;
	width:870px;
}

.card span.new{
	background:url(../_img/common/icon-new.png) no-repeat;
	background-size:contain;
	position:absolute;
	top:8px;
	right:8px;
	z-index:100;
	width:37px;
	height:37px;
}

/* 点滅 */
.card span.new{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.card img {
	width: 100%;
	border-radius: 4px 4px 0 0;
}

.card video {
	width: 100%;
	border-radius: 4px 4px 0 0;
}


.card img.only {
	border-radius: 4px;
	margin:0;
	padding:0;
}

.card p {
	text-align: center;
	margin: 5px auto;
	font-size: 12px;
	color: #000;
}
.card.text p {
	text-align: left;
}

p#ww {
	text-align: center;
	color: #999;
	font-size: 14px;
}

.card:hover{
	opacity:0.7;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
			cursor:pointer;
}

@media screen and (max-width: 640px) {
.card{
	width:46%;
	margin:2%;
}

.card.x2{
	width:96%;
}

.card.x3{
	width:96%;
}
}


#topicsBox ul{
	border-bottom:1px dotted #ccc;
	padding-bottom:50px;
}

@media screen and (max-width: 640px) {

#topicsBox{
	width:100% !important;
}

#topicsBox ul li.day{width:80px; margin:0 10px 0 0; display:block;}
#topicsBox ul li.icon{width:50px; margin:0 10px 0 0;}
#topicsBox ul li.txt{width:auto !important;}
}


video#bgvid {
	margin:0 auto;
}

@media screen and (max-width: 640px) {
video#bgvid {
  background: url(../_img/slider/movie.jpg) no-repeat;
  top:0;
}
}

/*-------------------------------------------------

	--> SECOND / 下層タイトル

-------------------------------------------------*/

.page-titie{
	width:100%;
	position:relative;
	padding:1em 0;
	background-color:#1c1c1c;
	color:#fff;
	background:url(../_img/common/bg-title.png);
	background-size:cover;
	background-position:50% 0;
}

.title-inner{
	max-width:1000px;
	position:relative;
	margin:0 auto;
}

.title-inner h1{
	width:100%;
	margin:0 auto;
	font-weight:normal;
	text-align:center;
}

.title-inner span{
	display:block;
	padding:0.4em 0 0;
	font-family: 'Roboto', sans-serif;
	text-align:center;
}





@media screen and (min-width: 768px) {

.page-titie{
	padding:2em 0;
}

.no-eng{
	padding:2.9em 0;
}

}


/*-------------------------------------------------

	--> products / 製品情報トップ

-------------------------------------------------*/

.productbox:last-child{
	margin-bottom:50px;
}

.productbox::after{
    content:"";
    display:block;
    clear:both;
}

.productbox .item a{
	display:table;
	table-layaut:fixed;
	width:100%;
	text-decoration:none;
	padding:20px;
}

@media screen and (min-width: 768px) {

.productbox .item a{
	padding:20px;
}

}

.productbox::before,
.productbox::after{
	display:table;
	content:"";
}

.productbox::after{
	clear:both;
}

.productbox img.img-responsive{
	width:inherit;
	height:auto;
	max-width:100%;
}



.productbox .item:hover{
	background:#fff;
}

.productbox .item{
	float:left;
	position:relative;
	width:100%;
	background:#f8f8f8;
}

.productbox .item:nth-child(n+2){
	margin-top:5%;
}

@media screen and (min-width: 768px) {

.productbox .item{
	width:49%;
	margin-right:2%;
}

.productbox .item:nth-child(2n){
	margin-top:0;
}

.productbox .item:nth-child(even){
	margin-right:0;
}

.productbox .item:nth-child(n+3){
	margin-top:2%;
}

}

@media screen and (min-width: 1200px) {

.productbox .item{
	width:32%;
}

.productbox .item:nth-child(even){
	margin-right:2%;
}

.productbox .item:nth-child(3n){
	margin-right:0;
}

.productbox .item:nth-child(n+3){
	margin-top:0;
}

.productbox .item:nth-child(n+4){
	margin-top:2%;
}

}


.productbox .item.new::before{
	position:absolute;
	top:-15px;
	left:10px;
	content:" ";
	display:inline-block;
	width:30px;
	height:30px;
	background:url( ../_img/common/icon-new.png); 
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}

.productbox .item .icon_ltc{
	position:absolute;
	top: 20px;
	right: 60px;
	content:'';
	width: 30px;
	height: 30px;
	background:url(../_img/pro/common/color/icon_ltc.svg); 
	background-size:contain;
}

.productbox .item.wi-c1::after,
.productbox .item.wi-c2::after,
.productbox .item.wi-c3::after,
.productbox .item.wi-c4::after,
.productbox .item.wi-c5::after,
.productbox .item.wi-c6::after,
.productbox .item.wi-c7::after,
.productbox .item.wi-c8::after,
.productbox .item.wi-c9::after,
.productbox .item.wi-c10::after,
.productbox .item.p-c1::after,
.productbox .item.p-c2::after,
.productbox .item.p-c3::after,
.productbox .item.p-c4::after,
.productbox .item.p-c5::after,
.productbox .item.p-c6::after,
.productbox .item.p-c7::after,
.productbox .item.p-c8::after,
.productbox .item.p-c9::after,
.productbox .item.p-c10::after,
.productbox .item.acc-c1::after,
.productbox .item.acc-c2::after,
.productbox .item.acc-c3::after,
.productbox .item.acc-c4::after,
.productbox .item.acc-c5::after,
.productbox .item.acc-c6::after,
.productbox .item.acc-c7::after,
.productbox .item.acc-c8::after,
.productbox .item.acc-c9::after,
.productbox .item.acc-c10::after,
.productbox .item.hardness-c10::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:30px;
	height:30px;
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}

.productbox .item.wi-c1::after{background:url(../_img/pro/common/color/wi-c1.png); background-size:contain;}
.productbox .item.wi-c2::after{background:url(../_img/pro/common/color/wi-c2.png); background-size:contain;}
.productbox .item.wi-c3::after{background:url(../_img/pro/common/color/wi-c3.png); background-size:contain;}
.productbox .item.wi-c4::after{background:url(../_img/pro/common/color/wi-c4.png); background-size:contain;}
.productbox .item.wi-c5::after{background:url(../_img/pro/common/color/wi-c5.png); background-size:contain;}
.productbox .item.wi-c6::after{background:url(../_img/pro/common/color/wi-c6.png); background-size:contain;}
.productbox .item.wi-c7::after{background:url(../_img/pro/common/color/wi-c7.png); background-size:contain;}
.productbox .item.wi-c8::after{background:url(../_img/pro/common/color/wi-c8.png); background-size:contain;}
.productbox .item.wi-c9::after{background:url(../_img/pro/common/color/wi-c9.png); background-size:contain;}
.productbox .item.wi-c10::after{background:url(../_img/pro/common/color/wi-c10.png); background-size:contain;}
.productbox .item.p-c1::after{background:url(../_img/pro/common/color/p-c1.png); background-size:contain;}
.productbox .item.p-c2::after{background:url(../_img/pro/common/color/p-c2.png); background-size:contain;}
.productbox .item.p-c3::after{background:url(../_img/pro/common/color/p-c3.png); background-size:contain;}
.productbox .item.p-c4::after{background:url(../_img/pro/common/color/p-c4.png); background-size:contain;}
.productbox .item.p-c5::after{background:url(../_img/pro/common/color/p-c5.png); background-size:contain;}
.productbox .item.p-c6::after{background:url(../_img/pro/common/color/p-c6.png); background-size:contain;}
.productbox .item.p-c7::after{background:url(../_img/pro/common/color/p-c7.png); background-size:contain;}
.productbox .item.p-c8::after{background:url(../_img/pro/common/color/p-c8.png); background-size:contain;}
.productbox .item.p-c9::after{background:url(../_img/pro/common/color/p-c9.png); background-size:contain;}
.productbox .item.p-c10::after{background:url(../_img/pro/common/color/p-c10.png); background-size:contain;}
.productbox .item.acc-c1::after{background:url(../_img/pro/common/color/acc-c1.png); background-size:contain;}
.productbox .item.acc-c2::after{background:url(../_img/pro/common/color/acc-c2.png); background-size:contain;}
.productbox .item.acc-c3::after{background:url(../_img/pro/common/color/acc-c3.png); background-size:contain;}
.productbox .item.acc-c4::after{background:url(../_img/pro/common/color/acc-c4.png); background-size:contain;}
.productbox .item.acc-c5::after{background:url(../_img/pro/common/color/acc-c5.png); background-size:contain;}
.productbox .item.acc-c6::after{background:url(../_img/pro/common/color/acc-c6.png); background-size:contain;}
.productbox .item.acc-c7::after{background:url(../_img/pro/common/color/acc-c7.png); background-size:contain;}
.productbox .item.acc-c8::after{background:url(../_img/pro/common/color/acc-c8.png); background-size:contain;}
.productbox .item.acc-c9::after{background:url(../_img/pro/common/color/acc-c9.png); background-size:contain;}
.productbox .item.acc-c10::after{background:url(../_img/pro/common/color/acc-c10.png); background-size:contain;}
.productbox .item.hardness-10::after{background:url(../_img/pro/common/color/hardness-10.png); background-size:contain;}

.productbox .item.r-c1::after,
.productbox .item.r-c3::after,
.productbox .item.r-c5::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:63px;
	height:30px;
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}

.productbox .item.r-c1::after{
	background:url(../_img/pro/common/color/r-c1.png); background-size:contain;
}
.productbox .item.r-c3::after{
	background:url(../_img/pro/common/color/r-c3.png); background-size:contain;
}
.productbox .item.r-c5::after{
	background:url(../_img/pro/common/color/r-c5.png); background-size:contain;
}

.productbox .item.wi-c6-23-c6-18::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:63px;
	height:39px;
	background:url(../_img/pro/common/color/wi-c6-23-c6-18.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}

.productbox .item.wi-c3-23-c8-18::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:63px;
	height:39px;
	background:url(../_img/pro/common/color/wi-c3-23-c8-18.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}
.productbox .item.wi-c6-23-c7-18::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:63px;
	height:39px;
	background:url(../_img/pro/common/color/wi-c6-23-c7-18.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}
.productbox .item.wi-c6-23-c8-18::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:63px;
	height:39px;
	background:url(../_img/pro/common/color/wi-c6-23-c8-18.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}
.productbox .item.wi-c6-23-c10-18::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:63px;
	height:39px;
	background:url(../_img/pro/common/color/wi-c6-23-c10-18.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}

.productbox .item.wi-c6-23::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:30px;
	height:39px;
	background:url(../_img/pro/common/color/wi-c6-23.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}

.productbox .item.wi-c10-18::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:30px;
	height:39px;
	background:url(../_img/pro/common/color/wi-c10-18.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}

.productbox .item.od-195::after{
	position:absolute;
	top:20px;
	right:20px;
	content:" ";
	display:inline-block;
	width:121px;
	height:40px;
	background:url(../_img/pro/common/color/od-195.png);
	background-size:contain;
	vertical-align:middle;
	z-index:2;
}




.bd div{background: #f1f1f1; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s; z-index:1;}
.bd div.bdT{width: 0;}
.bd div.bdB{width: 0;}
.bd div.bdR{height:0;}
.bd div.bdL{height:0;}

.productbox .item:hover div.bdT{width: 100%; height:10px; top:0; left:0;}
.productbox .item:hover div.bdB{width: 100%; height:10px; bottom:0; right:0;}
.productbox .item:hover div.bdR{height:100%; width :10px; right:0; top:0;}
.productbox .item:hover div.bdL{height:100%; width :10px; left:0; bottom:0;}

.productbox p{
	font-family: 'Vollkorn', serif;
	font-style:italic;
	font-weight:400;
	font-size:120%;
	line-height:1.1;
	margin:0;
}

.productbox h3{
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	font-weight:700;
	font-size:160%;
	line-height:1.1;
	margin:0 0 20px;
}

.productbox h3 span{
	font-size:70%;
}

.productbox h3 span.lang-jp{
	font-size:50%;
}



/*-------------------------------------------------

	--> PRODUCT / 製品情報詳細

-------------------------------------------------*/

.item-container{
	margin-top:20px;
	padding-bottom:20px;
	background-color:#f8f8f8;
}

.item-dtl{
	margin-top:15px;
}

.item-dtl img:first-of-type{
	margin:0 auto;
}

.item-dtl h3{
	font-size:130%;
	margin-bottom:15px;
	text-align:left;
	line-height:150%;
}

.item-title{
	position:relative;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:2px solid #f1f1f1;
}

.item-container .item-title{
	border-bottom:2px solid #fff;
}

.item-title div:first-of-type p:first-child{
	font-family:'Vollkorn',serif;
	font-style:italic;
	font-weight:400;
	font-size:120%;
	line-height:1.1;
	margin:0;
}

.item-title h2{
	font-family:'Roboto',sans-serif;
	font-style:italic;
	font-weight:700;
	font-size:220%;
	margin-top:10px;
}

.item-title h2 span.small-title{
	font-size:60%;
}

.item-title h2 span.cap{
	font-size:30%;
	font-family: '游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ','メイリオ',Meiryo,sans-serif;
	font-style:normal;
	font-weight:normal;
	display:block;
	margin-left:0;
	margin-top:10px;
}

.item-title p.ind{
	position:relative;
	bottom:0;
	right:0;
	min-height:30px;
	font-size:75%;
	margin-bottom:0;
	margin-top:10px;
	background:url(../_img/pro/common/color/industry-first.png) no-repeat;
	background-size:contain;
	padding-left:35px;
	line-height:1.5;
}

.item-title p.ladys-debut{
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	position:relative;
	bottom:0;
	right:0;
	min-height:30px;
	font-size:75%;
	margin-bottom:0;
	margin-top:10px;
	background:url(../_img/pro/common/color/ladys-debut.png) no-repeat;
	background-size:contain;
	padding-left:70px;
	line-height:1.5;
}

.item-title p.eco{
	position:relative;
	bottom:0;
	right:0;
	font-size:75%;
	margin-bottom:0;
	margin-top:10px;
	background-size:contain;
}

span.suptext{
	font-size:50% !important;
	vertical-align:top;
	position:relative;
	top:0.4em;
}


@media screen and (min-width: 768px) {

.item-title p.ind{
	position:absolute;
	bottom:5px;
	right:0;
	font-size:75%;
	margin-bottom:0;
}
	
	.item-title p.ladys-debut{
	position:absolute;
	bottom:10px;
	right:0;
	font-size:155%;
		font-weight: 700;
	margin-bottom:0;
}

.item-title p.eco{
	position:absolute;
	bottom:5px;
	right:0;
	min-height:34px;
	font-size:75%;
	margin-bottom:0;
	padding-left:45px;
	padding-top:10px;
}

.item-container{
	margin-top:50px;
	padding-bottom:50px;
	background-color:#f8f8f8;
}

.item-dtl{
	margin-top:50px;
}

.item-dtl h3{
	position:relative;
	margin-bottom:50px;
	font-size:200%;
	text-align:center;
}

.item-title{
	margin-bottom:50px;
	padding-bottom:20px;
}

.item-title div:first-of-type p:first-child{
	font-size:160%;
}

.item-title h2{
	font-size:300%;
}

.item-title h2 span.small-title{
	font-size:70%;
}

.item-title h2 span.cap{
	display:inline-block;
	margin-left:20px;
}

}


@media screen and (max-width: 767px) {
	.item-title p.ladys-debut{
	font-size:115%;
		font-weight: 700;
}


}


.item-title div.new::before{
	position:absolute;
	top:0;
	right:40px;
	content:" ";
	display:inline-block;
	width:30px;
	height:30px;
	background:url( ../_img/common/icon-new.png); 
	background-size:contain;
	vertical-align:middle;
}

.item-title .icon_ltc-new{
	position:absolute;
	top: 0px;
	right: 80px;
	content:'';
	width: 30px;
	height: 30px;
	background:url(../_img/pro/common/color/icon_ltc.svg); 
	background-size:contain;
}
.item-title .icon_ltc{
	position:absolute;
	top: 0px;
	right: 40px;
	content:'';
	width: 30px;
	height: 30px;
	background:url(../_img/pro/common/color/icon_ltc.svg); 
	background-size:contain;
}

.item-title div.wi-c1::after,
.item-title div.wi-c2::after,
.item-title div.wi-c3::after,
.item-title div.wi-c4::after,
.item-title div.wi-c5::after,
.item-title div.wi-c6::after,
.item-title div.wi-c7::after,
.item-title div.wi-c8::after,
.item-title div.wi-c9::after,
.item-title div.wi-c10::after,
.item-title div.p-c1::after,
.item-title div.p-c2::after,
.item-title div.p-c3::after,
.item-title div.p-c4::after,
.item-title div.p-c5::after,
.item-title div.p-c6::after,
.item-title div.p-c7::after,
.item-title div.p-c8::after,
.item-title div.p-c9::after,
.item-title div.p-c10::after,
.item-title div.acc-c1::after,
.item-title div.acc-c2::after,
.item-title div.acc-c3::after,
.item-title div.acc-c4::after,
.item-title div.acc-c5::after,
.item-title div.acc-c6::after,
.item-title div.acc-c7::after,
.item-title div.acc-c8::after,
.item-title div.acc-c9::after,
.item-title div.acc-c10::after{
	position:absolute;
	top:0;
	right:0;
	content:" ";
	display:inline-block;
	width:30px;
	height:30px;
	background-size:contain;
	vertical-align:middle;
}

.item-title div.wi-c1::after{background:url(../_img/pro/common/color/wi-c1.png); background-size:contain;}
.item-title div.wi-c2::after{background:url(../_img/pro/common/color/wi-c2.png); background-size:contain;}
.item-title div.wi-c3::after{background:url(../_img/pro/common/color/wi-c3.png); background-size:contain;}
.item-title div.wi-c4::after{background:url(../_img/pro/common/color/wi-c4.png); background-size:contain;}
.item-title div.wi-c5::after{background:url(../_img/pro/common/color/wi-c5.png); background-size:contain;}
.item-title div.wi-c6::after{background:url(../_img/pro/common/color/wi-c6.png); background-size:contain;}
.item-title div.wi-c7::after{background:url(../_img/pro/common/color/wi-c7.png); background-size:contain;}
.item-title div.wi-c8::after{background:url(../_img/pro/common/color/wi-c8.png); background-size:contain;}
.item-title div.wi-c9::after{background:url(../_img/pro/common/color/wi-c9.png); background-size:contain;}
.item-title div.wi-c10::after{background:url(../_img/pro/common/color/wi-c10.png); background-size:contain;}
.item-title div.p-c1::after{background:url(../_img/pro/common/color/p-c1.png); background-size:contain;}
.item-title div.p-c2::after{background:url(../_img/pro/common/color/p-c2.png); background-size:contain;}
.item-title div.p-c3::after{background:url(../_img/pro/common/color/p-c3.png); background-size:contain;}
.item-title div.p-c4::after{background:url(../_img/pro/common/color/p-c4.png); background-size:contain;}
.item-title div.p-c5::after{background:url(../_img/pro/common/color/p-c5.png); background-size:contain;}
.item-title div.p-c6::after{background:url(../_img/pro/common/color/p-c6.png); background-size:contain;}
.item-title div.p-c7::after{background:url(../_img/pro/common/color/p-c7.png); background-size:contain;}
.item-title div.p-c8::after{background:url(../_img/pro/common/color/p-c8.png); background-size:contain;}
.item-title div.p-c9::after{background:url(../_img/pro/common/color/p-c9.png); background-size:contain;}
.item-title div.p-c10::after{background:url(../_img/pro/common/color/p-c10.png); background-size:contain;}
.item-title div.acc-c1::after{background:url(../_img/pro/common/color/acc-c1.png); background-size:contain;}
.item-title div.acc-c2::after{background:url(../_img/pro/common/color/acc-c2.png); background-size:contain;}
.item-title div.acc-c3::after{background:url(../_img/pro/common/color/acc-c3.png); background-size:contain;}
.item-title div.acc-c4::after{background:url(../_img/pro/common/color/acc-c4.png); background-size:contain;}
.item-title div.acc-c5::after{background:url(../_img/pro/common/color/acc-c5.png); background-size:contain;}
.item-title div.acc-c6::after{background:url(../_img/pro/common/color/acc-c6.png); background-size:contain;}
.item-title div.acc-c7::after{background:url(../_img/pro/common/color/acc-c7.png); background-size:contain;}
.item-title div.acc-c8::after{background:url(../_img/pro/common/color/acc-c8.png); background-size:contain;}
.item-title div.acc-c9::after{background:url(../_img/pro/common/color/acc-c9.png); background-size:contain;}
.item-title div.acc-c10::after{background:url(../_img/pro/common/color/acc-c10.png); background-size:contain;}


.item-title div.wi-sticy-hard-soft::after{
	position:absolute;
	top:0;
	right:0;
	content:" ";
	display:inline-block;
	width:96px;
	height:44px;
	background:url(../_img/pro/common/color/wi-sticy-hard-soft.png);
	background-size:contain;
	vertical-align:middle;
}

.item-title div.od-195::after{
	position:absolute;
	top:0;
	right:0;
	content:" ";
	display:inline-block;
	width:121px;
	height:40px;
	background:url(../_img/pro/common/color/od-195.png);
	background-size:contain;
	vertical-align:middle;
}

.item-title div.eco::before{
	position:absolute;
	top:0;
	right:40px;
	content:" ";
	display:inline-block;
	width:30px;
	height:30px;
	background:url( ../_img/pro/common/color/eco.png); 
	background-size:contain;
	vertical-align:middle;
}



@media screen and (min-width: 768px) {

.item-title div.new::before{
	position:absolute;
	top:0;
	right:70px;
	width:50px;
	height:50px;
}

.item-title div.eco::before{
	position:absolute;
	top:0;
	right:70px;
	width:50px;
	height:50px;
}

/*.hardness-10{
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	display:block;
	background:url(../_img/pro/common/color/hardness-10.png);
	background-size:contain;
	vertical-align:middle;
}*/

.item-title .icon_ltc-new{
	position:absolute;
	top: 0px;
	right: 140px;
	content:'';
	width: 50px;
	height: 50px;
	background:url(../_img/pro/common/color/icon_ltc.svg); 
	background-size:contain;
}
.item-title .icon_ltc{
	position:absolute;
	top: 0px;
	right: 70px;
	content:'';
	width: 50px;
	height: 50px;
	background:url(../_img/pro/common/color/icon_ltc.svg); 
	background-size:contain;
}

.item-title div.wi-c1::after,
.item-title div.wi-c2::after,
.item-title div.wi-c3::after,
.item-title div.wi-c4::after,
.item-title div.wi-c5::after,
.item-title div.wi-c6::after,
.item-title div.wi-c7::after,
.item-title div.wi-c8::after,
.item-title div.wi-c9::after,
.item-title div.wi-c10::after,
.item-title div.p-c1::after,
.item-title div.p-c2::after,
.item-title div.p-c3::after,
.item-title div.p-c4::after,
.item-title div.p-c5::after,
.item-title div.p-c6::after,
.item-title div.p-c7::after,
.item-title div.p-c8::after,
.item-title div.p-c9::after,
.item-title div.p-c10::after,
.item-title div.acc-c1::after,
.item-title div.acc-c2::after,
.item-title div.acc-c3::after,
.item-title div.acc-c4::after,
.item-title div.acc-c5::after,
.item-title div.acc-c6::after,
.item-title div.acc-c7::after,
.item-title div.acc-c8::after,
.item-title div.acc-c9::after,
.item-title div.acc-c10::after{
	position:absolute;
	top:0;
	right:0;
	content:" ";
	display:inline-block;
	width:50px;
	height:50px;
	background-size:contain;
	vertical-align:middle;
}

.item-title div.wi-sticy-hard-soft::after{
	position:absolute;
	top:0;
	right:0;
	content:" ";
	display:inline-block;
	width:160px;
	height:73px;
	background:url(../_img/pro/common/color/wi-sticy-hard-soft.png);
	background-size:contain;
	vertical-align:middle;
}

.item-title div.od-195::after{
	position:absolute;
	top:0;
	right:0;
	content:" ";
	display:inline-block;
	width:212px;
	height:70px;
	background:url(../_img/pro/common/color/od-195.png);
	background-size:contain;
	vertical-align:middle;
}

}







.item-col-2 .left,
.item-col-2 .right{
	float:none;
	width:100%;
}






@media screen and (min-width: 768px) {

.item-col-2 .left{
	float:left;
	width:48%;
}


.item-col-2 .right{
	float:right;
	width:48%;
}

}


ul.item-acc-col2 li:first-child{
	float:left;
	width:35%;
	margin-left:5%;
}

ul.item-acc-col2 li:last-child{
	float:right;
	width:35%;
	margin-right:5%;
}

ul.item-acc-col2 li.border1 img{
	border:1px solid #ccc;
	width:70%;
}

ul.item-acc-col3 li{
	float:left;
	width:32%;
	margin-right:2%;
}

ul.item-acc-col3 li:nth-child(3n){
	margin-right:0;
}

ul.item-acc-col3 li:nth-child(n+4){
	margin-top:20px;
}






.item-type-spec div:last-of-type div:first-of-type{
	float:none;
	width:100%;
	text-align:center;
	margin-top:10px;
}

.item-type-spec div:last-of-type div:first-of-type img{
	width:70%;
	height:auto;
}

.item-type-spec div:last-of-type div:last-of-type{
	float:none;
	width:100%;
	margin-top:10px;
}

.item-spec,
.item-spec2,
.item-type-spec{
	margin-top:15px;
}

.item-spec::after,
.item-type-spec::after{
    content:"";
    display:block;
    clear:both;
}

.item-spec div:first-of-type,
.item-type-spec div:first-of-type{
	float:none;
	width:100%;
}

.item-spec div:last-of-type,
.item-type-spec div:last-of-type{
	float:none;
	width:100%;
}

.item-spec div:first-of-type p{
	font-size:100%;
	line-height:inherit;
}

.item-spec div:first-of-type p br{
	display:none;
}

.item-copy p{
	width:100%;
	margin:15px auto 0;
	font-size:100%;
	text-align:left;
}

.item-table span.thick{
	color:#fff;
	background:#00A49E;
	padding:2px 10px;
	border-radius:4px;
}


@media screen and (min-width: 768px) {

.item-type-spec div:last-of-type div:first-of-type{
	clear:both;
	float:left;
	width:42%;
}

.item-type-spec div:last-of-type div:first-of-type img{
	width:100%;
	height:auto;
}

.item-type-spec div:last-of-type div:last-of-type{
	float:right;
	width:54%;
}

.item-spec,
.item-spec2{
	margin-top:50px;
}

.item-spec div:first-of-type,
.item-type-spec div:first-of-type{
	float:left;
	width:48%;
}

.item-spec div:last-of-type,
.item-type-spec div:last-of-type{
	float:right;
	width:48%;
}

.item-spec div:first-of-type p{
	font-size:110%;
	line-height:170%;
}

.item-spec div:first-of-type p br{
	display:inherit;
}

.item-copy p{
	width:80%;
	margin:50px auto 0;
	font-size:120%;
	text-align:center;
}

}

table.item-table{
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-collapse:collapse;
  width:100%;
}

table.item-table th,
table.item-table td{
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:8px;
  font-size:85%;
  text-align:center;
}

table.item-table th{
	text-align:center;
}

table.item-table th span{
	display:block;
}

table.item-table th{
  background-color:#f8f8f8;
}

table.item-table td{
  background-color:#fff;
}


@media screen and (max-width: 767px) {

table.item-table{
	border:none;
    border-bottom: 1px solid #ccc;
}

table.item-table thead{
    display: none;
}

table.item-table tr{
    border-top:1px solid #ccc;
    display:block;
}

table.item-table td{
    border-right:1px solid #ccc;
    border-bottom:none;
    display:block;
    padding:10px;
    text-align:right;
}

table.item-table td::before{
	content:attr(data-label);
	float:left;
	font-weight:bold;
}

table.item-table td:nth-child(odd){
	background-color:#f8f8f8;
}

}

.item-spec ul,
.item-spec2 ul,
.item-type-spec ul{
	margin-top:10px;
	letter-spacing:-1em;
}

.item-spec ul li,
.item-spec2 ul li,
.item-type-spec ul li{
	display:inline-block;
	font-size:80%;
	width:50%;
	letter-spacing:0em;
}

.item-spec ul li:nth-child(even),
.item-spec2 ul li:nth-child(even),
.item-type-spec ul li:nth-child(even){
	text-align:right;
}

.item-type{
	margin-top:20px;
}

.item-type h4{
	background-color:#f1f1f1;
	padding:10px;
	font-size:100%;
	font-weight:bold;
}

.item-container .item-type h4{
	background-color:#fff;
}

.item-type h4 span{
	font-weight:normal;
	font-size:80%;
}

/*.item-type p:first-child{
	display:inline-block;
    border-bottom:40px solid #000;
    border-left:0px solid transparent;
    border-right:20px solid transparent;
    height:0;
    text-align:center;
    line-height:1.1;
	color:#fff;
	padding:0 10px;
	margin-bottom:0;
	font-size:100%;
	font-weight:bold;
}*/

.item-type .ixx-text{
	display:inline-block;
    border-bottom:30px solid #000;
    border-left:0px solid transparent;
    border-right:20px solid transparent;
    height:0;
    text-align:center;
    line-height:1.1;
	color:#fff;
	padding:0 10px;
	margin-bottom:0;
	font-size:100%;
	font-weight:bold;
}

.item-type .ixx-text p{
	padding-top:5px;
}

@media screen and (min-width: 768px) {

.item-type{
	margin-top:50px;
}

.item-type h4{
	padding:15px;
	font-size:120%;
}

.item-type h4 span{
	font-size:80%;
}
.item-type .ixx-text{
	display:inline-block;
    border-bottom:36px solid #000;
    border-left:0px solid transparent;
    border-right:20px solid transparent;
    height:0;
    text-align:center;
	line-height:1.1;
	font-size:110%;
	font-weight:bold;
	color:#fff;
	margin-bottom:0;
}

}

.item-type p{
	clear:left;
	display:block;
	margin-top:5px;
	font-size:85%;
}

.item-type ol,
.item-type-spec ol{
	clear:both;
	margin:10px 0 0;
	padding:0;
	margin-left:1em;
	display:block;
	
}

.item-type ol li,
.item-type-spec ol li{
	list-style-type:none;
	text-indent:-1em;
	margin:0;
	padding:0;
	font-size:85%;
}

ul.item-list,
ul.item-list-small,
ul.item-list-p{
	margin-top:20px;
}

ul.item-list li,
ul.item-list-small li,
ul.item-list-p li{
	float:left;
	width:48%;
	position:relative;
	margin-right:2%;
}

ul.item-list li:nth-child(even){
	margin-right:0;
}

ul.item-list li::before,
ul.item-list-small li::before{
	position:absolute;
	top:0;
	left:0;
	content:" ";
	display:inline-block;
	width:30%;
	height:30%;
	vertical-align:middle;
}

@media screen and (max-width: 767px) {

ul.item-list li::before,
ul.item-list-small li::before{
	width:15px;
	height:15px;
}

}

ul.item-list li img,
ul.item-list-small li img{
	padding-left:12%;
}

@media screen and (min-width: 768px) {

ul.item-list li{
	width:32%;
	position:relative;
	margin-right:2%;
}

ul.item-list-small li{
	width:49%;
	position:relative;
	margin-right:2%;
}

ul.item-list-p li{
	width:30%;
	position:relative;
	margin-right:5%;
}

ul.item-list li:nth-child(even),
ul.item-list-small li:nth-child(even){
	margin-right:2%;
}

ul.item-list-p li:nth-child(even){
	margin-right:5%;
}

ul.item-list li:nth-child(3n),
ul.item-list-p li:nth-child(3n){
	margin-right:0;
}

ul.item-list li:nth-child(n+4),
ul.item-list-p li:nth-child(n+4){
	margin-top:10px;
}

ul.item-list li::before,
ul.item-list-small li::before{
	position:absolute;
	top:0;
	left:0;
	content:" ";
	display:inline-block;
	width:40%;
	height:40%;
	vertical-align:middle;
}

ul.item-list li img,
ul.item-list-small li img{
	padding-left:12%;
}

}

@media screen and (min-width: 992px) {

ul.item-list li::before,
ul.item-list-small li::before{
	position:absolute;
	top:0;
	left:0;
	content:" ";
	display:inline-block;
	width:46%;
	height:46%;
	vertical-align:middle;
}

ul.item-list li img{
	padding-left:10%;
}

ul.item-list-small li img{
	padding-left:12%;
}

}


ul.item-list li.coralred::before,ul.item-list-small li.coralred::before{background:url(../_img/pro/common/end/coralred.png) no-repeat; background-size:contain;}
ul.item-list li.black::before,ul.item-list-small li.black::before{background:url(../_img/pro/common/end/black.png) no-repeat; background-size:contain;}
ul.item-list li.blue::before,ul.item-list-small li.blue::before{background:url(../_img/pro/common/end/blue.png) no-repeat; background-size:contain;}
ul.item-list li.lemonyellow::before,ul.item-list-small li.lemonyellow::before{background:url(../_img/pro/common/end/lemonyellow.png) no-repeat; background-size:contain;}
ul.item-list li.orange::before,ul.item-list-small li.orange::before{background:url(../_img/pro/common/end/orange.png) no-repeat; background-size:contain;}
ul.item-list li.skyblue::before,ul.item-list-small li.skyblue::before{background:url(../_img/pro/common/end/skyblue.png) no-repeat; background-size:contain;}
ul.item-list li.white::before,ul.item-list-small li.white::before{background:url(../_img/pro/common/end/white.png) no-repeat; background-size:contain;}
ul.item-list li.yellow::before,ul.item-list-small li.yellow::before{background:url(../_img/pro/common/end/yellow.png) no-repeat; background-size:contain;}
ul.item-list li.mintgreen::before,ul.item-list-small li.mintgreen::before{background:url(../_img/pro/common/end/mintgreen.png) no-repeat; background-size:contain;}
ul.item-list li.green::before,ul.item-list-small li.green::before{background:url(../_img/pro/common/end/green.png) no-repeat; background-size:contain;}
ul.item-list li.autumnblue::before,ul.item-list-small li.autumnblue::before{background:url(../_img/pro/common/end/autumnblue.png) no-repeat; background-size:contain;}
ul.item-list li.lightgray::before,ul.item-list-small li.lightgray::before{background:url(../_img/pro/common/end/lightgray.png) no-repeat; background-size:contain;}
ul.item-list li.pink::before,ul.item-list-small li.pink::before{background:url(../_img/pro/common/end/pink.png) no-repeat; background-size:contain;}
ul.item-list li.milkypink::before,ul.item-list-small li.milkypink::before{background:url(../_img/pro/common/end/milkypink.png) no-repeat; background-size:contain;}
ul.item-list li.lavender::before,ul.item-list-small li.lavender::before{background:url(../_img/pro/common/end/lavender.png) no-repeat; background-size:contain;}
ul.item-list li.navy::before,ul.item-list-small li.navy::before{background:url(../_img/pro/common/end/navy.png) no-repeat; background-size:contain;}
ul.item-list li.gray::before,ul.item-list-small li.gray::before{background:url(../_img/pro/common/end/gray.png) no-repeat; background-size:contain;}
ul.item-list li.beige::before,ul.item-list-small li.beige::before{background:url(../_img/pro/common/end/beige.png) no-repeat; background-size:contain;}
ul.item-list li.lightblue::before,ul.item-list-small li.lightblue::before{background:url(../_img/pro/common/end/lightblue.png) no-repeat; background-size:contain;}
ul.item-list li.silvergray::before,ul.item-list-small li.silvergray::before{background:url(../_img/pro/common/end/silvergray.png) no-repeat; background-size:contain;}
ul.item-list li.gold::before,ul.item-list-small li.gold::before{background:url(../_img/pro/common/end/gold.png) no-repeat; background-size:contain;}


ul.item-list-order{
	margin-top:20px;
	letter-spacing:-1em;
	border-left:1px solid #f1f1f1;
}

ul.item-list-order li{
	display:inline-block;
	border-top:none;
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	text-align:center;
	padding:5px 0;
	vertical-align:middle;
	letter-spacing:0em;
}

ul.item-list-order li:first-child{
	background-color:#000;
	color:#fff;
	width:100%;
	text-align:left;
	padding-left:10px;
}

ul.item-list-order li strong{
	font-weight:normal;
}

ul.item-list-order li strong br{
	display:none;
}

ul.item-list-order li:nth-child(n+2){
	width:20%;
	
}

ul.item-list-order li img{
	width:80%;
	height:auto;
}

ul.item-list-order li p{
	font-size:60%;
	margin-bottom:0;
}

@media screen and (min-width: 992px) {

ul.item-list-order{
	border-left:none;
}

ul.item-list-order li{
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
}

ul.item-list-order li:nth-of-type(2){
	border-left:1px solid #f1f1f1;
}

ul.item-list-order li:first-child{
	width:10%;
	background-color:#000;
	color:#fff;
	padding-left:0;
	text-align:center;
}

ul.item-list-order li strong{
	text-align:center;
}

ul.item-list-order li strong br{
	display:block;
}

ul.item-list-order li:nth-child(n+2){
	width:6%;
}


}

.item-btn{
	padding-top:15px;
}

.item-btn::after{
    content:"";
    display:block;
    clear:both;
}

.item-btn ul li{
	float:none;
	width:100%;
	margin-right:0;
	margin-top:10px;
	text-align:center;
	font-family:'Roboto',sans-serif;
	font-size:120%;
}

.item-btn ul li span{
	display:inline-block;
	font-family: '游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ','メイリオ',Meiryo,sans-serif;
}

.item-btn ul li:last-child{
	margin-right:0;
}

.item-btn ul li a.btn{
	display:block;
	padding:10px 0;
}



@media screen and (min-width: 768px) {

.item-btn{
	padding:50px;
}

.item-btn ul li{
	float:left;
	width:32%;
	margin-top:0;
	margin-right:2%;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:160%;
}

.item-btn ul li:last-child{
	margin-right:0;
}

}


.item-caddiebag-2016{
	position:relative;
}

.item-caddiebag-2016 .item-above{
	position:absolute;
	bottom:0;
	right:0;
}

.item-caddiebag-2016 .item-above img{
	width:50%;
	height:auto;
}

@media screen and (min-width: 768px) {

.item-caddiebag-2016 .item-above img{
	width:100%;
	height:auto;
}

}

p.item-important{
	margin:0 auto 20px;
	text-align:center;
	font-size:100%;
	line-height:180%;
}

p.item-important span{
	padding:0 0 10px;
	border-bottom:4px solid #b22;
}

p.item-important span strong{
	font-size:140%;
	color:#b22;
	font-weight:bold;
	display:block;
}

@media screen and (min-width: 768px) {

p.item-important{
	margin:0 auto 40px;
	text-align:center;
	font-size:140%;
	line-height:180%;
}

p.item-important span strong{
	font-size:200%;
	color:#b22;
	font-weight:bold;
	display:inherit;
}



}



/*-----　ボタン　-----*/

.btn {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	outline:none;
	position:relative;
	z-index:2;
	background-color:#666;
	color:#fff;
	overflow:hidden;
	padding:0 40px;
}

.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn:hover{
	color:#000;
}

.btn::after{
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.btn:hover::after{
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #fff;
}


































/*-----　スライダー　-----*/

.item-slider{
	position:relative;
	width:100%;
	background:#f8f8f8;
}

.item-slider div {
    margin:15px 15px 0 5px;
  }

.item-slider img {
    width: 100%;
    height: auto;
}

.item-slider a:hover{
	opacity:0.7;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
			cursor:pointer;
}

.item-slider p{
	font-family:'Roboto',sans-serif;
	font-style:italic;
	font-weight:700;
	font-size:90%;
	line-height:1.1;
	text-align:center;
	margin-top:5px;
	margin-bottom:0;
	vertical-align:middle;
}

.item-slider p span{
	font-size:70%;
}

@media screen and (max-width: 900px) {
	.item-slider{
		width:100%;
		margin:0 auto;
	}
	.item-slider img{
		width:100%;
	}
}
@media screen and (max-width: 600px) {
	.item-slider{
		width:100%;
		margin:0 auto;
	}
	
	.item-slider img{
		width:100%;
	}
}




/*-------------------------------------------------

	--> company / 会社概要・沿革

-------------------------------------------------*/

table.company-table{
	width:80%;
	margin:0 auto;
}

table.company-table tr th,
table.company-table tr td{
	padding:20px 20px 20px 0;
	line-height:1.6em;
	text-align:left;
}

table.company-table tr td a{
	text-decoration:underline;
}

table.company-table tr:nth-child(odd) th,
table.company-table tr:nth-child(odd) td{
	background-color:#f1f1f1;
}

table.company-table tr th{
	padding:20px 20px 20px 20px;
	width:20%;
	vertical-align:middle;
}

table.company-table tr td .line{
	border-left:1px solid #dddddd;
	padding-left:20px;
}

table.company-table tr:nth-child(odd) td .line{
	border-left:1px solid #dddddd;
}

table.company-table tr td ul li{
	list-style-type:disc;
	margin:0 0 0 20px;
	padding:3px 0;
}
	
@media screen and (max-width: 767px){

table.company-table{
	width:100%;
	display:block;
}

table.company-table tbody{
	display:block;
}

table.company-table tr{
	display:block;
}

table.company-table tr td{
	display:block;
	width:100%;
	padding:10px 10px 20px 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

table.company-table tr th{
	background-color:#f1f1f1 !important;
	display:block;
	width:100%;
	padding:5px 10px 5px 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	font-weight:bold;
}

table.company-table tr:nth-child(odd) th,
table.company-table tr:nth-child(odd) td{
	background-color:transparent;
}

table.company-table tr td .line{
	border-left:none;
	padding-left:0;
}

table.company-table tr:nth-child(odd) td .line{
	border-left:none;
}


}


#mapwrap{
　　margin-top:-88px !important;
　　padding-top:88px !important;
}

#map{
	width:100%;
	height:350px;
	margin-bottom:50px;
}


/*-------------------------------------------------

	--> shop / 取扱店舗

-------------------------------------------------*/

ul#tabs-list{
	list-style:none;
	text-align:center;
	margin:15px 0 0;
	padding:0;
}

@media screen and (min-width:768px){
ul#tabs-list{
	margin:50px 0 0;
}
}

label.panel-label{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	display:block;
	width:100%;
	color:#999;
	cursor:pointer;
	background-color:#f8f8f8;
	-webkit-transition-property:border-top, background-color, color;
	transition-property:border-top, background-color, color;
	-webkit-transition-duration:200ms;
	transition-duration:200ms;
}

label.panel-label:hover{
	color:#000;
}
 
#panels{
	background-color:#fff;
}

#panels .tab-container{
	margin:0 auto;
	width:100%;
}

#panels section header label.panel-label{
	padding:12px 24px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#panels section .tab-inner{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	max-height:0;
	opacity:0;
	-webkit-transition:opacity 600ms;
	transition:opacity 600ms;
	overflow-y:hidden;
}
  
/* IE11 */
@media all and (-ms-high-contrast:none){
#panels section .tab-inner{
	max-height:auto;
}
}

/* IE9 */
#panels section .tab-inner:not(:target){
	max-height:auto\9;
}

/* IE8 */
#panels section .tab-inner{
  max-height:auto\9;
}

#panel-1-ctrl:checked ~ #panels #panel-1 .tab-inner,
#panel-2-ctrl:checked ~ #panels #panel-2 .tab-inner,
#panel-3-ctrl:checked ~ #panels #panel-3 .tab-inner,
#panel-4-ctrl:checked ~ #panels #panel-4 .tab-inner,
#panel-5-ctrl:checked ~ #panels #panel-5 .tab-inner,
#panel-6-ctrl:checked ~ #panels #panel-6 .tab-inner,
#panel-7-ctrl:checked ~ #panels #panel-7 .tab-inner,
#panel-8-ctrl:checked ~ #panels #panel-8 .tab-inner,
#panel-9-ctrl:checked ~ #panels #panel-9 .tab-inner,
#panel-10-ctrl:checked ~ #panels #panel-10 .tab-inner{
	max-height:initial;
	opacity:1;
	padding:0;
}

/* IE11 */
@media all and (-ms-high-contrast:none){
#panel-1-ctrl:checked ~ #panels #panel-1 .tab-inner,
#panel-2-ctrl:checked ~ #panels #panel-2 .tab-inner,
#panel-3-ctrl:checked ~ #panels #panel-3 .tab-inner,
#panel-4-ctrl:checked ~ #panels #panel-4 .tab-inner,
#panel-5-ctrl:checked ~ #panels #panel-5 .tab-inner,
#panel-6-ctrl:checked ~ #panels #panel-6 .tab-inner,
#panel-7-ctrl:checked ~ #panels #panel-7 .tab-inner,
#panel-8-ctrl:checked ~ #panels #panel-8 .tab-inner,
#panel-9-ctrl:checked ~ #panels #panel-9 .tab-inner,
#panel-10-ctrl:checked ~ #panels #panel-10 .tab-inner{
	max-height:5000px;
}
}

/* IE9 */
#panel-1-ctrl:checked ~ #panels #panel-1 .tab-inner:not(:target),
#panel-2-ctrl:checked ~ #panels #panel-2 .tab-inner:not(:target),
#panel-3-ctrl:checked ~ #panels #panel-3 .tab-inner:not(:target),
#panel-4-ctrl:checked ~ #panels #panel-4 .tab-inner:not(:target),
#panel-5-ctrl:checked ~ #panels #panel-5 .tab-inner:not(:target),
#panel-6-ctrl:checked ~ #panels #panel-6 .tab-inner:not(:target),
#panel-7-ctrl:checked ~ #panels #panel-7 .tab-inner:not(:target),
#panel-8-ctrl:checked ~ #panels #panel-8 .tab-inner:not(:target),
#panel-9-ctrl:checked ~ #panels #panel-9 .tab-inner:not(:target),
#panel-10-ctrl:checked ~ #panels #panel-10 .tab-inner:not(:target){
	max-height:5000px\9;
}

/* IE8 */
#panel-1-ctrl:checked ~ #panels #panel-1 .tab-inner,
#panel-2-ctrl:checked ~ #panels #panel-2 .tab-inner,
#panel-3-ctrl:checked ~ #panels #panel-3 .tab-inner,
#panel-4-ctrl:checked ~ #panels #panel-4 .tab-inner,
#panel-5-ctrl:checked ~ #panels #panel-5 .tab-inner,
#panel-6-ctrl:checked ~ #panels #panel-6 .tab-inner,
#panel-7-ctrl:checked ~ #panels #panel-7 .tab-inner,
#panel-8-ctrl:checked ~ #panels #panel-8 .tab-inner,
#panel-9-ctrl:checked ~ #panels #panel-9 .tab-inner,
#panel-10-ctrl:checked ~ #panels #panel-10 .tab-inner{
	max-height:5000px\9;
}

 
 
@media all and (max-width: 767px) {
#nav-ctrl:checked ~ #tabs-list #li-for-panel-1,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-2,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-3,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-4,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-5,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-6,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-7,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-8,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-9,
#nav-ctrl:checked ~ #tabs-list #li-for-panel-10{
	max-height:46px;
	opacity:1;
}

 
/*  #open-nav-label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
  }
*/
 
#open-nav-label{
	background-color:#000;
	color:#fff;
	padding:8px 24px;
	border-bottom:1px solid #fff;
}

#nav-ctrl:checked ~ #tabs-list #open-nav-label{
	display:none;
}

#close-nav-label{
	max-height:0;
	overflow-y:hidden;
	background-color:#000;
	color:#fff;
	padding:0;
	-webkit-transition:max-height 200ms;
	transition:max-height 200ms;
	cursor:pointer;
	letter-spacing:1px;
	border-top:1px solid #fff;
}
 
#nav-ctrl:checked ~ #tabs-list #close-nav-label{
	max-height:36px;
	opacity:1;
	padding:8px 24px;
}
 
#tabs-list{
	position:relative;
}

#tabs-list label.panel-label{
	padding:10px 0;
	border-bottom:1px solid #fff;
}

#tabs-list #li-for-panel-1,
#tabs-list #li-for-panel-2,
#tabs-list #li-for-panel-3,
#tabs-list #li-for-panel-4,
#tabs-list #li-for-panel-5,
#tabs-list #li-for-panel-6,
#tabs-list #li-for-panel-7,
#tabs-list #li-for-panel-8,
#tabs-list #li-for-panel-9,
#tabs-list #li-for-panel-10{
	max-height:0;
	overflow-y:hidden;
	-webkit-transition:max-height 200ms;
	transition:max-height 200ms;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2,
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3,
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4,
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5,
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6,
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7,
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8,
#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9,
#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10{
	max-height:46px;
	opacity:1;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label,
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label,
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label,
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label,
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label,
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label,
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label,
#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 label.panel-label,
#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 label.panel-label{
	background-color:#000;
	color:#fff;
}
 
#panels .tab-container{
	width:100%;
}

#panels section header{
	display:block;
}
}

@media all and (min-width: 768px) {
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2,
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3,
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4,
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5,
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6,
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7,
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8,
#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9,
#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10{
	pointer-events:none;
	cursor:default;
	-webkit-transform:translate(0, 1px);
	-ms-transform:translate(0, 1px);
	transform:translate(0, 1px);
	-webkit-box-shadow:none;
	box-shadow:none;
	border-top:none;
	border-right:none;
}

#tabs-list #li-for-panel-1{
	border-left:1px solid #dfdfdf;
}
 
#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10{
	border-right:1px solid #dfdfdf;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1:last-child,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2:last-child,
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3:last-child,
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4:last-child,
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5:last-child,
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6:last-child,
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7:last-child,
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8:last-child,
#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9:last-child,
#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10:last-child{
	border-right:1px solid #dfdfdf;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li,
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li,
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li,
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li,
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 + li,
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 + li,
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 + li,
#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 + li,
#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 + li{
	border-left:1px solid #dfdfdf;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label,
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label,
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label,
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label,
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label,
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label,
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label,
#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 label.panel-label,
#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 label.panel-label{
	background-color:#fff;
	color:#000;
	border-top:6px solid #000;
	padding-top:26px;
}
 
ul#tabs-list{
	text-align:center;
	border-bottom:1px solid #dfdfdf;
	letter-spacing:-1em;
  }

ul#tabs-list li{
	display:inline-block;
	text-align:center;
	width:10%;
	-webkit-box-shadow:0px -2px 2px rgba(0, 0, 0, 0.05);
	box-shadow:0px -2px 2px rgba(0, 0, 0, 0.05);
	border-top:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	-webkit-transition-property:border-top;
	transition-property:border-top;
	-webkit-transition-duration:200ms;
	transition-duration:200ms;
	letter-spacing:0;
}

ul#tabs-list li:hover{
	border-top:none;
	border-right:none;
}

ul#tabs-list li:hover:last-of-type{
	border-right:1px solid #dfdfdf;
}

ul#tabs-list li:hover + li{
	border-left:1px solid #dfdfdf;
}

ul#tabs-list li label.panel-label{
	border-top:0 solid #ccc;
	padding:24px 0;
}

ul#tabs-list li label.panel-label:hover{
	border-top-width:6px;
	padding-top:25px;
}
 
#open-nav-label,
#close-nav-label{
	display:none;
}
 
#nav-ctrl{
	display:none;
}
}

@media all and (min-width: 900px){
.tab-inner{
	width:100%;
	margin:0 auto;
}
}

.panel-radios{
	display:none;
}




table.shop-table,
table.shop-table-oversea{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
	margin:0 0 20px;
}

table.shop-table:last-child,
table.shop-table-oversea:last-child{
	margin-bottom:0;
}

table.shop-table th,
table.shop-table td,
table.shop-table-oversea th,
table.shop-table-oversea td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
	font-size:80%;
}

table.shop-table th{
	text-align:center;
}

table.shop-table th:nth-child(1){
	width:40%;
}

table.shop-table th:nth-child(2){
	width:30%;
}

table.shop-table th:nth-child(3){
	width:30%;
}


table.shop-table-oversea th:nth-child(1){
	width:25%;
}

table.shop-table-oversea th:nth-child(2){
	width:75%;
}

table.shop-table th,
table.shop-table-oversea th{
  background-color:#f8f8f8;
}

table.shop-table td,
table.shop-table-oversea td{
  background-color:#fff;
}

table.shop-table td a{
	text-decoration:underline;
}

table.shop-table td:nth-child(3){
	text-align:center;
}

.tab-container p{
	background-color:#f1f1f1;
	padding:10px;
	margin:10px 0;
	font-size:100%;
	font-weight:bold;
}

@media screen and (min-width:768px){

.tab-container p{
	padding:15px;
	margin:20px 0;
	font-size:120%;
}

table.shop-table,
table.shop-table-oversea{
	margin:20px 0 50px;
}

table.shop-table th,
table.shop-table td,
table.shop-table-oversea th,
table.shop-table-oversea td{
	font-size:100%;
}

table.shop-table th:nth-child(1){
	width:50%;
}

table.shop-table th:nth-child(2){
	width:30%;
}

table.shop-table th:nth-child(3){
	width:20%;
}

}

.shop-container{
	background-color:#f8f8f8;
	padding:20px 0;
}


.shop-container ul li a::after{
	content:"\f08e";
	font-family:FontAwesome;
	padding-left:5px;
	display: inline-block;
}

.shop-container ul:nth-child(2),
.shop-container ul:nth-child(3){
	margin-top:20px;
}

ul.shop-list-japan,
ul.shop-list-international,
ul.shop-list-store{
	float:none;
	width:100%;
}

ul.shop-list-japan,
ul.shop-list-international,
ul.shop-list-store{
	padding:0;
}

ul.shop-list-international{
	border:none;
}

ul.shop-list-japan li,
ul.shop-list-international li,
ul.shop-list-store li{
	background-color:#fff;
	text-align:left;
}

ul.shop-list-japan li span{
	width:50%;
	display:inline-block;
}

ul.shop-list-japan li span:first-child,
ul.shop-list-international li span:first-child,
ul.shop-list-store li span:first-child{
	float:left;
	text-align:left;
}

ul.shop-list-japan li span:last-child,
ul.shop-list-international li span:last-child,
ul.shop-list-store li span:last-child{
	float:right;
	text-align:right;
}

ul.shop-list-japan li.no-link,
ul.shop-list-international li.no-link,
ul.shop-list-store li.no-link{
	display:block;
	padding:10px;
}

ul.shop-list-japan li:first-child,
ul.shop-list-international li:first-child,
ul.shop-list-store li:first-child,
ul.shop-list-japan li.shop-list-head{
	background:#333;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	padding:10px;
	text-align:left;
}


ul.shop-list-japan li a,
ul.shop-list-international li a,
ul.shop-list-store li a{
	display:block;
	padding:10px;
	background:#fff;
	transition:opacity 0.3s ease;
}

ul.shop-list-japan li a:hover,
ul.shop-list-international li a:hover,
ul.shop-list-store li a:hover{
	display:block;
	padding:10px;
	background:#333;
	opacity:0.5;
	color:#fff;
}

ul.shop-list-japan li:nth-child(n+2),
ul.shop-list-international li:nth-child(n+2),
ul.shop-list-store li:nth-child(n+2){
	margin-top:10px;
}

@media screen and (min-width:768px){

.shop-container{
	padding:40px 0;
}

.shop-container ul:nth-child(2),
.shop-container ul:nth-child(3){
	margin-top:0;
}

ul.shop-list-japan,
ul.shop-list-international,
ul.shop-list-store{
	float:left;
	width:33.333%;
}

ul.shop-list-japan,
ul.shop-list-international,
ul.shop-list-store{
	padding:0 20px;
}

ul.shop-list-international{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

ul.shop-list-japan li:first-child,
ul.shop-list-international li:first-child,
ul.shop-list-store li:first-child,
ul.shop-list-japan li.shop-list-head{
	font-size:120%;
	padding:15px 0;
	text-align:center;
}

ul.shop-list-japan li a,
ul.shop-list-international li a,
ul.shop-list-store li a{
	padding:10px;
}


}


















/*-------------------------------------------------

	--> TECHNOLOGY / テクノロジー

-------------------------------------------------*/

.tec-container h3{
	font-size:120%;
	text-align:center;
	line-height:150%;
	padding:0 15px;
}

.tec-container h4{
	font-size:110%;
	text-align:center;
	line-height:150%;
	margin-bottom:10px;
}

.tec-container h4 br{
	display:block;
}


.tec-container section{
	padding:20px 0;
}

.tec-container section p{
	font-size:90%;
	line-height:150%;
}

@media screen and (min-width:768px){

.tec-container h3{
	font-size:180%;
	line-height:180%;
}

.tec-container h4{
	margin-bottom:20px;
	font-size:150%;
	line-height:180%;
	text-align:left;
}

.tec-container h4 br{
	display:none;
}

.tec-container section{
	padding:40px 0;
}

.tec-container section p{
	font-size:100%;
	line-height:180%;
}

}


.tec-container section.tec-1{
	margin-top:15px;
	background-color:#f8f8f8;
	background-image:none;
}

.tec-container section.tec-1 .container div{
	width:100%;
}

.tec-container section.tec-1 .container div img{
	width:40%;
	height:auto;
	margin:0 auto 20px;
}

@media screen and (min-width:768px){

.tec-container section.tec-1{
	margin-top:50px;
	background:#f8f8f8 url(../_img/tec/tec-1.png) no-repeat 90% 10%;
	background-size:30% auto;
}

.tec-container section.tec-1 .container div{
	width:60%;
}

}

@media screen and (min-width:992px){

.tec-container section.tec-1{
	margin-top:50px;
	background:#f8f8f8 url(../_img/tec/tec-1.png) no-repeat 90% 50%;
	background-size:inherit;
}

}


.tec-container section.tec-2{
	position:relative;
}

.tec-container section.tec-2 .container div{
	width:100%;
	margin:0 auto;
}

.tec-container section.tec-2::before,
.tec-container section.tec-2::after{
	display:none;
}

.tec-container section.tec-2 .container div img{
	width:100%;
	height:auto;
	margin:0 auto 20px;
}


@media screen and (min-width:768px){

.tec-container section.tec-2 .container div{
	width:80%;
}

.tec-container section.tec-2::before{
	content: " ";
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:#fff url(../_img/tec/tec-2-1.png) no-repeat;
	background-size:contain;
	width:100px;
	height:151px;
	z-index:-1;
}

.tec-container section.tec-2::after{
	content: " ";
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	background:#fff url(../_img/tec/tec-2-2.png) no-repeat;
	background-size:contain;
	width:100px;
	height:156px;
	z-index:-1;
}

.tec-container section.tec-2 .container h4{
	text-align:center;
}

}


@media screen and (min-width:992px){

.tec-container section.tec-2 .container div{
	width:50%;
}

.tec-container section.tec-2::before{
	content: " ";
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:#fff url(../_img/tec/tec-2-1.png) no-repeat;
	width:310px;
	height:470px;
	z-index:-1;
}

.tec-container section.tec-2::after{
	content: " ";
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	background:#fff url(../_img/tec/tec-2-2.png) no-repeat;
	width:300px;
	height:470px;
	z-index:-1;
}

.tec-container section.tec-2 .container h4{
	text-align:center;
}

}

.tec-container section.tec-3{
	background-color:#f8f8f8;
	background-image:none;
}

.tec-container section.tec-3 .container div{
	margin-left:0;
	width:100%;
}

.tec-container section.tec-3 .container div img{
	width:100%;
	height:auto;
	margin:0 auto 20px;
}

@media screen and (min-width:768px){

.tec-container section.tec-3{
	background:#f8f8f8 url(../_img/tec/tec-3.png) no-repeat 5% 50px;
	background-size:40% auto;
}

.tec-container section.tec-3 .container div{
	margin-left:45%;
	width:55%;
	text-align:left;
}

}


@media screen and (min-width:992px){

.tec-container section.tec-3{
	background:#f8f8f8 url(../_img/tec/tec-3.png) no-repeat 5% 50%;
}

.tec-container section.tec-3 .container div{
	margin-left:45%;
	width:55%;
	text-align:left;
}

}


.tec-container section.tec-4{
	background-color:#fff;
	background-image:none;
}

.tec-container section.tec-4 .container div{
	width:100%;
}

.tec-container section.tec-4 .container div img{
	width:100%;
	height:auto;
	margin:0 auto 20px;
}

@media screen and (min-width:768px){

.tec-container section.tec-4{
	background:#fff url(../_img/tec/tec-4.png) no-repeat bottom right;
	background-size:45% auto;
}

.tec-container section.tec-4 .container div{
	width:55%;
}

}


@media screen and (min-width:992px){

.tec-container section.tec-4{
	background:#fff url(../_img/tec/tec-4.png) no-repeat bottom right;
}

.tec-container section.tec-4 .container div{
	width:55%;
}

}

















/*-------------------------------------------------

	--> CONCEPT / コンセプト

-------------------------------------------------*/

.concept-container h3{
	font-size:120%;
	text-align:center;
	line-height:150%;
	padding:0 15px;
}

.concept-container h4{
	font-size:110%;
	text-align:left;
	line-height:150%;
	margin-bottom:10px;
}

.concept-container h4 br{
	display:block;
}

.concept-container section{
	padding:20px 0;
}

.concept-container section p{
	font-size:90%;
	line-height:150%;
	text-align:left;
}

.concept-container section strong{
	font-size:120%;
	font-weight:normal;
	color:#C0392B;
}

.concept-container img{
	width:50%;
	height:auto;
	margin:20px auto;
}

@media screen and (min-width:768px){

.concept-container h3{
	font-size:180%;
	line-height:180%;
}

.concept-container h4{
	margin-bottom:20px;
	text-align:center;
	font-size:150%;
	line-height:180%;
}

.concept-container h4 br{
	display:none;
}

.concept-container section{
	padding:40px 0;
}

.concept-container section p{
	font-size:110%;
	line-height:180%;
	text-align:center;
}

.concept-container section strong{
	font-size:140%;
}

.concept-container img{
	width:inherit;
	height:auto;
	margin:50px auto 20px;
}

}


.concept-container section.concept-1{
	margin-top:15px;
	background-color:#000;
	color:#fff;
	text-align:center;
}

.concept-container section.concept-1 .container div{
	width:100%;
}

.concept-container section.concept-1 .container div img{
	width:40%;
	height:auto;
	margin:0 auto 20px;
}

@media screen and (min-width:768px){

.concept-container section.concept-1{
	margin-top:50px;
	background:#333;
}

}

.concept-container section.concept-2{
	position:relative;
	background:#fff url(../_img/iomic/concept-2.png) no-repeat bottom center;
	background-size:contain;
}

.concept-container section.concept-2 .container div{
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
}

.concept-container section.concept-2 .container div img{
	width:100%;
	height:auto;
	margin:0 auto 20px;
}


@media screen and (min-width:768px){

.concept-container section.concept-2 .container div{
	width:100%;
	padding-bottom:120px;
}


}



/*-------------------------------------------------

	--> KNOWHOW / グリップの正しい選び方

-------------------------------------------------*/

.knowhow-container span.frame{
	border:1px solid #ccc;
	padding:0 5px;
	margin-right:10px;
}


/*-------------------------------------------------

	--> TOUR / WORLDWIDE TOUR WINS

-------------------------------------------------*/

table.tour-table{
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-collapse:collapse;
  width:100%;
}

table.tour-table th,
table.tour-table td{
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:20px 10px;
  font-size:92%;
  text-align:left;
}

table.tour-table th{
	text-align:center;
	background-color:#333;
	color:#fff;
}

table.tour-table th span{
	display:block;
}

table.tour-table td{
  background-color:#fff;
}

table.tour-table td a{
	text-decoration:underline;
}

table.tour-table td a:hover{
	text-decoration:none;
}

table.tour-table tr th:nth-child(1){width:5%;}
table.tour-table tr th:nth-child(2){width:20%;}
table.tour-table tr th:nth-child(3){width:30%;}
table.tour-table tr th:nth-child(4){width:14%;}
table.tour-table tr th:nth-child(5){width:31%;}

table.tour-table tr td:nth-child(1),
table.tour-table tr td:nth-child(4){
	text-align:center;
}

table.tour-table tr:nth-child(odd),
table.tour-table tr:nth-child(odd) td{
	background-color:#f8f8f8;
}

@media screen and (max-width: 767px) {

table.tour-table{
  border:1px solid #ccc;
}

table.tour-table th,
table.tour-table td{
  border:none;
}
	
/*table.tour-table tr:first-child,*/
table.tour-table thead,
table.tour-table th{
	display:none;
}

table.tour-table tr{
	display:block;
	padding:5px 0;
}

table.tour-table tr:nth-child(odd),
table.tour-table tr:nth-child(odd) td{
	background-color:#f8f8f8;
}

table.tour-table td{
	display:block;
	width:100%;
	border-bottom-width: 0;
	text-align:left;
}

table.tour-table tr td::before{color:#666666;}
table.tour-table tr td:nth-child(1)::before{content:"WIN："}
table.tour-table tr td:nth-child(2)::before{content:"ツアー："}
table.tour-table tr td:nth-child(3)::before{content:"大会名："}
table.tour-table tr td:nth-child(4)::before{content:"開催期間："}
table.tour-table tr td:nth-child(5)::before{content:"使用グリップ："}

table.tour-table th,
table.tour-table td{
  padding:5px;
  font-size:85%;
}

table.tour-table tr td:nth-child(1),
table.tour-table tr td:nth-child(4){
	text-align:left;
}
}



/*-------------------------------------------------

	--> EVENT / グリップ交換会情報

-------------------------------------------------*/

table.event-table{
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-collapse:collapse;
  width:100%;
}

table.event-table th,
table.event-table td{
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:20px 10px;
  font-size:92%;
  text-align:left;
}

table.event-table th{
	text-align:center;
	background-color:#333;
	color:#fff;
}

table.event-table th span{
	display:block;
}

table.event-table td{
  background-color:#fff;
}

table.event-table td a{
	text-decoration:underline;
}

table.event-table td a:hover{
	text-decoration:none;
}

table.event-table tr th:nth-child(1){width:15%;}
table.event-table tr th:nth-child(2){width:10%;}
table.event-table tr th:nth-child(3){width:27%;}
table.event-table tr th:nth-child(4){width:36%;}
table.event-table tr th:nth-child(5){width:12%;}

table.event-table tr td:nth-child(3) a::after{
	content:"\f08e";
	font-family:FontAwesome;
	padding-left:5px;
	display: inline-block;
}

table.event-table tr:nth-child(odd),
table.event-table tr:nth-child(odd) td{
	background-color:#f8f8f8;
}


@media screen and (max-width: 767px) {

table.event-table{
  border:1px solid #ccc;
}

table.event-table th,
table.event-table td{
  border:none;
}

table.event-table tr:first-child,
table.event-table th{
	display:none;
}

table.event-table tr{
	display:block;
	padding:5px 0;
}

table.event-table tr:nth-child(odd),
table.event-table tr:nth-child(odd) td{
	background-color:#f8f8f8;
}

table.event-table td{
	display:block;
	width:100%;
	border-bottom-width: 0;
	text-align:left;
}

table.event-table tr td::before{color:#666666;}
table.event-table tr td:nth-child(1)::before{content:"開催日："}
table.event-table tr td:nth-child(2)::before{content:"受付時間："}
table.event-table tr td:nth-child(3)::before{content:"会場："}
table.event-table tr td:nth-child(4)::before{content:"住所："}
table.event-table tr td:nth-child(5)::before{content:"TEL："}

table.event-table th,
table.event-table td{
  padding:5px;
  font-size:85%;
}

table.event-table tr td:nth-child(1),
table.event-table tr td:nth-child(4){
	text-align:left;
}

}


/*-------------------------------------------------

	--> PRIVACY / プライバシーポリシー

-------------------------------------------------*/

.privacy-container{
	width:100%;
}

.privacy-container div:last-child{
	margin-bottom:0;
}

.privacy-container div strong{
	display:block;
	text-align:left;
	font-weight:normal;
}

.privacy-container h2{
	font-size:120%;
	text-align:left;
	line-height:150%;
}

.privacy-container h2 br{
	display:block;
}

@media screen and (min-width: 768px) {

.privacy-container{
	width:80%;
	margin:0 auto;
}

.privacy-container h2{
	font-size:180%;
	text-align:center;
}

.privacy-container div strong{
	text-align:center;
}

}


/*-------------------------------------------------

	--> ECOLOGY / ECOLOGY &amp; CONTRIBUTION TO SOCIETY

-------------------------------------------------*/

.ecology-container div{
	margin:15px 0 30px;
}

.ecology-container div:last-child{
	margin-bottom:0;
}

.ecology-container h2{
	text-align:left;
	font-size:120%;
	line-height:150%;
}

.ecology-container h2 span{
	font-family:'Roboto', sans-serif;
	font-size:150%;
	display:block;
	padding-bottom:20px;
	color:#094A90;
}

.ecology-container h2 br{
	display:none;
}

.ecology-container img{
	margin:0 auto;
}

@media screen and (min-width:768px){

.ecology-container div{
	margin:15px 0 30px;
}

.ecology-container h2{
	text-align:center;
	font-size:180%;
}

.ecology-container h2 span{
	font-size:150%;
}

.ecology-container h2 br{
	display:inherit
}


.ecology-container ul{
	display:table;
	margin:0 auto;
}

.ecology-container ul li{
	margin-top:1em;
	display:table;
	font-size:120%;
}

.ecology-container ul.l-circle li::before {
    content:"";
    background:#BFD942;
}

.ecology-container h4{
    padding:15px;
    font-size:120%;
}

.ecology-container div:last-child{
	width:80%;
	margin:0 auto;
}

/*.ecology-container div:last-child p{
	margin-top:2em;
}
*/

}





/*-------------------------------------------------

	--> INNOVATION / グリップイノベーション

-------------------------------------------------*/

.innovation-container h3{
	font-size:120%;
	text-align:left;
	line-height:150%;
}

.innovation-container h3 br{
	display:none;
}

.innovation-container h4{
	font-size:110%;
	text-align:left;
	line-height:150%;
	margin-bottom:10px;
}

.innovation-container h4 br{
	display:none;
}


.innovation-container section{
	padding:30px 0;
}

.innovation-container section p{
	font-size:90%;
	line-height:150%;
}

.innovation-container .inn-0 p{
	margin-top:20px;
	line-height:150%;
	text-align:left;
}

.innovation-container section.inn-1{
	margin-top:15px;
	background-color:#ffffff;
	border-top:1px solid #f1f1f1;
}

.innovation-container section span{
	display:block;
	text-align:center;
}

.innovation-container section.inn-2{
	background-color:#f8f8f8;
}


.innovation-container section.inn-3{
	background-color:#ffffff;
	background-image:none;
}

.innovation-container section.inn-4{
	background-color:#f8f8f8;
	background-image:none;
}

.innovation-container section.inn-1 img,
.innovation-container section.inn-2 img,
.innovation-container section.inn-3 img,
.innovation-container section.inn-4 img{
	margin:0 auto;
}

.innovation-container section.inn-2 img:first-child,
.innovation-container section.inn-3 img:first-child{
	margin-top:20px;
}


@media screen and (min-width:768px){

.innovation-container h3{
	font-size:180%;
	text-align:center;
	line-height:180%;
}

.innovation-container h3 br{
	display:block;
}

.innovation-container h4{
	margin-bottom:20px;
	font-size:150%;
	line-height:180%;
}

.innovation-container h4 br{
	display:block;
}


.innovation-container section{
	padding:40px 0;
}

.innovation-container section p{
	font-size:100%;
	line-height:180%;
}

.innovation-container .inn-0 p{
	line-height:180%;
	text-align:center;
}

.innovation-container section.inn-1{
	margin-top:50px;
}

.innovation-container section.inn-1 span{
	text-align:right;
}

.innovation-container section.inn-2 span{
	display:inline-block;
	text-align:right;
}


}




/*-------------------------------------------------

	--> CONTACT / お問い合わせ

-------------------------------------------------*/

.contant-container{
	width:80%;
}

.contant-container p:first-child{
	text-align:center;
}

table.contact-table{
	width:100%;
	margin:10px auto 20px;
}

table.contact-table tr th,
table.contact-table tr td{
	padding:20px 20px 20px 0;
	line-height:1.6em;
	text-align:left;
}

table.contact-table tr td a{
	text-decoration:underline;
}

table.contact-table tr:nth-child(odd) th,
table.contact-table tr:nth-child(odd) td{
	background-color:#f1f1f1;
}

table.contact-table tr th{
	padding:20px 20px 20px 20px;
	width:25%;
	vertical-align:middle;
}

table.contact-table tr td .line{
	border-left:1px solid #dddddd;
	padding-left:20px;
}

table.contact-table tr:nth-child(odd) td .line{
	border-left:1px solid #dddddd;
}

table.contact-table tr td ul li{
	list-style-type:disc;
	margin:0 0 0 20px;
	padding:3px 0;
}
	
@media screen and (max-width: 767px){

.contant-container{
	width:100%;
}

table.contact-table{
	display:block;
	width:100%;
	margin:10px auto 20px;
}

table.contact-table tbody{
	display:block;
}

table.contact-table tr{
	display:block;
}

table.contact-table tr td{
	display:block;
	width:100%;
	padding:10px 0 20px 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

table.contact-table tr th{
	background-color:#f1f1f1 !important;
	display:block;
	width:100%;
	padding:5px 10px 5px 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

table.contact-table tr:nth-child(odd) th,
table.contact-table tr:nth-child(odd) td{
	background-color:transparent;
}

table.contact-table tr td .line{
	border-left:none;
	padding-left:0;
}

table.contact-table tr:nth-child(odd) td .line{
	border-left:none;
}


}


#inputForm input.err,
#inputForm textarea.err{
	background:#F6F6F6;
}

#inputForm .text1,
#inputForm .text2,
#inputForm .text3,
#inputForm .text4,
#inputForm select{
	border:1px solid #DDDDDD;
	padding:5px;
	background-color:#ffffff;
}

#inputForm .text1{
	width:50%;
}

#inputForm .text2{
	width:40%;
}

#inputForm .text3{
	width:100%;
	height:120px;
}

@media screen and (max-width: 767px){

#inputForm .text1,
#inputForm .text2{
	width:100%;
}

}

/*#inputForm .submit{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	outline:none;
	position:relative;
	background-color:#666;
	color:#fff;
	overflow:hidden;
	padding:0 40px;
}
*/

#inputForm input[type="text"],
#inputForm textarea {
	outline: none;
	border: 1px solid #ccc;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#inputForm input[type="text"]:focus,
#inputForm textarea:focus {
	/*box-shadow: 0 0 7px #666;*/
	border: 1px solid #bbb;
}

#inputForm .submit{
	margin:0 auto;
	text-align:center;
}

#inputForm .submit input{
	text-decoration:none;
	background-color:#666;
	color:#fff;
	padding:10px 40px;
	border:1px solid #666;
	border-radius:4px;
	-webkit-transition:color 300ms, background-color 300ms;
	-moz-transition:color 300ms, background-color 300ms;
	-o-transition:color 300ms, background-color 300ms;
	transition:color 300ms, background-color 300ms;
}

#inputForm .submit input:hover{
	color:#333;
	background-color:#ffffff;
}

.ercheck{
	text-align:center;
	padding:15px;
}

#inputForm p.back{
	text-align:center;
	color:#cccccc;
	margin:40px 0;
}

#inputForm p.back a{
	color:#cccccc;
	text-decoration:none;
}

#inputForm p.back a:hover{
	color:#000;
	text-decoration:underline;
}

p.thanks{
	text-align:center;
	color:#cccccc;
	margin:25px 0;
}

p.thanksback{
	text-align:center;
	color:#cccccc;
	margin:40px 0;
}

p.thanksback a{
	color:#cccccc;
	text-decoration:none;
}

p.thanksback a:hover{
	color:#000;
	text-decoration:underline;
}











.errMsg {
	margin-left: 1em;
	padding-bottom: 1px;
	display: block;
	line-height: 1.4;
	text-indent: -.9em;
}

.formError {
	padding-bottom: 13px;
	display: block;
}

.fixed {
	padding-bottom: 0;
}

.formError .formErrorClose {
	border: solid #252525 2px;
	border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -4px;
	right: -4px;
	color: #efefef;
	background: #333;
	font-weight: bold;
	text-align: center;
	line-height: middle;
	cursor: pointer;
	box-shadow: 1px -1px 3px #888;
	-moz-box-shadow: 1px -1px 3px #888;
	-webkit-box-shadow: 1px -1px 3px #888;
	_z-index:2;
}

	.formError .formErrorClose:hover {
		background: #666;
	}
	.fixed .formErrorClose {
		display: none;
	}
	
.formError .formErrorContent{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px;
	position:relative;
	left:10px;
	color:#fff;
	background:#333333;
	font-family:'游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ','メイリオ',Meiryo,sans-serif;
	font-size:90%;
	box-shadow:0px 0px 3px #888;
	-moz-box-shadow:0px 0px 3px #888;
	-webkit-box-shadow:0px 0px 3px #888;
	_z-index:1;
}

@media screen and (max-width: 767px){

.formError {
	padding-bottom: 13px;
	display:inline-block;
	position:absolute;
	right:0;
}

/*.formError .formErrorContent{
	position:relative !important;
	right:10px !important;
}
*/
}

	.fixed .formErrorContent {
		margin-top: .5em;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		background: #f60;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.fadeOut {
		opacity: .2;
		filter: alpha(opacity=20);
	}
	
.formError .formErrorArrow{
	width:15px;
	height:15px;
	position:absolute;
	bottom:0;
	left:30px;
    _z-index:0;
}
	.fixed .formErrorArrow {
		display: none;
	}
	.formError .formErrorArrowBottom {
		margin: -6px;
		top: 0;
	}
	.fixed .formErrorArrowBottom {
		display: none;
	}
	
		.formError .formErrorArrow div {
			margin: 0 auto;
			display: block;
			height: 1px;
			background: #252525;
			line-height: 0px;
			font-size: 0px;
			box-shadow: 0px 2px 3px #888;
			-moz-box-shadow: 0px 2px 3px #888;
			-webkit-box-shadow: 0px 2px 3px #888;
		}
			.formError .formErrorArrowBottom div{
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
			}
			
		.formError .formErrorArrow .line10 {
			width: 19px;
		} 
		.formError .formErrorArrow .line9 {
			width: 17px;
		} 
		.formError .formErrorArrow .line8 {
			width: 15px;
		} 
		.formError .formErrorArrow .line7 {
			width: 13px;
		} 
		.formError .formErrorArrow .line6 {
			width: 11px;
		} 
		.formError .formErrorArrow .line5 {
			width: 9px;
		} 
		.formError .formErrorArrow .line4 {
			width: 7px;
		} 
		.formError .formErrorArrow .line3 {
			width: 5px;
		} 
		.formError .formErrorArrow .line2 {
			width: 3px;
		}
		.formError .formErrorArrow .line1{
			width: 1px;
		} 

.contact-annotation{
	width: 90%;
	max-width: 800px;
	margin: 30px auto;
}
.contact-annotation h4{
	font-size: 150%;
	font-weight: bold;
	color: #00b3e4;
	margin: 10px auto 30px;
}
.contact-annotation h4 span{
	display: block
}
.contact-annotation h5{
	font-size: 120%;
	font-weight: bold;
	color: #666;
	margin: 10px auto;
	padding: 5px 10px;
	border-left: 4px solid #999;
}
.contact-annotation hr{
	border: 1px dashed #ccc;
}
.contact-annotation p{
	padding: 5px 10px;
}
.contact-annotation p a{
	font-size: 110%;
	font-weight: bold;
	color: #ff6687;
	text-decoration: underline;
}
.contact-annotation p a:hover{
	color: #c4516f;
}
.contact-annotation p span{
	color: #666;
	font-size: 90%;
}
.qanda_title p{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #666;
}
#acMenu dt{
	display: block;
	cursor:pointer;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 10px;
	color: #6d5b35;
	text-decoration: underline
}
#acMenu dt::before{
	content: "Q.";
}
#acMenu dd{
	display: none;
	padding: 5px 10px 5px 25px;
}
#acMenu dd span{
	font-weight: bold;
	display: block;
	margin-top: 10px;
	color: #c80000;
}
#acMenu dd span::before{
	content: "A.";
}
#acMenu dd a{
	font-weight: bold;
	color: #ff6687;
	text-decoration: underline;
}
.contact-image{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	height: auto;
	align-items: flex-start;
}
.contact-image img{
	margin: 0 auto;
	width: 45%;
	padding: 2%;
}

@media screen and (min-width: 768px){

.contact-annotation h4 span{
	display: inline-block
}

}




/*-------------------------------------------------

	--> NEWS / ニュース（カリー・ウェブ）

-------------------------------------------------*/

table.news-table{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
	margin:0 0 20px;
}

table.news-table:last-child{
	margin-bottom:0;
}

table.news-table th,
table.news-table td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
	font-size:80%;
	vertical-align:top;
}

table.news-table th{
	text-align:center;
	width:20%;
	background-color:#f8f8f8;
}

table.news-table td{
	width:80%;
}

@media screen and (min-width:768px){

table.news-table{
	margin:0 0 50px;
}

table.news-table th,
table.news-table td{
	font-size:100%;
}

table.news-table th{
	width:15%;
}

table.news-table td{
	width:85%;
}

}




table.charity-table{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
	margin:0 0 20px;
}

table.charity-table:last-child{
	margin-bottom:0;
}

table.charity-table th,
table.charity-table td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
	vertical-align:top;
}

table.charity-table th{
	width:50%;
	background-color:#f8f8f8;
}

table.news-table td{
	width:50%;
	/*text-align:right;*/
}

@media screen and (min-width:768px){

table.charity-table{
	/*margin:0 0 50px;*/
}

table.charity-table th,
table.charity-table td{
	font-size:100%;
}

table.charity-table th{
	width:50%;
}

table.charity-table td{
	width:50%;
	text-align:right;
}

}

.page-charity a.btn{
	padding:10px;
}











/*-------------------------------------------------

	--> SECOND / 下層共通

-------------------------------------------------*/

.ttl-h2{
	clear:both;
    position:relative;
    margin-bottom:40px;
    padding-top:20px;
}

.ttl-h2 h2{
	text-align:center;
	font-weight:normal;
}

.ttl-h2 h2.font-e{
	font-family: 'Roboto', sans-serif;
}

.ttl-h2 h2.font-e span{
	font-family: '游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ','メイリオ',Meiryo,sans-serif;
}

.ttl-h2 h2::after{
    position:absolute;
    content:'';
    width:50px;
    height:2px;
    left:50%;
    bottom:-20px;
    margin:0 0 0 -25px;
    display:block;
    background:#464646;
}

h3.ttl-h3{
	background-color:#f1f1f1;
	margin-top:20px;
	margin-bottom:10px;
    padding:8px;
    font-size:110%;
    font-weight:normal;
}


@media screen and (min-width: 768px) {

.ttl-h2{
    margin-bottom:70px;
    padding-top:50px;
}

h3.ttl-h3{
	margin-top:40px;
	margin-bottom:20px;
    padding:10px;
    font-size:120%;
}

}


.first-box{
	padding-top:20px;
	padding-bottom:20px;
}

.first-box h3.ttl-h3:first-child{
	margin-top:0;
}

.first-box .ttl-h2:first-child{
	padding-top:0;
}


@media screen and (min-width: 768px){

.first-box{
	padding-top:40px;
	padding-bottom:40px;
}

}


/*-----　マージン・パディング　-----*/

.mb0{margin-bottom:0; !important}
.mb05{margin-bottom:0.5em; !important}
.mb1{margin-bottom:1em; !important}
.mb2{margin-bottom:2em; !important}
.mb3{margin-bottom:3em; !important}
.mb4{margin-bottom:4em; !important}
.mb5{margin-bottom:5em; !important}

.mt0{margin-top:0; !important}
.mt05{margin-top:0.5em; !important}
.mt1{margin-top:1em; !important}
.mt2{margin-top:2em; !important}
.mt3{margin-top:3em; !important}
.mt4{margin-top:4em; !important}
.mt5{margin-top:5em; !important}

.pt0{padding-top:0; !important}
.pt05{padding-top:0.5em; !important}
.pt1{padding-top:1em; !important}
.pt2{padding-top:2em; !important}
.pt3{padding-top:3em; !important}
.pt4{padding-top:4em; !important}
.pt5{padding-top:5em; !important}

.pb0{padding-bottom:0; !important}
.pb05{padding-bottom:0.5em; !important}
.pb1{padding-bottom:1em; !important}
.pb2{padding-bottom:2em; !important}
.pb3{padding-bottom:3em; !important}
.pb4{padding-bottom:4em; !important}
.pb5{padding-bottom:5em; !important}

.pall0{padding:0; !important}
.pall05{padding:0.5em; !important}
.pall1{padding:1em; !important}
.pall2{padding:2em; !important}
.pall3{padding:3em; !important}
.pall4{padding:4em; !important}
.pall5{padding:5em; !important}


















/*.item-spec-box::after{
    content:"";
    display:block;
    clear:both;
}


.item-spec-box{
	margin-top:30px;
}

.item-spec-box .copy p{
	font-size:110%;
	line-height:170%;
}

.item-spec-box .spec-list-box{
	background:#f1f1f1;
	border-radius:5px;
}

.item-spec-box .spec-list-box p{
	margin:0;
}

.item-spec-box .spec-list-box .left{
	width:100%;
}

.item-spec-box .spec-list-box .left ul li{
	padding:15px 10px;
}

.item-spec-box .spec-list-box .left ul li:last-child{
	border-top:1px solid #ccc;
}


.item-spec-box .spec-list-box .left ul li p{
	display:inline-block;
	font-size:18px;
}

.item-spec-box .spec-list-box .left ul li p:first-child{
	margin-right:20px;
}

.item-spec-box .spec-list-box .left ul li span{
	display:inline-block;
	margin-right:10px;
	padding:0px 5px;
	background:#00417e;
	color:#fff;
	border-radius:10px;
	font-size:12px;
	vertical-align:middle;
}


.item-spec-box .spec-list-box .right{
	float:left;
	width:100%;
	padding:10px;
	background:#00417e;
	border-radius:0 0 5px 5px;
}

.item-spec-box .spec-list-box .right dl{
	margin:0;
	padding:0;
}


.item-spec-box .spec-list-box .right dt,
.item-spec-box .spec-list-box .right dd{
	text-align:left;
	color:#fff;
}

.item-spec-box .spec-list-box .right dd span{
	font-size:10px;
}

.item-spec-box .spec-list-box .right dt{
	clear:both;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:60px;
	font-size:12px;
	background:#778288;
	text-align:center;
	border-radius:10px;
	font-weight:normal;
}

.item-spec-box .spec-list-box .right dd{
	float:left;
	width:72%;
	padding-left:3%;
}

.item-spec-box .spec-list-box .right dt,
.item-spec-box .spec-list-box .right dd{
	margin-top:5px;
}

.item-spec-box .spec-list-box .right dt:first-of-type,
.item-spec-box .spec-list-box .right dd:first-of-type{
	margin-top:0;
}

.sub-spec{
	margin-top:5px;
}

.sub-spec::before{
	content:"●";
	color:#ccc;
}

.sub-spec li{
	display:inline-block;
	font-size:10px;
	margin-right:10px;
}

.sub-spec li:last-child{
	margin-right:0;
}



@media screen and (min-width: 1000px) {

.item-spec-box::after{
    content:"";
    display:block;
    clear:both;
}


.item-spec-box{
	margin-top:50px;
}

.item-spec-box .copy{
	float:left;
	width:52%;
}

.item-spec-box .copy p{
	font-size:110%;
	line-height:170%;
}

.item-spec-box .spec-list-box-wrap{
	float:right;
	width:44%;
}

.item-spec-box .spec-list-box{
	background:#f1f1f1;
	border-radius:5px;
}

.item-spec-box .spec-list-box p{
	margin:0;
}

.item-spec-box .spec-list-box .left{
	float:left;
	width:55%;
}

.item-spec-box .spec-list-box .left ul li{
	padding:15px 10px;
}

.item-spec-box .spec-list-box .left ul li:last-child{
	border-top:1px solid #ccc;
}


.item-spec-box .spec-list-box .left ul li p{
	display:inline-block;
	font-size:22px;
}

.item-spec-box .spec-list-box .left ul li p:first-child{
	margin-right:20px;
}

.item-spec-box .spec-list-box .left ul li span{
	display:inline-block;
	margin-right:10px;
	padding:0px 5px;
	background:#00417e;
	color:#fff;
	border-radius:10px;
	font-size:12px;
	vertical-align:middle;
}


.item-spec-box .spec-list-box .right{
	float:left;
	width:45%;
	padding:10px;
	background:#00417e;
	border-radius:0 5px 5px 0;
}

.item-spec-box .spec-list-box .right dl{
	margin:0;
	padding:0;
}


.item-spec-box .spec-list-box .right dt,
.item-spec-box .spec-list-box .right dd{
	text-align:left;
	color:#fff;
}

.item-spec-box .spec-list-box .right dd span{
	font-size:10px;
}

.item-spec-box .spec-list-box .right dt{
	clear:both;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:25%;
	font-size:12px;
	background:#778288;
	text-align:center;
	border-radius:10px;
	font-weight:normal;
}

.item-spec-box .spec-list-box .right dd{
	float:left;
	width:72%;
	padding-left:3%;
}

.item-spec-box .spec-list-box .right dt,
.item-spec-box .spec-list-box .right dd{
	margin-top:5px;
}

.item-spec-box .spec-list-box .right dt:first-of-type,
.item-spec-box .spec-list-box .right dd:first-of-type{
	margin-top:0;
}

.sub-spec{
	margin-top:5px;
}

.sub-spec::before{
	content:"●";
	color:#ccc;
}

.sub-spec li{
	display:inline-block;
	font-size:12px;
}

.sub-spec li:nth-child(n+1){
	margin-right:20px;
}

}*/




.iron-spec-box::after,
.putter-spec-box::after{
    content:"";
    display:block;
    clear:both;
}

.iron-spec-box,
.putter-spec-box{
	margin-top:30px;
}

.iron-spec-box .copy,
.putter-spec-box .copy{
	width:100%;
}

.iron-spec-box .spec-list-box-wrap{
	width:100%;
}

.putter-spec-box .spec-list-box-wrap{
	width:100%;
}

.iron-spec-box .spec-list-box,
.putter-spec-box .spec-list-box{
	background:#f1f1f1;
	border-radius:5px;
}

.iron-spec-box .spec-list-box p,
.putter-spec-box .spec-list-box p{
	margin:0;
}

.iron-spec-box .spec-list-box .left{
	width:100%;
}

.putter-spec-box .spec-list-box .left{
	width:100%;
}


.iron-spec-box .spec-list-box .left ul li,
.putter-spec-box .spec-list-box .left ul li{
	padding:15px 10px;
}

.iron-spec-box .spec-list-box .left ul li:last-child,
.putter-spec-box .spec-list-box .left ul li:last-child{
	border-top:1px solid #ccc;
}

.iron-spec-box .spec-list-box .left ul li p,
.putter-spec-box .spec-list-box .left ul li p{
	display:inline-block;
	font-size:16px;
}

.iron-spec-box .spec-list-box .left ul li p:first-child,
.putter-spec-box .spec-list-box .left ul li p:first-child{
	margin-right:20px;
}

.iron-spec-box .spec-list-box .left ul li span,
.putter-spec-box .spec-list-box .left ul li span{
	display:inline-block;
	margin-right:10px;
	padding:0px 5px;
	background:#00417e;
	color:#fff;
	border-radius:10px;
	font-size:12px;
	vertical-align:middle;
}

.iron-spec-box .spec-list-box .right{
	float:left;
	width:100%;
	padding:10px;
	background:#00417e;
	border-radius:0 0 5px 5px;
}

.iron-spec-box .spec-list-box .right dl{
	margin:0;
	padding:0;
}


.iron-spec-box .spec-list-box .right dt,
.iron-spec-box .spec-list-box .right dd{
	text-align:left;
	color:#fff;
}

.iron-spec-box .spec-list-box .right dd span{
	font-size:10px;
}

.iron-spec-box .spec-list-box .right dt{
	clear:both;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:60px;
	font-size:12px;
	background:#778288;
	text-align:center;
	border-radius:10px;
	font-weight:normal;
}

.iron-spec-box .spec-list-box .right dd{
	float:left;
	width:72%;
	padding-left:3%;
}

.iron-spec-box .spec-list-box .right dt,
.iron-spec-box .spec-list-box .right dd{
	margin-top:5px;
}

.iron-spec-box .spec-list-box .right dt:first-of-type,
.iron-spec-box .spec-list-box .right dd:first-of-type{
	margin-top:0;
}

.sub-spec{
	margin-top:5px;
}

.sub-spec::before{
	content:"●";
	color:#ccc;
}

.sub-spec li{
	display:inline-block;
	font-size:12px;
}

.sub-spec li:nth-child(n+1){
	margin-right:20px;
}





@media screen and (min-width: 1000px) {

.spec-list-box{
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
	
	.spec-list-box .right{
		  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	}
	
		.spec-list-box .right dl{
			width: 100%;
	}
	
.iron-spec-box::after,
.putter-spec-box::after{
    content:"";
    display:block;
    clear:both;
}

.iron-spec-box,
.putter-spec-box{
	margin-top:50px;
}

.iron-spec-box .copy{
	float:left;
	width:52%;
}

.putter-spec-box .copy{
	float:left;
	width:72%;
}

.iron-spec-box .copy p,
.putter-spec-box .copy p{
	font-size:110%;
	line-height:170%;
}

.iron-spec-box .spec-list-box-wrap{
	float:right;
	width:44%;
}

.putter-spec-box .spec-list-box-wrap{
	float:right;
	width:24%;
}

.iron-spec-box .spec-list-box,
.putter-spec-box .spec-list-box{
	background:#f1f1f1;
	border-radius:5px;
}

.iron-spec-box .spec-list-box p,
.putter-spec-box .spec-list-box p{
	margin:0;
}

.iron-spec-box .spec-list-box .left{
	float:left;
	width:55%;
}

.putter-spec-box .spec-list-box .left{
	width:100%;
}


.iron-spec-box .spec-list-box .left ul li,
.putter-spec-box .spec-list-box .left ul li{
	padding:15px 10px;
}

.iron-spec-box .spec-list-box .left ul li:last-child,
.putter-spec-box .spec-list-box .left ul li:last-child{
	border-top:1px solid #ccc;
}

.iron-spec-box .spec-list-box .left ul li p,
.putter-spec-box .spec-list-box .left ul li p{
	display:inline-block;
	font-size:22px;
}

.iron-spec-box .spec-list-box .left ul li p:first-child,
.putter-spec-box .spec-list-box .left ul li p:first-child{
	margin-right:20px;
}

.iron-spec-box .spec-list-box .left ul li span,
.putter-spec-box .spec-list-box .left ul li span{
	display:inline-block;
	margin-right:10px;
	padding:0px 5px;
	background:#00417e;
	color:#fff;
	border-radius:10px;
	font-size:12px;
	vertical-align:middle;
}

.iron-spec-box .spec-list-box .right{
	float:left;
	width:45%;
	padding:10px;
	background:#00417e;
	border-radius:0 5px 5px 0;
}

.iron-spec-box .spec-list-box .right dl{
	margin:0;
	padding:0;
}


.iron-spec-box .spec-list-box .right dt,
.iron-spec-box .spec-list-box .right dd{
	text-align:left;
	color:#fff;
}

.iron-spec-box .spec-list-box .right dd span{
	font-size:10px;
}

.iron-spec-box .spec-list-box .right dt{
	clear:both;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:25%;
	font-size:12px;
	background:#778288;
	text-align:center;
	border-radius:10px;
	font-weight:normal;
}

.iron-spec-box .spec-list-box .right dd{
	float:left;
	width:72%;
	padding-left:3%;
}

.iron-spec-box .spec-list-box .right dt,
.iron-spec-box .spec-list-box .right dd{
	margin-top:5px;
}

.iron-spec-box .spec-list-box .right dt:first-of-type,
.iron-spec-box .spec-list-box .right dd:first-of-type{
	margin-top:0;
}

.sub-spec{
	margin-top:5px;
}

.sub-spec::before{
	content:"●";
	color:#ccc;
}

.sub-spec li{
	display:inline-block;
	font-size:12px;
}

.sub-spec li:nth-child(n+1){
	margin-right:20px;
}


}


.spec-list-box2 .in-left,
.spec-list-box2 .in-right{
	width:35% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spec-list-box2 .right{
	width:30% !important;
}

.spec-list-box2 .in-left em,
.spec-list-box2 .in-right em{
	display:block;
	width:10%;
	background:#00417e;
	color:#fff;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	padding:10px;
	font-style:normal;
	font-weight: bold;
}

.spec-list-box2 .in-left em{
	border-radius:5px 0 0 5px;
}


.spec-list-box2 .in-left ul,
.spec-list-box2 .in-right ul{
	width:90%;
}

.item-type h4 em{
	margin-right:10px;
	padding:.2em;
	background:#00417e;
	font-style:normal;
	color:#fff;
}

@media screen and (max-width:767px) {

.spec-list-box2 .in-left,
.spec-list-box2 .in-right,
.spec-list-box2 .right{
	width:100% !important;
}

.spec-list-box2 .in-left em{
	border-radius:5px 0 0 0;
}

.spec-list-box2 .in-left ul{
	border-bottom:2px solid #ccc;
}

}

/*-------------------------------------------------

	--> WEBSHOP link / pro (2019.08.20追記)

-------------------------------------------------*/

.for_webshop{
	text-align: right;
	text-decoration: underline;
	font-size: 80%;
	color: #00b3e4;
	padding: 5px;
}
.for_webshop span{
	font-weight: bold;
}
.for_webshop a{
	color: inherit;
}
.for_webshop a:hover{
	color: #24859b;
}