@charset "UTF-8";

/* ==========================================================================
COMMON
文字色 茶　　　　：#572D09
文字色 赤　　　　：#E20029
文字色 グレー　　：#1A1818
背景色 オレンジ　：#FF9900
背景色 グレー　　：#F2F2F2
背景色 イエロー　：#FFBD00
背景色 青　　　　：#305DFF
背景色 青　　　　：rgba(20,80,225,1.00) #1450E1
========================================================================== */
/* Google Fonts + 日本語 早期アクセス 250 300 350 400 500 700 900 */
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

.gfont {
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Sawarabi Mincho', serif;
}
/*===============================================
 レスポンシブ PCサイズ 横幅 769px以上
===============================================*/
@media screen and (min-width: 769px), print {

#drawer_head {
display: none;
}
a[href^="tel:"] {
	pointer-events: none;
}

* {
	-webkit-font-feature-settings: 'palt' 1; /*for Android 4.4*/
	font-feature-settings: 'palt' 1;
	font-weight: 500;
	font-style: normal;
}
body {
	width: 100%;
	min-width: 960px;
	font-size: 18px;
	box-sizing: border-box;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, p {
	display:block;
	margin:0;
}
h3 { margin: 0px 0px 20px; padding: 0px }

p {
	line-height:1.8;
}
img {
	vertical-align:top;
	border: 0px
}
ul, ol, dl {
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
li { list-style-type: none }
em {}
a {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;  
      -o-transition: 0.2s ease-in-out;  
         transition: 0.2s ease-in-out;
	text-decoration:none;
	color: #4B2800;
	color: #333333;
}
a:link { color: #005aaa; }
a:visited { color: #005aaa; }
a:active { color: #005aaa; text-decoration: none; }
a:hover { opacity:1.0; color: #005aaa; text-decoration: none; }
figure {
	display: block;
	padding: 0px;
	margin: 0px;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
}

/* shadow */
.bg_shadow {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	behavior:url(../js/PIE.htc);
}
.bg_shadow2 {
	box-shadow:0px 5px 0px 0px #4B2800,0px -5px 0px 0px #4B2800;
}
.corner_circle {
	border-radius: 6px;        /* CSS3草案 */  
 -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 6px;   /* Firefox用 */
	behavior:url(../js/PIE.htc);
}

.transition {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;  
       -o-transition: 0.2s ease-in-out;  
          transition: 0.2s ease-in-out;
}
.txt_scale {
	transform: scale( 0.75 , 1 );
	letter-spacing: -0.1em;
}
.arrow a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:8px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.arrow2 a:after {
	display:block;
	content:"";
	position:absolute;
	border-top: none;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:16px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.triangle{
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 16px;
	margin-top: -6px;
	
	border: 6px solid transparent;
	border-left: 6px solid #144bbe; 
}

.gradient {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #f39000), color-stop(0.00, #f89900));
	background: -webkit-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -moz-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -o-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -ms-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: linear-gradient(to bottom, #f89900 0%, #f39000 50%);
}

a img.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform01 {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

a img.transform02 {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform02 {
	-webkit-transform: rotate(-4deg) scale(1.2);
	transform: rotate(-4deg) scale(1.2);
}


/* ===================================
   header
   =================================== */
header {
	position: relative;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	z-index: 5;
	width: 100%;
	height: 75px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);

	background: rgba(255,255,255,1.00); /* Old browsers */
	background: -moz-linear-gradient(top, #f7f5f5 0%, #ffffff 25%, #ffffff 90%, #e5e5e5 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7f5f5 0%,#ffffff 25%,#ffffff 90%,#e5e5e5 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7f5f5 0%,#ffffff 25%,#ffffff 90%,#e5e5e5 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
header:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background: #187DF0;
	border-top: 1px solid rgba(255,255,255,1.00);
	bottom: 0px;
}

header #head {
	position: relative;
	background: none;
	width: 830px;
	height: 75px;
	margin: 0 auto 0px;
	padding: 0px 0px 0px 0px;
}
header #header h1 span {
	_width: calc( 164px + 0% );
	_-webkit-transform: scale(0.8);
	_-webkit-transform-origin: left 50%;
}

header #head h1#logo {
	display: block;
	float: left;
	width: 230px;
	height: 40px;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
header #head em {
	float: right;
	font-size: 12px;
	text-align: right;
	font-style: normal;
	padding: 8px 30px 0px 0px;
	margin: 0px;
}

header #head ul {
	display:block;
	position:absolute;
	float:right;
	width:525px;
	height:40px;
	margin:0px;
	padding:0px;
	right:10px;
	bottom:6px;
}
header #head ul li {
	display:block;
	float:left;
	margin:0px 4px 0px 0px;
}

header #head nav {
	display: block;
	position: absolute;
	overflow: hidden;
	right: 0px;
	bottom: 5px;
	padding: 5px 5px 0px 5px;
}
header #head nav > ul {
	display: block;
	position: static;
	width: 550px;
	height: 40px;
	margin: 0px -3px 0px 3px;
	padding: 0px;
}
header #head nav > ul li {
	width: calc( 100% / 5 );
	text-align: center;
	margin: 0px 0px 0px 0px;
}
header #head nav > ul li a {
	display: block;
	position: relative;
	font-size: 12px;
	text-decoration: none;
	line-height: 29px;
	font-weight: bold;
	color: #404040;
	background: linear-gradient(to bottom, #F2F2F2, #FFF, #FFF);
	border: 1px solid #FFF;
	
	margin: 10px 3px -2px;
	padding: 3px 0px 0px 0px;
	border-radius: 2px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
header #head nav > ul li a:hover {
	line-height: 35px;
	margin: 4px 3px -2px;
	padding: 3px 0px 0px 0px;
}
header #head nav > ul li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 3px;
	background: #CCC;
}
header #head nav > ul li a:hover:after {
	background: #1A1818;
}
header #head nav > ul li:nth-child(1) a:hover:after {
	background: #00ADE7;
}
header #head nav > ul li:nth-child(2) a:hover:after {
	background: #78BD36;
}
header #head nav > ul li:nth-child(3) a:hover:after {
	background: #F2A0B9;
}
header #head nav > ul li:nth-child(4) a:hover:after {
	background: #5F8EC4;
}
header #head nav > ul li:nth-child(5) a:hover:after {
	background: #F18904;
}

