@charset "utf-8";
@import "layout.css";

/* CSS リセット
-------------------------------------------------- */
*{
	/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */
	word-break: break-all;
	}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0; /*font-size:13px;*/vertical-align:baseline;background:transparent}body{line-height:1.5;background:#fff;color:#000}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}



html {
    font-size: 120%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

body, p, ul, li{
	margin: 0;
	padding: 0;

	}

body {
	color: #111;
	-webkit-text-size-adjust: none;
	font-family: メイリオ, "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN W3", ArialMT;
	line-height: 1.5;
}

audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 120%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
img , a { border:none;}


.imgC{
	text-align: center;
	margin-bottom:10px;
}

.contactBtn{
	text-align: center;
	margin-bottom: 40px;
}




/*
Header
**************************************/
#globalHeader{
border-top:#382314 solid 10px;
z-index:100; position:relative;
}

#globalHeader #logo{
	float: left; padding:20px 0 0 10px;
}

#globalHeader nav{
margin-top:10px;
	float: right;
}

#globalHeader nav ul li{
	float: left;
	padding:0 10px 0 0;
}

#eyeCatch h2 {
display: block;
font-size: 0em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;}


/*
GlobalNavigation
**************************************/
#gNav{
	margin: 100px auto 25px auto;
background-image:url(../images/eyecatch-bg.jpg);
background-repeat:repeat-x;
}

#gNav ul{
	text-align: center;
}

#gNav ul li{
	display: inline;
	margin-right: 5px;
	padding-right: 0;
}
#gNav ul li:last-child{
	display: inline;
	margin-right: 0;
	padding-right: 0;
}

/*
Menu
**************************************/
#menu{
	width: 100%;
	margin-bottom: 40px;
}

#menu a{
	display: block;
	text-decoration: none;
	color: #6a017a;
}

#menu p{
	font-weight: bold;
	font-size: 30px;
}
header h1 ,
.unit header h2 {
	color: #fff;
	text-shadow: 0 -1px 1px #333;
	margin-left: 20px;
}
body.index header { margin-bottom:0;}