/* ===================================
   #wrapper
   =================================== */
#wrapper {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 820px;
	margin: 0 auto 0px;
	padding: 0px 10px;

	background: #FFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	
	z-index: 1;
}
article {
	position: relative;
	width: 550px;
	margin:  0px 0px 0px 10px;
	padding: 0px 5px 0px 5px;
}
aside {
	position: relative;
	width: 200px;
	padding: 20px 15px;
	margin: 0px auto 40px;
}
section {
	clear: both;
	overflow: hidden;
	padding: 20px 0px;
}
section h2 {
}
aside.pageSide {
	padding-top: 160px;
}

footer {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

/* --------------------
   パンくずナビ #navi
-------------------- */
#navi {
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	text-indent: 30px;
	vertical-align: bottom;
	width: calc( 100% + 20px );
	height: 30px;
	margin: 0px -10px 0px;

	background: url(../img/common/ptn10p.png) top center repeat, #305dff; /* Old browsers */
	background: url(../img/common/ptn10p.png) top center repeat, -moz-linear-gradient(top, #305dff 0%, #1c52a1 100%); /* FF3.6-15 */
	background: url(../img/common/ptn10p.png) top center repeat, -webkit-linear-gradient(top, #305dff 0%,#1c52a1 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn10p.png) top center repeat, linear-gradient(to bottom, #305dff 0%,#1c52a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305dff', endColorstr='#1c52a1',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
}
#navi a:link { color: #fff; }
#navi a:visited { color: #fff; }
#navi a:active { color: #fff; text-decoration: none }
#navi a:hover { color: #fff; text-decoration: none }

/* ---------------------------
   ページタイトル #mainTitle
--------------------------- */
#mainTitle {
	position: absolute;
	top: 20px;
	right: -215px;
	width: 200px;
	height: 120px;
	color: #fff;

	background: url(../img/common/ptn10p.png) top center repeat, #0028aa; /* Old browsers */
	background: url(../img/common/ptn10p.png) top center repeat, -moz-linear-gradient(top, #2d5aff 0%, #0028aa 100%); /* FF3.6-15 */
	background: url(../img/common/ptn10p.png) top center repeat, -webkit-linear-gradient(top, #2d5aff 0%, #0028aa 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn10p.png) top center repeat, linear-gradient(to bottom, #2d5aff 0%, #0028aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5aff', endColorstr='#0028aa',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
}
#mainTitle h1 {
	position: relative;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin: 35px 0px 0px 12px;
	padding: 15px 0px 0px 0px;
}
#mainTitle h1 span {
	display: block;
	position: absolute;
	font-size: 9px;
	line-height: 20px;
	top: 0px;
	left: 0px;
}

/* ------------------------------
 サイド aside {}
------------------------------ */
#new {
	_background-color: #f2f2f2;
	padding: 0px 0px 10px 0px;
	border-radius: 3px;
	overflow: hidden;
}
#new h2 {
	box-sizing: border-box;
	display: block;
	position: relative;
	
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	
	padding: 0px 0px 0px 18px;
	margin: 1px;
	border: 1px solid #999999;
	border-radius: 3px;
	
	background: url(../img/common/ptn30p.png) top center repeat, #d9d9d9;
	background: url(../img/common/ptn30p.png) top center repeat,-moz-linear-gradient(top, #f2f2f2 25%, #d9d9d9 100%); /* FF3.6-15 */
	background: url(../img/common/ptn30p.png) top center repeat,-webkit-linear-gradient(top, #f2f2f2 25%,#d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn30p.png) top center repeat,linear-gradient(to bottom, #f2f2f2 25%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}
#new h2:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #1450E1;
	border-right:2px solid #1450E1;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 5px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#new ul {
	margin: 5px;
}
#new ul li.new {
	display: block;
	font-size: 11px;
	padding: 10px;
	border-bottom: 1px solid #999;
}

#new .tw-box {
	background-color: #fff;
	border: 1px solid rgba(242,242,242,0.50);
	border-top: none;
	margin: 0px auto;
}
#new .tw-box .twitter-timeline {}
#new .tw-box .twitter-timeline iframe {
	padding: 0px;
	margin: 0px auto;
	width: 100%;
}

#comInfo {
	position: absolute;
	bottom: 0px;
}
#add {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#a1 { font-weight: bold; font-size: 11px; margin: 7px 0px 2px 5px; padding: 0px }
#a2 { font-size: 11px; line-height: 150%; margin: 0px 0px 0px 10px; padding: 0px }
#a3 { font-size: 11px; line-height: 150%; margin: 2px 0px 2px 10px; padding: 0px }
#a4 { font-weight: bold; font-size: 11px; margin: 7px 0px 2px 5px; padding: 0px }
#a5 { font-size: 11px; line-height: 150%; margin: 0px 0px 0px 10px; padding: 0px }
#a6 { font-size: 11px; line-height: 150%; margin: 2px 0px 2px 10px; padding: 0px }
.simg { margin: 16px 0px 3px 7px }
.snote { font-size: 10px; text-align: right; margin: 0px; padding: 0px; width: 193px }

.s_pho {
	display:block;
	margin: 16px 0px 3px 7px;
	border:1px solid #BBB;
	padding:2px;
}

aside #comInfo ul {}
aside #comInfo ul li {}
aside #comInfo ul li.sns {}
aside #comInfo ul li.sns > ol {
	display: flex;
	flex-wrap: wrap;
	padding: 5px 7px 0px 7px;
}
aside #comInfo ul li.sns > ol li {
	margin: 0px 3px;
}
aside #comInfo ul li.sns > ol li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 26px;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 0 0.75em;
	font-size: 11px;
}
aside #comInfo ul li.sns > ol li.inst a {
	background: #D72F83;
}
aside #comInfo ul li.sns > ol li.twit a {
	background: #1DA1F2;
}
aside #comInfo ul li.sns > ol li a i {
	font-size: 18px;
	margin-right: 0.25em;
}

#sideBuild {
	padding: 0px;
	border-radius: 3px;
	margin: 0px auto 20px;
	
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
}
#sideBuild h2 {
	box-sizing: border-box;
	display: block;
	position: relative;
	
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	color: #FFFFFF;
	
	padding: 0px 0px 0px 18px;
	margin: 0px auto 0px;
	border: 1px solid #4358A3;
	border-radius: 3px;
	
	background: url(../img/common/ptn10p.png) top center repeat, #305dff; /* Old browsers */
	background: url(../img/common/ptn10p.png) top center repeat, -moz-linear-gradient(top, #305dff 0%, #1c52a1 100%); /* FF3.6-15 */
	background: url(../img/common/ptn10p.png) top center repeat, -webkit-linear-gradient(top, #305dff 0%,#1c52a1 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn10p.png) top center repeat, linear-gradient(to bottom, #305dff 0%,#1c52a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305dff', endColorstr='#1c52a1',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}
#sideBuild h2:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 5px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#sideBuild ul {
	padding: 0px 0px 1px;
}
#sideBuild ul li {
	clear: both;
	margin: 5px 5px 0px 5px;
	border-bottom: 1px dotted #1A1818;
}
#sideBuild ul li:last-child {
	border-bottom: none;
}
#sideBuild ul li a {
	display: block;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 3px;
	color: #1A1818;
}
#sideBuild ul li a:hover {
	background: #f2f2f2;
}
#sideBuild ul li figure {
	float: left;
	border: 1px solid #B2B2B2;
	padding: 2px;
	margin: 0px 10px 0px 0px;
	background: #fff;
}
#sideBuild ul li h3 {
	font-size: 12px;
	line-height: 1em;
	margin: 5px 0px 5px 0px;
}
#sideBuild ul li h3 em {
	display: block;
	font-family: "Sawarabi Mincho";
	font-size: 15px;
	margin: 0px 0px 8px 0px;
	text-indent: -0.10em;
}
#sideBuild ul li p {
	font-size: 10px;
	line-height: 1.25em;
	-webkit-transform: scale(0.9);
 -webkit-transform-origin:center 0;
}
#sideBuild ul li:nth-child(1) h3 em {
	color: #78bd36;
}
#sideBuild ul li:nth-child(2) h3 em {
	color: #00a1e9;
}
#sideBuild ul li:nth-child(3) h3 em {
	color: #f2a0b9;
}
#sideBuild ul li:nth-child(4) h3 em {
	color: #f18904;
}

#sideBuild ul.sub {
padding: 5px 0px 0px 0px;
}
#sideBuild ul.sub li {
	margin: 0px;
	border-bottom: 1px dotted #1A1818;
}
#sideBuild ul.sub li:last-child {
	border-bottom: none;
}
#sideBuild ul.sub li a {
	position: relative;
	font-size: 14px;
	line-height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}