.menuUnit{
	width: 100%;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(top, #fff, #f0f0f0);
	overflow: hidden;
	padding: 20px 0 15px 0;
	box-shadow: inset 0 1px 10px #ccc;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #d1d2d3;
}

.menuUnit .cap{
	float: left;
	margin: 0 15px 0 10px;
}

.menuUnit .meta{
	margin:35px 10px 0 10px;
	padding-top:10px;
	background: url(../common/img/common/arrow.png) no-repeat right center;
}

.menuUnit .meta p { padding:0; margin:0;}

.hpLink {margin-bottom: 40px;}
.hpLink img {margin-bottom: 10px;}


/*
list
**************************************/
.list {
	-webkit-box-shadow:0px 1px 3px #333;
	list-style: none;
	margin: 0;
	padding:0;
	overflow: hidden;
	/*border-top:1px solid #333;*/

}
.list li{
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #875e2a;

}
.list li a{
	display: block;
	height: 50px;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size:160%;
	line-height: 50px;
	font-weight:400;

}


/* サムネイルつき矢印リスト */
.list3 ul{border-top: 2px solid #876e2a;}
 .list3 ul li{
	color: #59452a;
	text-shadow:0px -1px 1px ccc;
	background: -webkit-linear-gradient(top, rgb(213,194,151) 50%, rgb(206,185,138) 50%);
	background: -o-linear-gradient(top, rgb(213,194,151) 50%, rgb(206,185,138) 50%);
	background: -ms-linear-gradient(top, rgb(213,194,151) 50%, rgb(206,185,138) 50%);
	background: -moz-linear-gradient(top, rgb(213,194,151) 50%, rgb(206,185,138) 50%);
	background: linear-gradient(top, rgb(213,194,151) 50%, rgb(206,185,138) 50%);
    border-top: 1px solid #fff;
border-bottom: 2px solid #876e2a;
 /*height: 70px;*/
 margin: 0px;
 }
 .list3 ul li a{
 background: url(../images/list_arrow.png) no-repeat 100% 50%;
color: #59452a;
 display: block;
 /*height: 72px;*/
 margin-right: 10px;/*右矢印の右スペース*/
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list3 ul li img{
 float: left;
height: 73px;
 width: 73px;
padding: 5px 10px 5px 5px;
 }
 .list3 ul li a span{
    font-size: 1.6em;
 display: block;
 line-height: 83px;
 /*font-weight: bold;
 padding-top: 17px;*/
 }


/*============================================================
button
============================================================*/
.button {
    min-height: 42px;
    line-height:56px;
    /*display: inline-block;*/
    padding: 10px;
    margin: 10px;
    cursor: pointer;
    opacity: 0.9;  
    color: #FFF;
    font-size: 1.6em;
    letter-spacing: 1.4px;
    text-shadow: rgba(0,0,0,0.9) 0px 1px 2px;
    
    background: #434343;
    border: 1px solid #242424;
   
    -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
     -khtml-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}
.button:hover {
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.button:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.shine {
    /*display: block;*/
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    padding: 0px 12px;
    top: -10px;
    left: -74px;/*この差がキラーンです*/
    height: 1px;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
     -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
       -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
         -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
            box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
     -khtml-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.button:hover .shine {left: 24px;}
.button:active .shine {opacity: 0;}

.button.rightbrown {background: #c5a167;}
.button.red {background: #7a0129;}

.button.gray { background: #ffffff;}
.button.purple {background: #6d207c;}
.button.brown {background: #855b27;}

.button a { background: url(../images/list-arrow02.png) no-repeat 100% 50%;
color:#fff;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;}

.gray a{ background:none;
color:#fff;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin:0 auto;
text-align:center;
text-decoration: none;
line-height:1.1;
  }
	

.button img { 
  float: left;
  width: 70px;
  height: 56px;
  margin-right:10px;
  }
  
.gray img{
  float:none;
  width:363px;
  height:72px;
  }

/*
Footer
**************************************/
footer{
	width: 100%;
margin-top:40px;
}

.pcLink{
	width: 100%;
	
	background: -webkit-gradient(
	linear, center top, center bottom, from(#1a3f76), color-stop(15%, #286297), to(#064484));/* Safari,Google Chrome用 */  
	
	background: -moz-linear-gradient(
	top, #1a3f76,
	#286297 15%,
	#064484
	);/* Firefox用 */  
	
	padding: 20px 0;
}.pcLink2{
	width: 100%;
	
	background: -webkit-gradient(
	linear, center top, center bottom, from(#1a7576), color-stop(15%, #289796), to(#068483));/* Safari,Google Chrome用 */  
	
	background: -moz-linear-gradient(
	top, #1a3f76,
	#289796 15%,
	#068483
	);/* Firefox用 */  
	
	padding: 20px 0;
}

.pcLink a{
	font-size: 28px;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin:0 10px 0 20px;
	background:url(../common/img/common/arrow_wh.png) right center no-repeat;
}
.pcLink2 a{
	font-size: 28px;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin:0 10px 0 20px;
	background:url(../common/img/common/arrow_wh.png) right center no-repeat;
}

.copy{
	width: 100%;
	background-color:#382314;
	padding: 20px 0;
	margin-bottom:100px;
}

.copy .btn { text-align:center;}
.copy .btn img { padding:5px;}
.copy p{
	text-align: center;
	color: #fff;
	text-shadow: 0 -1px 2px #000;
}
.copy p small{
	font-size: 1em;
	font-weight: bold;
}

/*
Footpass
**************************************/

.footpass { padding:25px 0 0 0;
	margin:0 0 0 0;
	width: 100%;

	background: -webkit-gradient(
	linear, center top, center bottom, from(#f5f6f7), color-stop(20%, #fff), to(#fff));
	/* Safari,Google Chrome用 */
	
	background: -moz-linear-gradient(
	top, #f5f6f7,
	#fff 20%,
	#fff
	);/* Firefox用 */  }
.footpass a { text-decoration:none; margin-left:20px;}

/*
Contents
**************************************/

#contents{
	width: 100%;
	margin-bottom: 40px;
}

section{padding:10px 0 30px 0; }
section h2 { margin:0 20px 15px 20px;}
section p { margin:0 20px 10px 20px;}
section strong { color:#770594;}
section article {width: 100%; text-align:center;}

.points {
	background:#f2f2f2;
	padding:25px 5px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	 margin:0 20px;
	}

.points div { background:#FFF; border:#d1d2d3 1px solid; padding:10px; text-align:left;}
.points h2 { border-bottom:#d1d2d3 1px dashed; margin-bottom:5px; padding-bottom:5px;}
.points div p { padding-bottom:10px;}

.points ul { padding:0; margin:0;}
.points ul li { padding:0; margin:0 0 0 30px; list-style:inside;}

table.type { width:600px; border:#ceccd2 5px solid; margin:0 auto;}
table.type th ,
table.type td { border-bottom:#ceccd2 1px solid; text-align:left; padding:5px;}

table.type th { background:#f1eff6; width:30%;}
table.type td { width:70%;}

/* =============================================================================
   MAIL FORM
   ========================================================================== */
#mailformUnit {
	background:#e4e7f0;
	padding:25px 5px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	 margin:0 20px;
	}

#mailformUnit h5 { font-size:200%; color:#CC0000;}
#mailformUnit h3 { border-bottom:#d1d2d3 1px dashed; margin-bottom:5px; padding-bottom:5px;}
#mailformUnit form { background:#FFF; border:#d1d2d3 1px solid; padding:20px; text-align:left;}

.listTable h3 { color:#770594; margin-top:15px;}
.listTable input , .listTable select { font-size:100%; margin-bottom:5px;}
.listTable textarea {width:100%;font-size:100%; margin-bottom:5px;}
.camBtn { text-align:center;}

/* =============================================================================
   SLIDE
   ========================================================================== */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {/*margin: 0 0 60px; background: #fff; border: 4px solid #fff;*/ position: relative;/* -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);*/ zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 278px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
 */
.flex-direction-nav { display:none;}/* 表示しない */
 
/* Control Nav */
.flex-control-nav {width:400px; height:30px;campaignListBtn/* position: absolute;*/ display:block; bottom: -40px; padding-top:20px;}
.flex-control-nav li {margin: 0 20px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #d3a232; /*background: rgba(0,0,0,0.5);*/ cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #000; /*background: rgba(0,0,0,0.7); RGBA値*/ }
.flex-control-paging li a.flex-active { background: #412925;/* background: rgba(0,0,0,0.9);*/ cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

.campaignListBtn { position:absolute; top:290px; left:426px;}


@media screen and (max-width: 640px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#toptxt{
	text-align:center;
	font-weight:bold;
	font-size:125%;
	color: #FFFFFF;
	background-color:#cb3d65;
	padding:10px;
}
	





/* add hsd 20190320 */
.infoarea01 {
display: block;
text-decoration: none;
font-size: 120%;
color: #333;
text-align: center;
border: 2px solid #cb3d65;
padding: 10px;
margin: 10px 20px 20px 20px;
border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00, #e9e9e9));
background: -webkit-linear-gradient(#ffffff, #e9e9e9);
background: -moz-linear-gradient(#ffffff, #e9e9e9);
background: -o-linear-gradient(#ffffff, #e9e9e9);
background: -ms-linear-gradient(#ffffff, #e9e9e9);
background: linear-gradient(#ffffff, #e9e9e9);
}

.infoarea01_ttl {
font-weight: bold;
font-size: 120%;
color: #cb3d65;
}

.infoarea01 .infoarea01_bn img {
max-width: 240px;
}

body#page .infoarea01 {
margin: 10px;
}



/* add 20191129 */

.footer_info {
background: #382314;
color: #fff;
text-align: center;
padding: 15px 5px;
}

.footer_info a {
color: #fff;
}

#globalHeader nav li img {
max-height: 55px;
}

#globalHeader nav ul li {
text-align: right;
font-size: 85%;
}