#sideBuild ul.sub li a:after {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 16px;
	margin-top: -6px;
	
	border: 6px solid transparent;
	border-left: 7px solid #144bbe; 
}

/* ------------------------------
 フッター footer #foot
------------------------------ */
#foot {
	position: relative;
	box-sizing: border-box;
	width: 820px;
	margin: 0 auto 0px;
	padding: 0px 0px;
	font-size: 11px;
	
	background: #FFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);

}
#foot .fNavi {
	padding: 0px 25px 20px 25px;
}
#foot .fNavi ul {
	display: flex;
	flex-wrap: wrap;
}
#foot .fNavi ul li {}
#foot .fNavi ul li:before {
	content: '｜';
}
#foot .fNavi ul li a {
	padding: 10px 0.5em;
}

#page {
	position: absolute;
	font-size: 11px;
	padding: 0px 20px 20px 20px;
	top: 0px;
	right: 0px;
}

#foot .copyright {
	position: relative;
	padding: 10px 0px 40px;
	text-align: right;

	background: #f7f5f5;
	background: -moz-linear-gradient(top, #FFFFFF 25%, #f7f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FFFFFF 25%,#f7f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FFFFFF 25%,#f7f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f7f5f5',GradientType=0 ); /* IE6-9 */
}
#foot .copyright:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background: #187DF0;
	border-top: 1px solid rgba(255,255,255,1.00);
	top: 0px;
}
#foot .copyright p {
	margin: 0px 20px;
}

}

/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下〜320px
===============================================*/
@media screen and (max-width: 768px) {

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
	text-rendering: optimizelegibility;
	
	-webkit-tap-highlight-color:rgba(0,0,0,0.2);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	
	-moz-tap-highlight-color:rgba(0,0,0,0.2); 
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	
	-ms-tap-highlight-color:rgba(0,0,0,0.2); 
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;
	font-style: normal;
	
	-webkit-font-feature-settings: 'palt' 1; /*for Android 4.4*/
	font-feature-settings: 'palt' 1;
}
html {
	font-size: 62.5%;
}
body {
	width: 100%;
	font-size: 1.4rem;
	min-width: 320px;
	position: relative;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4 {
}
h1, h2, h3, h4, h5, p {
	display:block;
	margin: 0;
	line-height:1.5;
}
p {}
img {
	vertical-align:top;
}
ul, ol, dl {
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
em {
	font-style:normal;
}
a {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;  
      -o-transition: 0.2s ease-in-out;  
         transition: 0.2s ease-in-out;
	text-decoration:none;
	color: #4B2800;
}
a:link { color: #005aaa; }
a:visited { color: #005aaa; }
a:active { color: #005aaa; text-decoration: none; }
a:hover { opacity:1.0; color: #005aaa; text-decoration: none; }
figure {
	display: block;
	margin: 0px;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
}

/* shadow */
.bg_shadow {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	behavior:url(../js/PIE.htc);
}
.bg_shadow2 {
	box-shadow:0px 5px 0px 0px #773920,0px -5px 0px 0px #773920;
}
.corner_circle {
	border-radius: 6px;        /* CSS3草案 */  
  -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 6px;   /* Firefox用 */
	behavior:url(../js/PIE.htc);
}
.transition {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;  
       -o-transition: 0.2s ease-in-out;  
          transition: 0.2s ease-in-out;
}
.txt_scale {
	transform: scale( 0.75 , 1 );
	letter-spacing: -0.1em;
}
.arrow a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:8px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.arrow2 a:after {
	display:block;
	content:"";
	position:absolute;
	border-top: none;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:16px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.gradient {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #f39000), color-stop(0.00, #f89900));
	background: -webkit-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -moz-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -o-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -ms-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: linear-gradient(to bottom, #f89900 0%, #f39000 50%);
}

a img.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform01 {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

a img.transform02 {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform02 {
	-webkit-transform: rotate(-4deg) scale(1.2);
	transform: rotate(-4deg) scale(1.2);
}


/* header */
header {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc( 100vw - 0px );
	padding: 10px 0px 10px 0px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	
	background: rgba(255,255,255,1.00); /* Old browsers */
	background: -moz-linear-gradient(top, #f7f5f5 0%, #ffffff 25%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7f5f5 0%,#ffffff 25%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7f5f5 0%,#ffffff 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
header:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background: #187DF0;
	border-top: 1px solid rgba(255,255,255,1.00);
	bottom: 0px;
}
header #head {
	_display: flex;
	_flex-wrap: wrap;
	_align-items: flex-end;
}
header #head h1#logo {
	display: block;
	text-align: left;
	width: calc( 100% );
	max-width: 250px;
	margin: 0px;
	padding: 0px 10px;
}
header #head h1#logo img {
	width: 100%;
	max-width: 230px;
	height: auto;
}
header #head em {
	display: none;
	width: 100vw;
	font-size: 1rem;
	text-align: left;
	font-style: normal;
	padding: 5px 10px 0px;
	margin: 0px auto;
}

header #head nav {
	display: none;
}


/* ===================================
   #wrapper
   =================================== */
#wrapper {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100vw;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	z-index: 1;
}
article {
	width: 100vw;
	margin:  0px;
	padding: 0px;
}
aside {
	width: 100vw;
	padding: 0px;
	margin: 0px;
}
aside.pageSide {
	padding: 0px;
}
section {
	clear: both;
	overflow: hidden;
	padding: 0px;
}
section h2 {
}

footer {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
}

/* --------------------
   パンくずナビ #navi
-------------------- */
#navi {
	font-size: 1.0rem;
	line-height: 30px;
	text-align: left;
	text-indent: 20px;
	vertical-align: bottom;
	width: calc( 100% + 10px );
	height: 30px;
	margin: 0px -10px 0px;

	background: url(../img/common/ptn50p.png) top center repeat, #ffffff; /* Old browsers */
	background: url(../img/common/ptn50p.png) top center repeat, -moz-linear-gradient(top, #e0f2fc 0%, #ffffff 100%); /* FF3.6-15 */
	background: url(../img/common/ptn50p.png) top center repeat, -webkit-linear-gradient(top, #e0f2fc 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn50p.png) top center repeat, linear-gradient(to bottom, #e0f2fc 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f2fc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
}


/* ---------------------------
   ページタイトル #mainTitle
--------------------------- */
#mainTitle {
	width: calc( 100% - 0px );
	color: #fff;
	margin: 0px 0px;

	background: url(../img/common/ptn10p.png) top center repeat, #0028aa; /* Old browsers */
	background: url(../img/common/ptn10p.png) top center repeat, -moz-linear-gradient(top, #2d5aff 0%, #0028aa 100%); /* FF3.6-15 */
	background: url(../img/common/ptn10p.png) top center repeat, -webkit-linear-gradient(top, #2d5aff 0%, #0028aa 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn10p.png) top center repeat, linear-gradient(to bottom, #2d5aff 0%, #0028aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5aff', endColorstr='#0028aa',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
}
#mainTitle h1 {
	position: relative;
	color: #fff;
	font-size: 2rem;
	line-height: 30px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 15px 0px;
}
#mainTitle h1 span {
	display: block;
	position: absolute;
	font-size: 1rem;
	line-height: 20px;
	top: 5px;
	left: 50%;
	margin: 0px 0px 0px -50vw;
	width: 100vw;
	-webkit-transform: scale(0.8);
	-webkit-transform-origin: center 0%;
}

/* ------------------------------
 サイド aside {}
------------------------------ */
#new {
	background-color: #f2f2f2;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
#new h2 {
	box-sizing: border-box;
	display: block;
	position: relative;
	
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	
	padding: 0px 0px 0px 18px;
	margin: 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	
	background: url(../img/common/ptn30p.png) top center repeat, #d9d9d9;
	background: url(../img/common/ptn30p.png) top center repeat,-moz-linear-gradient(top, #f2f2f2 25%, #d9d9d9 100%); /* FF3.6-15 */
	background: url(../img/common/ptn30p.png) top center repeat,-webkit-linear-gradient(top, #f2f2f2 25%,#d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn30p.png) top center repeat,linear-gradient(to bottom, #f2f2f2 25%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}
#new h2:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #1450E1;
	border-right:2px solid #1450E1;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 5px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#new ul {
	margin: 0px;
}
#new ul li.new {
	display: block;
	font-size: 1.1rem;
	padding: 10px;
	border-bottom: 1px solid #999;
}


#comInfo {
	padding: 10px 20px;
}
#comInfo h2.logo {}
#comInfo ul {
	display: flex;
	flex-wrap: wrap;
}
#comInfo ul li {
	display: block;
	width: calc( 100% );
	max-width: 200px;
}

#add {
	margin: 0px;
	padding: 0px;
}
#a1 { font-weight: bold; font-size: 11px; margin: 7px 0px 2px 5px; padding: 0px }
#a2 { font-size: 11px; line-height: 150%; margin: 0px 0px 0px 10px; padding: 0px }
#a3 { font-size: 11px; line-height: 150%; margin: 2px 0px 2px 10px; padding: 0px }
#a4 { font-weight: bold; font-size: 11px; margin: 7px 0px 2px 5px; padding: 0px }
#a5 { font-size: 11px; line-height: 150%; margin: 0px 0px 0px 10px; padding: 0px }
#a6 { font-size: 11px; line-height: 150%; margin: 2px 0px 2px 10px; padding: 0px }
.simg { margin: 16px 0px 3px 7px }
.snote { font-size: 10px; text-align: right; margin: 0px; padding: 0px; width: 193px }

.s_pho {
	display:block;
	margin: 16px 0px 3px 7px;
	border:1px solid #BBB;
	padding:2px;
}

aside #comInfo ul {}
aside #comInfo ul li {}
aside #comInfo ul li.sns {}
aside #comInfo ul li.sns > ol {
	display: flex;
	flex-wrap: wrap;
	padding: 5px 7px 0px 7px;
}
aside #comInfo ul li.sns > ol li {
	margin: 0px 3px;
	width: 100%;
	_max-width: 26px;
}
aside #comInfo ul li.sns > ol li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 26px;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 0 0.75em;
	font-size: 1.2rem;
}
aside #comInfo ul li.sns > ol li.inst a {
	background: #D72F83;
}
aside #comInfo ul li.sns > ol li.twit a {
	background: #1DA1F2;
}
aside #comInfo ul li.sns > ol li a i {
	font-size: 1.8rem;
	margin-right: 0.25em;
}


#sideBuild {
	padding: 0px;
	margin: 0px auto 10px;
	
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25) inset;
}
#sideBuild h2 {
	box-sizing: border-box;
	display: block;
	position: relative;
	
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	color: #FFFFFF;
	
	padding: 0px 0px 0px 18px;
	margin: 0px auto 0px;
	border-bottom: 1px solid #4358A3;
	
	background: url(../img/common/ptn10p.png) top center repeat, #305dff; /* Old browsers */
	background: url(../img/common/ptn10p.png) top center repeat, -moz-linear-gradient(top, #305dff 0%, #1c52a1 100%); /* FF3.6-15 */
	background: url(../img/common/ptn10p.png) top center repeat, -webkit-linear-gradient(top, #305dff 0%,#1c52a1 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/ptn10p.png) top center repeat, linear-gradient(to bottom, #305dff 0%,#1c52a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305dff', endColorstr='#1c52a1',GradientType=0 ); /* IE6-9 */
	background-size: 3px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}
#sideBuild h2:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 5px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#sideBuild ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px 1px;
	width: 100%;
	max-width: 540px;
	margin: 0px auto;
}
#sideBuild ul li {
	width: calc( 50% - 1% );
	margin: 5px 0.5% 0px;
	border-bottom: 1px dotted #1A1818;
}
#sideBuild ul li:nth-child(3),
#sideBuild ul li:nth-child(4) {
	border-bottom: none;
}

/*　１列の場合 max-width: 320px-374px　*/
@media screen and (max-width: 374px) {
#sideBuild ul li {
	width: calc( 100% - 10px );
}
#sideBuild ul li:nth-child(3) {
	border-bottom: 1px dotted #1A1818;
}
}
#sideBuild ul li a {
	display: block;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 3px;
	color: #1A1818;
}
#sideBuild ul li a:hover {
	background: #e5e5e5;
}
#sideBuild ul li figure {
	float: left;
	border: 1px solid #B2B2B2;
	padding: 2px;
	margin: 0px 10px 0px 0px;
	background: #fff;
}
#sideBuild ul li h3 {
	font-size: 1.2rem;
	line-height: 1em;
	margin: 5px 0px 5px 0px;
}
#sideBuild ul li h3 em {
	display: block;
	font-family: "Sawarabi Mincho";
	font-size: 1.5rem;
	margin: 0px 0px 8px 0px;
	text-indent: -0.10em;
}
#sideBuild ul li p {
	font-size: 1rem;
	line-height: 1.25em;
	-webkit-transform: scale(0.9);
 -webkit-transform-origin:left 0;
	margin: 0px 0px 0px 90px;
}
#sideBuild ul li:nth-child(1) h3 em {
	color: #78bd36;
}
#sideBuild ul li:nth-child(2) h3 em {
	color: #00a1e9;
}
#sideBuild ul li:nth-child(3) h3 em {
	color: #f2a0b9;
}
#sideBuild ul li:nth-child(4) h3 em {
	color: #f18904;
}

#sideBuild ul.sub {}
#sideBuild ul.sub li {
	width: calc( 50% - 0% );
	margin: 0px;
}
#sideBuild ul.sub li:nth-child(odd) {
	border-right: 1px dotted #1A1818;
}
/*　１列の場合 max-width: 320px-374px　*/
@media screen and (max-width: 374px) {
#sideBuild ul.sub li {
	width: calc( 100% - 0px );
}
#sideBuild ul.sub li:nth-child(3) {
	border-bottom: 1px dotted #1A1818;
}
#sideBuild ul.sub li:nth-child(odd) {
	border-right: none;
}

}
#sideBuild ul.sub li:last-child {
	border-bottom: none;
}
#sideBuild ul.sub li a {
	position: relative;
	font-size: 14px;
	line-height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 30px;
}
#sideBuild ul.sub li a:after {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 16px;
	margin-top: -6px;
	
	border: 6px solid transparent;
	border-left: 7px solid #144bbe; 
}

/* ------------------------------
 フッター footer #foot
------------------------------ */
#foot {
	box-sizing: border-box;
	width: 100vw;
	margin: 0px;
	padding: 0px;
	font-size: 1.1rem;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#foot .fNavi {
	padding: 0px 0px 0px 0px;
}
#foot .fNavi ul {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #999;
}
#foot .fNavi ul li {
	box-sizing: border-box;
	width: calc( 100% / 3 );
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
#foot .fNavi ul li:nth-child(3n) {
	border-right: none;
}
#foot .fNavi ul li:before {
	content: '';
}
#foot .fNavi ul li a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 15px 0.5em;
}

#page {
	font-size: 1.1rem;
	padding: 10px 20px 10px 20px;
	text-align: center;
	background: #1450E1;
	color: #FFF;
	width: 100%;
}
#page a {
	color: #FFF;
}

#foot .copyright {
	position: relative;
	padding: 10px 0px 40px;
	text-align: center;

	background: #f7f5f5;
	background: -moz-linear-gradient(top, #FFFFFF 25%, #f7f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FFFFFF 25%,#f7f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FFFFFF 25%,#f7f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f7f5f5',GradientType=0 ); /* IE6-9 */
}
#foot .copyright:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background: #187DF0;
	border-top: 1px solid rgba(255,255,255,1.00);
	top: 0px;
}
#foot .copyright p {
	margin: 0px 20px;
}


}




/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

/*!------------------------------------*\
    Drawer 3.2.2　Navi 
\*!------------------------------------*/
#drawer_head.drawer-navbar {
	z-index: 102;
	top: 0;
	width: 100%;
}
#drawer_head.drawer-navbar .drawer-navbar-header {
	width: 100%;
	height: 100%;
}

#drawer_head {}
#drawer_head li, #drawer_head li a {
	color: #FFF;
}
#drawer_head div.drawer-container {}
#drawer_head nav.drawer-nav {
	position: fixed;
	z-index: 101;
	top: 0;
	overflow: hidden;
	width: 23.25rem;
	height: 100%;
	color: #FFF;
	background-color: #144BBE;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}
#drawer_head ul.drawer-menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 80px 0px;
	list-style: none;
/*	border-top:1px solid rgba(0,0,0,0.25);*/
}

#drawer_head ul.drawer-menu li {
}
#drawer_head ul.drawer-menu li:last-child {
}
#drawer_head .drawer-brand {
	font-size: 2rem;
	line-height: 5rem;
	padding: 0px 0.75rem 0px 1.75rem;
	color: #FFF;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-weight: 100;
	text-align: center;
}
#drawer_head ul.drawer-menu li a {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#drawer_head li a.drawer-menu-item {
	display: block;
	position:relative;
	font-size: 1.4rem;
	line-height: 50px;
	padding: 0px 10px 0px 3.6rem;
	text-decoration: none;
	color: #FFF;
}
#drawer_head li:first-child a.drawer-menu-item {
	line-height: 50px;
}
.drawer-menu-item:hover {
  text-decoration: underline;
  color: #FFF;
  background-color: transparent;
}
#drawer_head a.drawer-menu-item {}
#drawer_head li.drawer-dropdown {}
#drawer_head ul.drawer-dropdown-menu {}
#drawer_head li a.drawer-dropdown-menu-item {}
#drawer_head li a i {
	position:absolute;
	display:block;
	top: 7px;
	left: 2px;
	font-size:1.6rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}
#drawer_head li:first-child a i {
	position:absolute;
	display:block;
	top: 10px;
	left: 2px;
	font-size:1.6rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}
#drawer_head li a.drawer_arrow:after {
	display:block;
	position:absolute;
	content:'';
	
	top:50%;
	right: 18px;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	
	margin:-4px 0px 0px -6px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
#drawer_head li a.drawer-menu-item.low {
	padding: 0px 10px 0px 5rem;
}
#drawer_head li a.drawer-menu-item.low:before {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 3.6rem;
	margin-top: -6px;
	
	border: 6px solid transparent;
	border-left: 7px solid #144bbe; 
}
#drawer_head li:nth-child(4) a.drawer-menu-item.low:before {
	border-left: 7px solid #78bd36;
}
#drawer_head li:nth-child(5) a.drawer-menu-item.low:before {
	border-left: 7px solid #00a1e9;
}
#drawer_head li:nth-child(6) a.drawer-menu-item.low:before {
	border-left: 7px solid #f2a0b9;
}
#drawer_head li:nth-child(7) a.drawer-menu-item.low:before {
	border-left: 7px solid #f18904;
}


/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
#drawer_head .drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent!important;
}
#drawer_head .drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}
#drawer_head .drawer-dropdown-menu-item {
	line-height: 4rem;
	display: block;
	position: relative;
	padding: 0;
	padding-right: .75rem;
	padding-left: 3rem;
	text-decoration: none;
	color: #FFF;
	font-size: 1.2rem;
	background: #685e64;
}
#drawer_head .drawer-dropdown-menu-item:hover {
  text-decoration: none;
  color: none;
  background-color: rgba(104,94,100,0.50);
}
#drawer_head .drawer-dropdown-menu-item:after {
	display:block;
	content: "";
	position:absolute;
	top:50%;
	left: 20px;
	width: 5px!important;
	height: 5px!important;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin:-4px 0px 0px -6px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/*! open */
#drawer_head .drawer-dropdown.open > .drawer-dropdown-menu {
	display: block;
}

/*! drawer-caret */
#drawer_head .drawer-dropdown .drawer-caret {
	display:inline-block;
	position:absolute;
	-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, opacity .2s ease;
	transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
	vertical-align: middle;
	top:50%;
	right: 18px;
/*
	width: 8px!important;
	height: 8px!important;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: none!important;
	border-bottom: none!important;
*/
	width: 0;
	height: 0;
	margin-left: 4px;
	-webkit-transform: rotate(0deg);
									transform: rotate(0deg);
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;

	margin:-4px 0px 0px -6px;
}

/*! open */
#drawer_head .drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}



/*! overlay */
.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}
.drawer-open .drawer-overlay {
  display: block;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
#drawer_head div.drawer-navbar-header {}

#drawer_head .drawer-hamburger {
	position: fixed;
	z-index: 204;
	top: 7px;
	display: block;
	box-sizing: content-box;
	width: 2.6rem;
	height: 0.6rem;
	padding: 1.8rem 1.2rem 2.6rem;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transform: translate3d(0, 0, 0);
									transform: translate3d(0, 0, 0);
	border: 0;
	outline: 0;
	background-color: rgba(255,255,255, 0.50);
/*	border-bottom-left-radius: 20px;*/
/* background-color: transparent;*/
/*	background-color: #e8e6e9;*/
}
.drawer--right.drawer-open .drawer-hamburger {
	background-color: transparent !important;
}

#drawer_head .drawer-hamburger:hover {
	cursor: pointer;
/* background-color: transparent;*/
}
#drawer_head .drawer-hamburger-icon {
	position: relative;
	display: block;
	margin: 0px 0rem;

	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	color: #144BBE;
	font-size: 0.80rem;
	text-align: center;
	line-height: 4rem!important;
}
#drawer_head .drawer-hamburger-icon,
#drawer_head .drawer-hamburger-icon:before,
#drawer_head .drawer-hamburger-icon:after {
  width: 100%;
  height: 4px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		background: #144BBE;
		border-radius: 0px;
}
.drawer-open .drawer-hamburger-icon {
	background-color: transparent!important;
	color: #FFFFFF!important;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
	top: 0px;
	background: #FFFFFF!important;
}

.drawer-hamburger:after {
	display: block;
	position: absolute;
	content: "";

	height: 12px;
	width: 4rem;
	left: 50%;
	bottom: 20px;
	margin-left: -3rem;
	text-align: center;
}
#drawer_head .sr-only {}


/*!------------------------------------*\
    Swiper
\*!------------------------------------*/
.swiper-container {
	z-index: 10;
	width: 100%;
	height: calc( 136vw - 50px );
	margin: 0px 0px 0px;
	float: left;
	transition: opacity .6s ease, -webkit-transform .3s ease;
	transition: opacity .6s ease, transform .3s ease;
	transition: opacity .6s ease, transform .3s ease, -webkit-transform .3s ease;
}
@media(min-width:600px) {
	.swiper-container {
		height: calc( 100vh - 50px );
	}
}

.swiper-wrapper {
	z-index:10;
}
.swiper-slide .content {
	top: auto;
	left: 0;
	bottom: 0%;
	width: 70%;
	padding: 0 0 10px 5%;
	color: rgba(255,255,255,1.00);
}
.swiper-slide .content .title {
  font-size: 2.4rem;
  font-weight: 800;
  margin: 0px 0px 10px 0px;
}
.swiper-slide .content .title h3 {
	display: inline-block;
	box-sizing: border-box;
	line-height: 1.2em;
	text-align: center;
	background: #FF9900;
	width: 10rem;
	height: 10rem;
	padding: 1.8rem 0 0 0;
	border-radius: 50%;
}
.swiper-slide .content .title h3 span {
	display: block;
	font-size: 1rem;
	font-weight: 800;
line-height: 1.0em;
}
.swiper-slide .content .title h3 em {
	display: inline-block;
	font-weight: 800;
	border-bottom: 2px dotted #FFFFFF;
	margin: 0px auto 5px;
	padding: 0px 0.2em;
	letter-spacing: -0.1em;
}
.swiper-slide .content .title h3 p.age {
	font-size: 1.4rem;
	font-weight: 800;
}

.swiper-slide .content .caption {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4;
		padding: 0px 0px 0px 10px;
}
.swiper-slide .content dl.caption {}
.swiper-slide .content dl.caption dt {
	font-size: 1.4rem;
	font-weight: 600;
	float: left;
	margin: 0px 10px 0px 0px;
	text-shadow: 0px 0px 3px rgba(0,0,0,1.00);
}
.swiper-slide .content dl.caption dd {
	display: inline-block;
	margin: 0.4rem 10px 0px 0px;
	font-weight: 400;
	text-shadow: 0px 0px 3px rgba(0,0,0,1.00);
}
.swiper-slide .content dl.caption dd.btn a {
	display: inline-block;
	background: #FF9900;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2.4rem;
	padding: 0 1em;
	color: #FFF;
	border-radius: 1.2rem;
	margin: 0.2rem 0px 0px 0px;
	text-shadow: none;
	box-shadow: 0px 0px 3px rgba(0,0,0,1.00);
}


}