@charset "utf-8";
/* CSS Document */

/*--------------------
基本設定
---------------------*/

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #000;
    font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background-repeat: repeat;
    background-color: #FFF;
    line-height: 160%;
    -webkit-text-size-adjust:100%
}

@media all and (max-width: 480px) {
    body {
        font-size: 94%;
        -webkit-text-size-adjust: 100%;
    }
}

ul, li, h1, h2, h3, h4, h5, h6, table, tr, td, img, p, a, div, form, dl, dt, dd {
    margin: 0;
    padding: 0;
}

a {
    color: #14aae8;
    border: none;
    text-decoration: underline;
    background-repeat: no-repeat;
    outline: none;
}

a:link {
    border: none;
    text-decoration: underline;
    background-repeat: no-repeat;
}

a:visited {
    color: #14aae8;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

ol, ol li, ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

@media all and (max-width: 769px) {
    img {
        max-width: 100%;
    }
}

table {
    border-collapse: collapse;
}

@media all and (max-width: 480px) {
    table {
        max-width: 100%;
    }
}

strong {
    font-weight: bold;
}

sup {
    font-size: 60%;
}

.bold {
    font-weight: bold;
}

.red {
	color:#ff0000;
}



::selection {
    background-color: #111; /* Safari */
	color:#FFF;
}
::-moz-selection {
    background-color: #111; /* Firefox */
	color:#FFF;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


/*--------------------
clearfix
---------------------*/

.clearfix {
    /**zoom: 1;*/
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/*--------------------
header
---------------------*/

#loader {
    width: 128px;
    height: 128px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 40%;
    left: 50%;
    /* margin-top: -XXpx; heightの半分のマイナス値 */
    /* margin-left: -XXXpx; widthの半分のマイナス値 */
    z-index: 100;
}

#allwrap {
    margin: 0;
    padding: 0;
}

header {
}

@media all and (max-width: 845px) {
    header {
    }
}

@media all and (max-width: 769px) {
    header {
    }
}

header #header_wrap {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

@media all and (max-width: 1199px) {
    header #header_wrap {
        width: 100%;
    }
}

@media all and (max-width: 845px) {
    header #header_wrap {
        height: 80%;
    }
}

@media all and (max-width: 769px) {
    header #header_wrap {
        height: 40%;
    }
}

@media all and (max-width: 480px) {
    header #header_wrap {
        height: 60px;
        height: 60px;
        position: fixed;
        background-color: #FFF;
        z-index: 10000 !important;
    }
}

header {
	height:80px;
}

@media all and (max-width: 769px) {
    header {
    }
}

@media all and (max-width: 480px) {
    header {
        height: 60px;
    }
}


/* ロゴ */

header #header_wrap #logo {
	width: 700px;
	height: 46px;
    position: absolute;
    top: 20px;
    left: 0px;
}

@media all and (max-width: 1199px) {
    header #header_wrap #logo {
    	left: 10px;
    }
}

@media all and (max-width: 845px) {
    header #header_wrap #logo {
	    max-width:90%;
    }
}

@media all and (max-width: 769px) {
    header #header_wrap #logo {
    }
}

@media all and (max-width: 510px) {
    header #header_wrap #logo {
	    width:90%;
    }
}

@media all and (max-width: 480px) {
    header #header_wrap #logo {
        width: 200px;
		height: 40px;
		top:10px;
    }
}

@media all and (max-width: 340px) {
    header #header_wrap #logo {
        width: 200px;
		height: 40px;
    }
}

header #header_wrap #logo a {
	text-decoration: none;
}

header #header_wrap #logo img {
	    width: 102px;
		height: 46px;
}

@media all and (max-width: 999px) {
    header #header_wrap #logo img {
    }
}

@media all and (max-width: 769px) {
    header #header_wrap #logo img {
        width: 102px;
		height: 46px;
    }
}

@media all and (max-width: 480px) {
    header #header_wrap #logo img {
        width: 80px;
		height: auto;
    }
}

@media all and (max-width: 340px) {
    header #header_wrap #logo img {
        width: 80px;
		height: auto;
    }
}

header #header_wrap #logo a .comname {
	color:#000;
	font-size:20px;
	font-weight:bold;
	position:absolute;
	top:5px;
	left:120px;
}

@media all and (max-width: 769px) {
    header #header_wrap #logo a .comname {
		top:12px;
    }
}

@media all and (max-width: 480px) {
    header #header_wrap #logo a .comname {
		top:8px;
		left:90px;
		font-size:14px;
    }
}

@media all and (max-width: 340px) {
    header #header_wrap #logo a .comname {
		top:8px;
		left:90px;
		font-size:12px;
    }
}

header #header_wrap #logo a h1 , header #header_wrap #logo a p {
	color:#999;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:28px;
	left:120px;
}

@media all and (max-width: 769px) {
    header #header_wrap #logo a h1 , header #header_wrap #logo a p {
	    display: none;
    }
}


/* ヘッダーボタン */

header #header_wrap #header_button {
	width:180px;
	height:42px;
	position: absolute;
	top:20px;
	right:0px;
}

@media all and (max-width: 1199px) {
    header #header_wrap #header_button {
		right:10px;
    }
}

@media all and (max-width: 769px) {
    header #header_wrap #header_button {
    }
}

@media all and (max-width: 480px) {
    header #header_wrap #header_button {
        width:30px;
		top:10px;
		right:10px;
    }
}

header #header_wrap #header_button .phone {
	width:180px;
	height:42px;
}

@media all and (max-width: 769px) {
    header #header_wrap #header_button .phone {
    }
}

@media all and (max-width: 480px) {
    header #header_wrap #header_button .phone {
	    display: block;
        width:36px;
		height:36px
		text-indent: -9999px;
		display: none;
    }
}

@media all and (max-width: 480px) {
    .mm-opened header #header_wrap #header_button .phone {
	    position: static !important;
    	float:left !important;
    }
}

header #header_wrap #header_button .phone a {
	font-size:15px;
	color:#FFF;
	font-weight:bold;
	width:180px;
	height:42px;
	box-sizing: border-box;
	padding:8px 0px 0px 60px;
	text-decoration: none;
	display: block;
	background-color: #ffb400;
	border-radius: 100px;
	/*アイコン*/
	background-image: url(../images/icon_mail.png);
	background-size: 23px 18px;
    -webkit-background-size: 23px 18px;
    -moz-background-size: 23px 18px;
    background-position: 20px 12px;
    -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;

}

@media all and (max-width: 769px) {
    header #header_wrap #header_button .phone a {
	    
    }
}

@media all and (max-width: 480px) {
    header #header_wrap #header_button .phone a {
        width:36px;
		height:36px;
		background-size: 64px 360px;
	    -webkit-background-size: 64px 360px;
	    -moz-background-size: 64px 360px;
		background-position: 2px -294px;
    }
}

header #header_wrap #header_button .phone a:hover {
	background-color: #f0721d;
}

@media all and (max-width: 769px) {
    header #header_wrap #header_button .phone a:hover {
    }
}

@media all and (max-width: 769px) {
    header #header_wrap #header_button .phone a:hover {
    }
}






/* メニューアイコン */

#menu {
    display: none;
}

@media all and (max-width: 480px) {
    #menu {
        display: block;
        width: 30px;
        height: 30px;
        margin-top:4px;
    }
}

@media all and (max-width: 480px) {
    .mm-opened #menu {
	    position: static !important;
    	float:right !important;
    }
}

#menu a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../images/menu_icon.png);
		background-size: 21px 15px;
	-webkit-background-size: 21px 15px;
	-moz-background-size: 21px 15px;
	background-position: 5px 7px;
    -webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
}

#menu a:hover {
}

@media all and (max-width: 480px) {
    #menu a:hover {
    }
}



/* グローバルナビ設定 */

/*.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding:10px 0px 10px 0px;
    height: 74px;
    z-index: 10000;
    opacity: 0.8;
}

}*/

#gnavi { 
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	/*background-image: url(../images/gnavi_bg.png);
	background-repeat: repeat;*/
	background-color: #FFF;
}

@media all and (max-width: 480px) {
    #gnavi {
	    display: none;
    }
}

#gnavi a:hover img {
	opacity: 1!important;
	background:none !important;
}

nav {
    height: 28px;
    margin:0 auto 0px auto;
    right: 0px;
}

@media all and (min-width: 1220px) {
    nav {
	    width: 1200px;
    }
}

@media all and (max-width: 1199px) {
    nav {
    margin:0 10px 0px 10px;
    }
}

@media all and (max-width: 999px) {
    nav {
	    text-align: center;
    }
}

@media all and (max-width: 845px) {
    nav {
    }
}

@media all and (max-width: 769px) {
    nav {
    }
}

@media all and (max-width: 480px) {
    nav {
	    display: none;
    }
}



nav ul {
}

@media all and (max-width: 999px) {
    nav ul {
	    text-align: center;
    }
}

@media all and (max-width: 769px) {
    nav ul {
    }
}

nav ul li {
    float: left;
    padding: 0px 0px 0px 0px;
    height: 28px;
    border-left:solid 1px #DDD;
    box-sizing: border-box;
    position: relative;
}

@media all and (min-width: 1020px) {
    nav ul li {
    }
}

@media all and (max-width: 999px) {
    nav ul li {
	    border-left:none;
	    display: inline-block;
    }
}

/*nav ul #n1 {
	width:12%;
}

nav ul .n7 {
	width:13%;
}*/



nav ul li a {
    display: block;
    height: 28px;
    overflow: hidden;
    color:#000;
    font-weight:bold;
    text-decoration: none !important;
    text-align: center;
    font-size:15px;
}

nav ul li a:visited {
    color:#000;
}

@media all and (max-width: 1200px) {
    nav ul li a {
    }
}

@media all and (max-width: 999px) {
    nav ul li a {
	    font-size:14px;
	    padding:0px 15px 0px 15px;
    }
}

@media all and (max-width: 920px) {
    nav ul li a {
	    padding:0px 13px 0px 13px;
    }
}

@media all and (max-width: 900px) {
    nav ul li a {
	    font-size:13px;
	    padding:0px 12px 0px 12px;
    }
}

@media all and (max-width: 830px) {
    nav ul li a {
	    font-size:12px;
	    padding:0px 10px 0px 10px;
    }
}

@media all and (max-width: 769px) {
    nav ul li a {
	    font-size:12px;
	    font-weight:normal;
	    padding:0px 10px 0px 10px;
    }
}

@media all and (max-width: 630px) {
    nav ul li a {
	    font-size:12px;
	    font-weight:normal;
    }
}

@media all and (max-width: 480px) {
    nav ul li a {
	    font-weight:bold;
    }
}

@media all and (max-width: 480px) {
    nav ul li a:visited {
		color:#111;
    }
}

nav ul li a:hover {
    color:#f0721d;
       transition: all 0.4s ease;
       -webkit-transition: all 0.4s ease;
	   outline:none;
}

nav ul li a.select {
    color:#00b7ee;
}

nav ul #n1 {
	width:22.6%;
}

nav ul #n2 {
	width:11.5%;
}

nav ul #n3 {
	width:12.7%;
}

nav ul #n4 {
	width:17.6%;
}

nav ul #n5 {
	width:14%;
}

nav ul #n6 {
	width:10.2%;
}

nav ul #n7 {
	border-right:solid 1px #DDD;
	
	width:11.4%;
}

nav ul #n7 a {
}

@media all and (max-width: 999px) {
    nav ul #n1 , nav ul #n2 , nav ul #n3 , nav ul #n4 , nav ul #n5 , nav ul #n6 , nav ul #n7 {
	    width:auto;
	    border:none;
    }
}

@media all and (max-width: 769px) {
    nav ul #n6 {
	    display: none;
    }
}

@media all and (max-width: 690px) {
    nav ul #n5 {
	    display: none;
    }
}

@media all and (max-width: 580px) {
    nav ul #n4 {
	    display: none;
    }
}

@media all and (max-width: 999px) {
    nav ul #n1 a {
	    padding-left:0;
    }
}

@media all and (max-width: 999px) {
    nav ul #n7 a {
	    padding-right:0;
    }
}



nav ul li ul {
	height:auto;
	display: none;
	position: absolute;
	top: 28px;
	left: 0px;
	z-index:100;
	box-sizing: border-box;
	padding-top:10px;
	/*background-image: url(../images/gnavi_bg.png);*/
	background-color: #FFF;
}

@media all and (max-width: 769px) {
    nav ul li ul {
		display: none !important;
    }
}

nav ul li li {
	height:auto;
	  margin: 0;
	  padding: 0;
	  box-sizing: border-box;
	  float:none;
	  line-height:20px;
	background-repeat: repeat;
	
	border:none;
}
nav ul li li+li {
}

nav ul li li a {
  box-sizing: border-box;
  line-height:20px;
  margin: 0;
  padding: 8px 10px;
  display:block;
  font-size:14px;
  color:#000;
  text-decoration: none;
}

nav ul li li a:hover {
}


/* navi1 */
nav ul#navi1_drop {
	width:1200px;
}

@media all and (max-width: 1210px) {
    nav ul#navi1_drop {
	    width:430%;
    }
}

@media all and (max-width: 1200px) {
    nav ul#navi1_drop {
	    width:442%;
    }
}

@media all and (max-width: 1000px) {
    nav ul#navi1_drop {
	    width:436%;
    }
}

nav ul#navi1_drop li {
	width:25%;
	float:left;
}

nav ul#navi1_drop li+li {
}

nav ul#navi1_drop li a {
	min-height:210px;
}

@media all and (max-width: 1200px) {
    nav ul#navi1_drop li a {
	    font-size:13px;
    }
}

@media all and (max-width: 1000px) {
    nav ul#navi1_drop li a {
	    font-size:12px;
	    font-weight:normal;
    }
}

@media all and (max-width: 900px) {
    nav ul#navi1_drop li a {
		min-height:180px;
    }
}


nav ul#navi1_drop li a .photo {
	text-align: center;
	height:150px;
}

@media all and (max-width: 900px) {
    nav ul#navi1_drop li a .photo {
		height:120px;
    }
}

nav ul#navi1_drop li a .photo img {
	width:60%;
}

nav ul#navi1_drop #drop1_n1 a img {
	width:100%;
	padding-top:40px;
}

nav ul#navi1_drop #drop1_n2 a img {
	width:90%;
	padding-top:20px;
}

nav ul#navi1_drop #drop1_n3 a img {
	width:70%;
	padding-top:10px;
}

nav ul#navi1_drop #drop1_n4 a img {
	padding-top:10px;
}

nav ul#navi1_drop #drop1_n5 a img {
}


/* navi2 */
nav #navi2 {
}	

nav ul#navi2_drop {
	
}

nav ul#navi2_drop li {
	
}

nav ul#navi2_drop li+li {
	
}

nav ul#navi2_drop li a {
	
}

nav ul#navi2_drop li a:hover {
}


/* navi3 */
nav #navi3 {
	
}

nav ul#navi3_drop {
	width:200px;
}

nav ul#navi3_drop li {
	border-bottom:none;
}

nav ul#navi3_drop li+li {
	border-top:solid 1px #DDD;
}

nav ul#navi3_drop li a {
	padding:10px;
	text-align: left;
	height:auto;
}

nav ul#navi3_drop li a:hover {
	
}


/* navi4 */
nav #navi4 {
}	

nav ul#navi4_drop {
	width:240px;
}

nav ul#navi4_drop li {
	border-bottom:none;
}

nav ul#navi4_drop li+li {
	border-top:solid 1px #DDD;
}

nav ul#navi4_drop li a {
	padding:10px;
	text-align: left;
	height:auto;
}

nav ul#navi4_drop li a:hover {
	
}


/*--------------------
contetns 全体設定
---------------------*/

/* section */

section {
    width: 100%;
    padding: 60px 0px 60px 0px;
}

@media all and (max-width: 769px) {
    section {
        padding: 20px 0 20px 0;
    }
}

@media all and (max-width: 480px) {
    section {
        width: 100%;
        padding: 30px 10px 30px 10px;
        box-sizing: border-box;
    }
}



section.top_bottom {
    width: 100%;
    padding: 40px 0px 40px 0px;
    border-top:solid 1px #DDD;
}

@media all and (max-width: 769px) {
    section.top_bottom {
        padding: 20px 0 20px 0;
    }
}

@media all and (max-width: 480px) {
    section.top_bottom {
        width: 100%;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
    }
}

section.top_border {
	border-top:solid 1px #DDD;
    padding: 40px 0px 40px 0px;
}

@media all and (max-width: 769px) {
    section.top_border {
        padding: 20px 0 20px 0;
    }
}

@media all and (max-width: 480px) {
    section.top_border {
        width: 100%;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
    }
}

.products_section {
	border-top:none !important;
}

/* section 背景グレー */

.bg_gray {
	background-color: #f7f7f7;
}

@media all and (max-width: 480px) {
    .bg_gray {
    }
}

/* 見出し */

.top_subtitle {
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 120%;
    width: 100%;
    padding:0px 0px 0px 0px;
    box-sizing: border-box;
    text-align: center;
}

@media all and (max-width: 769px) {
    .top_subtitle {
	    font-size:24px;
		margin-bottom: 20px;
    }
}

@media all and (max-width: 480px) {
    .top_subtitle {
    	font-size: 18px;
		margin-bottom: 20px;
    }
}

/* コンテンツボックス */

.contents {
    max-width: 1200px;
    margin: 0 auto;
}

@media all and (max-width: 1210px) {
    .contents {
        width: 98%;
    }
}

@media all and (max-width: 769px) {
    .contents {
	    padding:20px 0px 20px 0px;
    }
}

@media all and (max-width: 480px) {
    .contents {
        width: 100%;
    }
}

/* 下層ページ汎用設定 */

/*--パンくず--*/

#pan_wrap {
	width:100%;
	margin:0px;
	background-color: #eeeeee;
	padding:5px 0px 0px 0px;
}

#pankuzu {
}

ul.pan {
	max-width:1200px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
}

@media all and (max-width: 1200px) {
    ul.pan {
	    margin-left:10px;
	    margin-right:10px;
    }
}

@media all and (max-width: 480px) {
    ul.pan {
	    margin-left:10px;
	    margin-right:10px;
	    height:auto;
	    padding-bottom:5px;
    }
}

ul.pan li {
	font-size:12px;
	line-height:20px;
	display:inline;
	padding-left:10px;
}

ul.pan li.home {
	background-image:url(../images/icon_home.png);
	background-repeat:no-repeat;
	background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	background-position: 0px 0px;
	width:30px;
	height:14px;
	padding-left:20px;
}

ul.pan li a {
	color:#999;
	text-decoration:none;
	padding-right:10px;
	background:url(../images/pan_bg.png) no-repeat right center; 
	background-size: 3px 5px;
	-webkit-background-size: 3px 5px;
	-moz-background-size: 3px 5px;
}

ul.pan li a:hover {
	text-decoration:underline;
	color:#3589ba;
}


/*--ページタイトル--*/

#page_title_section {
	padding: 20px 0px 20px 0px !important;
}

@media all and (max-width: 769px) {
    #page_title_section {
		padding: 0px 0px 0px 0px !important;
    }
}

#page_title {
	
}

#page_title h1 {
	font-size:32px;
	line-height:42px;
	border-left:solid 4px #3aa53a;
	padding:5px 0px 5px 20px;
}

@media all and (max-width: 480px) {
    #page_title h1 {
		font-size:24px;
		line-height:32px;
		border-left:none;
		padding:0px 10px 5px 10px;
    }
}

#page_title p {
	border-left:solid 4px #ddd;
	padding:5px 0px 5px 20px;
	color:#666;
}

@media all and (max-width: 480px) {
    #page_title p {
		border-left:none;
		padding:5px 10px 0px 10px;
    }
}

@media all and (max-width: 769px) {
    #page_title p br {
    }
}



/*--ページタイトル h2--*/

.page_subtitle {
	font-size:26px;
	background-image: url(../images/subtitle_bg.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	background-position: 0px 0px;
	padding:0px 0px 0px 32px;
	background-position: 0px 2px;
	margin:0px 0px 30px 0px;
}

@media all and (max-width: 480px) {
    .page_subtitle {
	    font-size:20px;
		margin:0px 0px 20px 0px;
    }
}

.page_subtitle a {
	color:#111;
}

@media all and (max-width: 480px) {
    .page_subtitle a {
	    font-weight:bold;
    }
}


/* 文章 */

@media all and (max-width: 480px) {
    .contents p {
        text-align: left;
    }
}

@media all and (max-width: 480px) {
    .contents p br {
    }
}

.text_center700 {
    margin: 0px auto 40px auto;
}

@media all and (min-width: 770px) {
    .text_center700 {
        width: 700px;
    }
}

@media all and (max-width: 769px) {
    .text_center700 {
        width: 96%
    }
}

@media all and (max-width: 700px) {
    .text_center700 {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    .text_center700 {
        margin-bottom: 20px;
		text-align: left;
    }
    .text_center700 br {
    }
}

.text_left700 {
    margin: 0px auto 40px auto;
    text-align: left;
}

@media all and (min-width: 770px) {
    .text_center700 {
        width: 700px;
    }
}

@media all and (max-width: 769px) {
    .text_left700 {
        width: 96%
    }
}

@media all and (max-width: 700px) {
    .text_left700 {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    .text_left700 {
        margin-bottom: 20px;
    }
}

.img_center {
    margin: 0 0 30px 0px;
}

@media all and (max-width: 480px) {
    .img_center {
        margin-bottom: 20px;
    }
}


.text_gray {
	color:#666;
}



/*--------------------
問い合わせ
---------------------*/

#contact_area {
	text-align: center;
}

#contact_area h2 {
	margin:0;
	padding:0;
	font-size:30px;
	display: inline-block;
	padding-right:30px;
	margin-right:30px;
	border-right:solid 1px #DDD;
	height:60px;
	box-sizing: border-box;
}

@media all and (max-width: 769px) {
    #contact_area h2 {
		padding-right:0px;
		margin-right:0px;
		border-right:none;
		height:auto;
		border-bottom:solid 1px #DDD;
		width:100%;
		padding-bottom:20px;
		margin-bottom:20px;
    }
}

@media all and (max-width: 480px) {
    #contact_area h2 {
		padding-right:0px;
		margin-right:0px;
		border-right:none;
		height:auto;
		border-bottom:solid 1px #DDD;
		width:100%;
		padding-bottom:20px;
		margin-bottom:10px;
		font-size:32px;
		line-height:32px;
    }
}

#contact_area h2 span {
	font-size:15px;
	color:#999;
}

@media all and (max-width: 480px) {
    #contact_area h2 span {
	    font-size:15px;
    }
}

#contact_area .phone {
	margin:0;
	padding:0;
	height:60px;
	display: inline-block;
	font-size:34px;
	font-weight:bold;
	padding:16px 0px 0px 50px;
	background-image: url(../images/icon_phone.png);
	background-repeat: no-repeat;
	-webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    background-size: 30px auto;
    background-position: 10px 10px;
	box-sizing: border-box;
	padding-right:30px;
	margin-right:30px;
	vertical-align: top;
}

@media all and (max-width: 769px) {
    #contact_area .phone {
	    width:46%;
	    float:left;
	    font-size:32px;
		padding-right:0px;
		margin-right:0px;
		background-position: 10% 10px;
    }
}

@media all and (max-width: 610px) {
    #contact_area .phone {
	    width:100%;
	    float:none;
	    font-size:32px;
		padding-right:0px;
		margin-right:0px;
		background-position: 30% 10px;
    }
}

@media all and (max-width: 540px) {
    #contact_area .phone {
		background-position: 24% 10px;
    }
}

@media all and (max-width: 480px) {
    #contact_area .phone {
	    float:none;
		padding-right:0px;
		margin-right:0px;
		border-right:none;
		width:100%;
		background-position: 20% 10px;
		margin-bottom:10px;
		font-size:28px;
    }
}

@media all and (max-width: 400px) {
    #contact_area .phone {
		background-position: 16% 10px;
    }
}

@media all and (max-width: 340px) {
    #contact_area .phone {
	    float:none;
		padding-right:0px;
		margin-right:0px;
		border-right:none;
		width:100%;
		background-position: 10% 10px;
		margin-bottom:10px;
		font-size:28px;
    }
}

#contact_area .button {
	margin:0;
	padding:0;
	height:60px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

@media all and (max-width: 769px) {
    #contact_area .button {
	    width:46%;
	    float:right;
    }
}

@media all and (max-width: 610px) {
    #contact_area .button {
	    width:100%;
	    float:none;
    }
}

@media all and (max-width: 480px) {
    #contact_area .button {
		padding-right:0px;
		margin-right:0px;
		border-right:none;
		height:auto;
		width:100%;
		text-align: left;
		float:none;
    }
}

#contact_area .button a {
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	width:280px;
	height:56px;
	box-sizing: border-box;
	padding:14px 0px 0px 80px;
	text-decoration: none;
	display: block;
	background-color: #ffb400;
	border-radius: 100px;
	/*アイコン*/
	background-image: url(../images/icon_mail.png);
	background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    background-position: 30px 16px;
    -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;
	        text-align: left;

}

@media all and (max-width: 769px) {
    #contact_area .button a {
		height:56px;
		margin:0 auto;
		font-size:20px;
		padding:14px 0px 0px 100px;
		background-position: 50px 16px;
    }
}

@media all and (max-width: 620px) {
    #contact_area .button a {
	    width:240px;
		background-position: 20px 16px;
		padding-left:70px;
    }
}

@media all and (max-width: 480px) {
    #contact_area .button a {
		height:56px;
		margin:0 auto;
		font-size:20px;
		padding:16px 0px 0px 100px;
		background-position: 50px 16px;
	width:280px;
    }
}

@media all and (max-width: 340px) {
    #contact_area .button a {	    
		width:100%;
    }
}

#contact_area .button a:hover {
	background-color: #f0721d;
}

@media all and (max-width: 769px) {
    #contact_area .button a:hover {
    }
}

@media all and (max-width: 769px) {
    #contact_area .button a:hover {
    }
}



/*--------------------
footer
---------------------*/

footer {
    width: 100%;
    clear:both;
}

/* サイトマップ */

footer #foot_navi {
}

footer #foot_navi_wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0px 50px 0px;
    border-bottom:solid 1px #DDD;
}

@media all and (max-width: 1210px) {
    footer #foot_navi_wrap {
        width: 98%;
    }
}

@media all and (max-width: 769px) {
    footer #foot_navi_wrap {
        width: 98%;
		padding: 30px 0px 30px 0px;
    }
}

@media all and (max-width: 480px) {
    footer #foot_navi_wrap {
        width: 100%;
		padding: 10px 0px 10px 0px;
    }
}

footer #foot_navi_wrap #footer_logo {
	width:180px;
	float:left;
	font-size:20px;
	font-weight:bold;
	padding-top:20px;
}

@media all and (max-width: 1020px) {
    footer #foot_navi_wrap #footer_logo {
	    width:18%;
    }
}

@media all and (max-width: 769px) {
    footer #foot_navi_wrap #footer_logo {
		width:40%;
		float:left;
		margin:0px 0px 20px 0px;
		box-sizing: border-box;
		padding-left:20px;
		font-size:16px;
		font-weight:bold;
    }
}

@media all and (max-width: 480px) {
    footer #foot_navi_wrap #footer_logo {
		width:40%;
		float:left;
		margin:0px 0px 20px 0px;
		box-sizing: border-box;
		padding-left:20px;
		font-size:16px;
		font-weight:bold;
    }
}

footer #foot_navi_wrap #footer_logo a {
	color:#000;
	text-decoration: none;
}

footer #foot_navi_wrap #footer_logo img {
	width:102px;
	margin-bottom:10px;
}

@media all and (max-width: 480px) {
    footer #foot_navi_wrap #footer_logo img {
	    width:80%;
    }
}

footer #foot_navi_wrap #footer_adress {
	width:300px;
	float:left;
	margin-left:0;
	font-size:14px;
	padding-top:20px;
}

@media all and (max-width: 1020px) {
    footer #foot_navi_wrap #footer_adress {
	    width:30%;
    }
}

@media all and (max-width: 769px) {
    footer #foot_navi_wrap #footer_adress {
		width:50%;
		float:right;
		box-sizing: border-box;
		padding-right:20px;
    }
}

@media all and (max-width: 480px) {
    footer #foot_navi_wrap #footer_adress {
		width:50%;
		float:right;
		box-sizing: border-box;
		padding-right:20px;
    }
}

footer #foot_navi_wrap #footer_adress p {
	line-height:22px;
	margin-bottom:5px;
}

@media all and (max-width: 769px) {
    footer #foot_navi_wrap #footer_adress p {
	    font-size:12px;
	    line-height:16px;
    }
}

footer #foot_navi_wrap .footer_menu {
	width:510px;
	float:right;
	font-size:14px;
}

@media all and (max-width: 1020px) {
    footer #foot_navi_wrap .footer_menu {
	    width:50%;
    }
}

@media all and (max-width: 769px) {
    footer #foot_navi_wrap .footer_menu {
	    width:100%;
		float:none;
		font-size:12px;
		clear: both;
		box-sizing: border-box;
		padding-left:10px;
		padding-right:10px;
    }
}

footer #foot_navi_wrap .footer_menu ul {
	width:50%;
	float:left;
}

footer #foot_navi_wrap .footer_menu ul li {
	margin-bottom:5px;
}

footer #foot_navi_wrap .footer_menu ul li a {
	color:#000;
	text-decoration: none;
	background-image: url(../images/footer_arrow.png);
	background-repeat: no-repeat;
	display: block;
		background-size: 3px 5px;
	    -webkit-background-size: 3px 5px;
	    -moz-background-size: 3px 5px;
		background-position: 0px 10px;
		padding:0px 0px 0px 10px;
}

footer #foot_navi_wrap .footer_menu ul li a:hover {
	color:#999;
}


/* コピーライト */

footer small {
    text-align: center;
    font-size: 12px;
    color: #999;
    padding: 30px 10px 30px 10px;
    display: block;
}

@media all and (max-width: 480px) {
    footer small {
        padding: 14px 0px 14px 0px;
        font-size: 10px;
        line-height: 16px;
    }
}


/*--------------------
トップページ ラインナップ
---------------------*/

.top_lineup {
	border-top:solid 1px #DDD;
	border-left:solid 1px #DDD;
}

.top_lineup ul {
	font-size:0;
}

.top_lineup ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width:33.3%;
	box-sizing: border-box;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
}
@media all and (max-width: 1210px) {
    .top_lineup ul li {
		width:50%;
    }
}
@media all and (max-width: 480px) {
    .top_lineup ul li {
        width:100%;
    }
}


.top_lineup ul li a {
	color:#000;
	text-decoration: none;
	display: block;
	padding:20px 10px 10px 10px;
}
@media all and (max-width: 480px) {
    .top_lineup ul li a {
        padding:20px 10px 20px 10px;
    }
}

.top_lineup ul li a .photo {
	text-align: center;
	position: relative;
}

.top_lineup ul li a .photo img {
	max-width:80%;
}
@media all and (max-width: 1210px) {
    .top_lineup ul li a .photo img {
		max-width:50%;
    }
}
@media all and (max-width: 769px) {
    .top_lineup ul li a .photo img {
        max-width:80%;
    }
}
@media all and (max-width: 480px) {
    .top_lineup ul li a .photo img {
        max-width:80%;
    }
}

.top_lineup ul li a h3 {
	padding:20px 20px 20px 20px;
	text-align: center;
	font-size:20px;
}

@media all and (max-width: 769px) {
    .top_lineup ul li a h3 {
		font-size:18px;
    }
}

.top_lineup ul li a p {
	padding:0px 20px 20px 20px;
	font-size:14px;
	text-align: center;
	line-height: 180%;
    min-height: calc(1em * 1.8 * 3);
}
@media all and (max-width: 769px) {
    .top_lineup ul li a p {
		min-height: calc(1em * 1.8 * 4);
    }
}
@media all and (max-width: 480px) {
    .top_lineup ul li a p {
        min-height:auto;
    }
}

@media all and (max-width: 769px) {
    .top_lineup ul li a p br {
	    display: none;
    }
}

.top_lineup ul .lineup3 p , .top_lineup ul .lineup4 p , .top_lineup ul .lineup5 p , .top_lineup ul .lineup6 p , .top_lineup ul .lineup7 p {
	max-height:100px;
}

@media all and (max-width: 480px) {
    .top_lineup ul .lineup3 p , .top_lineup ul .lineup4 p , .top_lineup ul .lineup5 p , .top_lineup ul .lineup6 p , .top_lineup ul .lineup7 p {
		max-height:auto;
    }
}

.top_lineup ul li a:hover {
		
}



@media all and (max-width: 769px) {
    .top_lineup ul .lineup1 .photo , .top_lineup ul .lineup2 .photo {
	    height:210px;
    }
}


@media all and (max-width: 600px) {
    .top_lineup ul .lineup1 .photo , .top_lineup ul .lineup2 .photo {
	    height:160px;
    }
}

@media all and (max-width: 480px) {
    .top_lineup ul .lineup1 .photo , .top_lineup ul .lineup2 .photo {
	    height:auto;
    }
}


@media all and (max-width: 769px) {
    .top_lineup ul .lineup3 .photo , .top_lineup ul .lineup4 .photo , .top_lineup ul .lineup5 .photo , .top_lineup ul .lineup6 .photo , .top_lineup ul .lineup7 .photo {
	    height:240px;
    }
}

@media all and (max-width: 600px) {
    .top_lineup ul .lineup3 .photo , .top_lineup ul .lineup4 .photo , .top_lineup ul .lineup5 .photo , .top_lineup ul .lineup6 .photo , .top_lineup ul .lineup7 .photo {
	    height:200px;
    }
}

@media all and (max-width: 480px) {
    .top_lineup ul .lineup3 .photo , .top_lineup ul .lineup4 .photo , .top_lineup ul .lineup5 .photo , .top_lineup ul .lineup6 .photo , .top_lineup ul .lineup7 .photo {
	    height:auto;
    }
}


.float_right {
	float:right;
}

.float_left {
	float:left;
}

.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.width_auto {
	width:auto !important;
}

.text1 {
	margin:0px 0px 10px 0px;
}

.text2 {
	margin:0px 0px 20px 0px;
}

.text3 {
	margin:0px 0px 30px 0px;
}

.text4 {
	margin:0px 0px 40px 0px;
}




/*--------------------
トップページ お知らせ
---------------------*/

.top_news {
	
}

.top_news ul {
	
}

.top_news ul li {
	margin:0px 0px 5px 0px;
}

@media all and (max-width: 480px) {
    .top_news ul li {
		
    }
}

.top_news ul li a {
	display: block;
	background-color: #FFF;
	padding:25px 140px 25px 140px;
	border-radius:4px;
	position: relative;
	text-decoration: none;
	color:#000;
    -webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}

@media all and (max-width: 480px) {
    .top_news ul li a {
		padding:20px 10px 20px 10px;
		
    }
}

.top_news ul li a:hover {
	background-color: #eee;
}

.top_news ul li .category {
	display: block;
	width:100px;
	text-align: center;
	background-color: #999;
	color:#FFF;
	font-size:10px;
	border-radius: 100px;
	position: absolute;
	top:25px;
	left:25px;
	margin-bottom:10px;
}

@media all and (max-width: 480px) {
    .top_news ul li .category {
		position: static;
		
    }
}

.top_news ul li .cat1 {
	background-color: #4dae4d;
}

.top_news ul li .cat2 {
	background-color: #f46730;
}

.top_news ul li .cat3 {
	background-color: #1cc6ea;
}

.top_news ul li .cat4 {
	background-color: #db4b69;
}

.top_news ul li .date {
	display: block;
	width:100px;
	position: absolute;
	top:25px;
	right:25px;
	font-size:14px;
	text-align: right;
	color:#666;
	
}

@media all and (max-width: 480px) {
    .top_news ul li .date {
		width:100%;
		color:#999;
		top:20px;
		right:10px;
    }
}

.top_news ul li {
	
}





/*--------------------
トップページ 特徴
---------------------*/

.detail_button {
	
}

@media all and (max-width: 480px) {
    .detail_button {
	    text-align: center;
    }
}

.detail_button a {
	display: inline-block;
	background-color: #3aa53a;
	text-align: center;
	color:#FFF;
	font-weight:bold;
	padding:15px 40px;
	border-radius: 100px;
	text-decoration: none;
    -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;
}

@media all and (max-width: 480px) {
    .detail_button a {
		padding:10px 10px;
		width:80%;
		margin:0px auto 0px auto;
    }
}

.detail_button a:hover {
	background-color: #f0721d;
}
	

.top_feature {
	padding:20px 0px 20px 0px;
}

.top_feature .txt {
	width:64%;
	float:right;
}

@media all and (max-width: 769px) {
    .top_feature .txt {
	    padding-right:10px;
	    box-sizing: border-box;
    }
}

@media all and (max-width: 480px) {
    .top_feature .txt {
	    padding-right:0px;
		width:100%;
		float:none;
    }
}

.top_feature .txt h2 {
	font-size:30px;
	margin:0px 0px 40px 0px;
}

@media all and (max-width: 769px) {
    .top_feature .txt h2 {
		font-size:24px;
		line-height:32px;
		margin:0px 0px 20px 0px;
    }
}

@media all and (max-width: 480px) {
    .top_feature .txt h2 {
		font-size:24px;
		line-height:36px;
    }
}

.top_feature .txt p {
	margin:0px 0px 40px 0px;
}

@media all and (max-width: 769px) {
    .top_feature .txt p {
		margin:0px 0px 20px 0px;
    }
}

.top_feature .photo {
	width:32%;
	float:left;
	text-align: center;
}

@media all and (max-width: 769px) {
    .top_feature .photo {
    }
}

@media all and (max-width: 480px) {
    .top_feature .photo {
		width:100%;
		float:none;
		margin-bottom:20px;
    }
}

@media all and (max-width: 480px) {
    .top_feature .photo img {
	    width:40% !important;
    }
}

.top_feature .photo img {
	
}

@media all and (max-width: 769px) {
    .top_feature .photo img {
		width:70%;
    }
}

@media all and (max-width: 480px) {
    .top_feature .photo img {
		width:60%;
    }
}



/*--------------------
トップページ サービス
---------------------*/

.top_service {
	margin:30px 0px 0px 0px;
}

@media all and (max-width: 480px) {
    .top_service{
		margin:30px 0px 0px 0px;
    }
}

.top_service ul {
	
}

.top_service ul li {
	width:30%;
	float:left;
	margin:0px 5% 40px 0px;
}

@media all and (max-width: 769px) {
    .top_service ul li {
		width:32%;
		margin:0px 2% 20px 0px;
    }
}

@media all and (max-width: 480px) {
    .top_service ul li {
		width:48%;
		margin:0px 4% 15px 0px;
    }
}


.top_service ul li:nth-child(3n) {
	margin:0px 0px 40px 0px;
}

@media all and (max-width: 769px) {
    .top_service ul li:nth-child(3n) {
		margin:0px 0px 20px 0px;
    }
}

@media all and (max-width: 480px) {
    .top_service ul li:nth-child(3n) {
		margin:0px 4% 15px 0px;
    }
}

@media all and (max-width: 769px) {
    .top_service ul li:nth-child(2n) {
		margin:0px 2% 20px 0px;
    }
}

@media all and (max-width: 480px) {
    .top_service ul li:nth-child(2n) {
		margin:0px 0% 15px 0px;
    }
}

@media all and (max-width: 769px) {
    .top_service ul li:nth-child(6n) {
		margin:0px 0px 20px 0px;
    }
}

.top_service ul li a {
	display: block;
	background-color: #FFF;
	text-align: center;
	padding:20px 0px 30px 0px;
	text-decoration: none;
    -webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}

@media all and (max-width: 480px) {
    .top_service ul li a {
		padding:20px 0px 20px 0px;
    }
}

.top_service ul li a:hover {
	background-color: #EEE;
}

.top_service ul li a .icon {
	width:100px;
	height:100px;
	margin:0px auto 20px auto;
	background-image: url(../images/service_icon.png);
	background-repeat: no-repeat;
	-webkit-background-size: 100px 600px;
    -moz-background-size: 100px 600px;
    background-size: 100px 600px;
}

.top_service ul li a h3 {
	font-size:20px;
	color:#000;
}

@media all and (max-width: 769px) {
   	.top_service ul li a h3 {
	   	font-size:14px;
    }
}

@media all and (max-width: 480px) {
   	.top_service ul li a h3 {
	   	font-size:16px;
	   	min-height:40px;
	   	line-height:24px;
	   	padding:0px 10px 0px 10px;
    }
}

.top_service ul .service1 .icon {
	background-position: center 0px;
}

.top_service ul .service2 .icon {
	background-position: center -100px;
}

.top_service ul .service3 .icon {
	background-position: center -200px;
}

.top_service ul .service4 .icon {
	background-position: center -300px;
}

.top_service ul .service5 .icon {
	background-position: center -400px;
}

.top_service ul .service6 .icon {
	background-position: center -500px;
}

/*--------------------
トップページ 会社案内
---------------------*/

.top_company {
	text-align: center;
}

.top_company .icon {
	margin:0px 0px 30px 0px;
}

.top_company  h2 {
	
}

.top_company p {
	width:60%;
	margin:0 auto 40px auto;
}

@media all and (max-width: 769px) {
   	.top_company p {
		width:90%;
		margin:0 auto 30px auto;
    }
}

@media all and (max-width: 480px) {
   	.top_company p {
		width:100%;
		margin:0 auto 30px auto;
    }
}

.top_company .detail_button a {
	width:200px;
}


/*--------------------
製品ラインナップ
---------------------*/

#page_navigation {
	border-top:solid 1px #DDD;
	border-left:solid 1px #DDD;
	border-radius: 4px;
}

@media all and (max-width: 480px) {
   	#page_navigation {
		border-radius: 4px;
    }
}

#page_navigation ul {
}

#page_navigation ul li {
	width:33.3%;
	float:left;
	text-align: center;
	box-sizing: border-box;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
}

@media all and (max-width: 1000px) {
   	#page_navigation ul li {
	   	width:50%;
    }
}
@media all and (max-width: 480px) {
   	#page_navigation ul li {
	   	width:100%;
	   	float:none;
	   	
    }
}


#page_navigation ul li a {
	font-weight:bold;
	color:#000;
	text-decoration: none;
	font-size:15px;
	line-height:20px;
	display: block;
	padding:24px 0px 10px 80px;
	text-align: left;
	box-sizing:border-box;
	height:70px;
	position: relative;
}

#page_navigation ul li a:hover {
    color:#f0721d;
}

#page_navigation ul li .selected {
    color:#f0721d !important;
}

@media all and (max-width: 1050px) {
   	#page_navigation ul li a {
		font-size:14px;
    }
}

@media all and (max-width: 1000px) {
   	#page_navigation ul li a {
		padding:24px 0px 10px 70px;
		font-size:13px;
    }
}


@media all and (max-width: 600px) {
   	#page_navigation ul li a {
		font-size:12px;
    }
}

@media all and (max-width: 480px) {
   	#page_navigation ul li a {
		font-size:15px;
		padding:18px 0px 10px 70px;
		height:54px;
    }
}

@media all and (max-width: 480px) {
   	#page_navigation ul li a br {
	   		display: none;
    }
}


#page_navigation ul li a .icon {
	width:50px;
	height:50px;
	display: block;
	position: absolute;
	top:10px;
	left:10px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 50px auto;
    -moz-background-size: 50px auto;
    background-size: 50px auto;
}


@media all and (max-width: 480px) {
   	#page_navigation ul li a .icon {
		top:2px;
		left:2px;
    }
}


.lineup_text {
	padding:0px 0px 0px 32px;
}

@media all and (max-width: 480px) {
   	.lineup_text {
		padding:0px 0px 0px 0px;
    }
}

.product_list {
	padding:20px 0px 0px 0px;
}

.product_list ul {
	
}

.product_list ul li {
	text-align: center;
	width:25%;
	float:left;
	margin-bottom:10px;
}

@media all and (max-width: 1000px) {
   	.product_list ul li {
	   	width:33%;
    }
}

@media all and (max-width: 480px) {
   	.product_list ul li {
	   	width:50%;
    }
}

.product_list ul li a {
	color:#000;
	text-decoration: none;
	display: block;
}

.product_list ul li a:hover {
    color:#f0721d;
}

.product_list ul li a .photo {
	margin-bottom:10px;
}

.product_list ul li a .photo img {
	width:80%;
	height: auto;
}

.product_list ul li a:hover img {
	opacity: 0.9;
}

.product_list ul li a .txt {
	height:60px;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}


@media all and (max-width: 1000px) {
   	.product_list ul li a .txt {
	   	font-size:14px;
	   	line-height:22px;
	   	height:70px;
    }
}

/*--------------------
製品ページ
---------------------*/

.product_detail {
	padding:10px 0px 10px 0px;
}

.product_detail .photo {
	width:41%;
	float:left;
}

@media all and (max-width: 769px) {
   	.product_detail .photo {
	   	width:30%;
    }
}

@media all and (max-width: 640px) {
   	.product_detail .photo {
	   	width:100%;
    }
}

.product_detail .photo img {
	max-width:100%;
}

.product_detail .photo .photo_large {
	margin:0px 0px 20px 0px;
	text-align: center;
}

.product_detail .photo .photo_list li{
	width:33%;
	float:left;
	box-sizing: border-box;
	padding-right:5%;
	margin-bottom:10px;
}

.product_detail .txt {
	width:52%;
	float:right;
}

@media all and (max-width: 769px) {
   	.product_detail .txt {
	   	width:60%;
    }
}

@media all and (max-width: 640px) {
   .product_detail .txt {
	   	width:100%;
    }
}


.product_detail .txt h3 {
	font-size:22px;
	line-height:32px;
	margin:0px 0px 30px 0px;
	color:#299529;
}

@media all and (max-width: 640px) {
   .product_detail .txt h3 {
	   	margin-top:20px;
    }
}

@media all and (max-width: 480px) {
   .product_detail .txt h3 {
	   	font-size:20px;
	   	line-height:32px;
    }
}

.product_detail .txt .exp {
	margin:0px 0px 30px 0px;
}

.product_detail .txt img {
	margin-bottom:10px;
}

.product_detail .txt .point {
	margin:0px 0px 30px 0px;
	background-color: #f6f6f6;
	padding:20px;
}

.product_detail .txt .point ul li {
	background-image: url(../images/product_point.png);
	-webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    background-size: 24px auto;
    background-repeat: no-repeat;
    font-size:17px;
    font-weight:bold;
    padding:0px 0px 15px 40px;
    background-position: 0px 2px;
}

.product_detail .txt .point ul li:last-child {
    padding:0px 0px 0px 40px;
}

.product_detail .txt .spec {
	width:100%;
	margin:0px 0px 30px 0px;
}

.product_detail .txt .spec tr:nth-child(2n) {
	background-color: #f6f6f6;
}

.product_detail .txt .spec th , .product_detail .txt .spec td {
	border:solid 1px #DDD;
	text-align: left;
	vertical-align: middle;
	padding:10px;
}

.product_detail .txt .spec th {
	width:25%;
	font-weight: bold;
}

@media all and (max-width: 480px) {
   .product_detail .txt .spec th {
	   	width:30%;
	   	line-height:20px;
    }
}


.product_detail .txt .spec td {
}

@media all and (max-width: 480px) {
   .product_detail .txt .spec td {
	   	line-height:20px;
    }
}

.product_detail .txt .attent {
	color:#888;
	font-size:12px;
	line-ehgiht:16px;
	margin:0px 0px 30px 0px;
}

.product_works {
	clear:both;
	width:75%;
	margin:40px auto 20px auto;
	border:solid 1px #DDD;
}

@media all and (max-width: 769px) {
   	.product_works {
	   	width:90%;
    }
}

@media all and (max-width: 480px) {
   .product_works {
	   	width:100%;
    }
}

.product_works li {
	padding:30px 30px 30px 30px;
	border-bottom:solid 1px #DDD;
}

@media all and (max-width: 480px) {
   .product_works li {
		padding:20px 20px 20px 20px;
    }
}

.product_works li:last-child {
	border-bottom:none;
}

.product_works li a {
	font-size:18px;
	color:#000;
	text-decoration: none;
	font-weight:bold;
	display: block;
	background-image: url(../images/product_works.png);
	-webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right:30px;
	
}

.product_works li a:hover {
	color:#3aa53a;
}

.product_works li li {
	padding:20px 0px 0px 0px;
	color:#666;
}

.product_works li li a {
	font-size:15px;
	display: inline;
}

#page_service_list {
}

#page_service_list ul li a {
	border:solid 4px #eee;
}

#page_product_button {
	width:500px;
	margin:40px auto;
}

@media all and (max-width: 769px) {
   	#page_product_button {
	   	width:80%;
    }
}

@media all and (max-width: 480px) {
   #page_product_button {
	   		width:96%;
	   		margin:20px auto;
    }
}

#page_product_button a {
	width:100%;
	box-sizing: border-box;
	font-size:18px;
	padding:20px 10px;
}

@media all and (max-width: 480px) {
   #page_product_button a {
		font-size:15px;
		padding:10px 10px;
    }
}

.product_movie {
	clear: both;
	text-align: center;
	padding:40px 0px 40px 0px;
}

.product_movie video {
	max-width:100%;
}

@media all and (max-width: 769px) {
   .product_movie {
		padding:40px 0px 40px 0px;
    }
}

@media all and (max-width: 480px) {
   .product_movie {
		padding:20px 0px 20px 0px;
    }
}



/*--------------------
製品の特徴
---------------------*/

.outline {
	width:100%;
	margin:30px 0px 10px 0px;
}

@media all and (max-width: 480px) {
   .outline {
	   	width:30%;
	   	margin:30px auto 10px auto;
	   	width:100%;
	   	border-top:solid 1px #DDD;
    }
}

.outline tr:nth-child(2n) {
}

.outline th , .outline td {
	border:solid 1px #DDD;
	text-align: left;
	vertical-align: middle;
	padding:15px;
}

@media all and (max-width: 480px) {
   .outline th , .outline td {
	   padding:10px;
	   display: list-item;
	   list-style-type: none;
    }
}

.outline th {
	width:25%;
	font-weight: bold;
	background-color: #f6f6f6;
}

@media all and (max-width: 480px) {
   .outline th {
	   	line-height:20px;
	   	width:auto;
	   	border-bottom:none;
	   	border-top:none;
    }
}


.product_detail .txt .spec td {
}

@media all and (max-width: 480px) {
   .product_detail .txt .spec td {
	   	line-height:20px;
    }
}

.hosoku1 {
	color:#888;
	font-size:12px;
	
}

.feature_list ul li {
	width:30%;
	float:left;
	margin:0px 5% 40px 0px;
}

.feature_list ul li:last-child {
	margin:0px 0% 40px 0px;
}
@media all and (max-width: 769px) {
   .feature_list ul li {
		width:32%;
		margin:0px 2% 20px 0px;
    }
}

@media all and (max-width: 600px) {
    .feature_list ul li {
		width:100%;
		margin:0px 0% 0px 0px;
    }
}


.feature_list ul li:nth-child(3n) {
	margin:0px 0px 40px 0px;
}

@media all and (max-width: 769px) {
    .feature_list ul li:nth-child(3n) {
		margin:0px 0px 20px 0px;
    }
}

@media all and (max-width: 480px) {
    .feature_list ul li:nth-child(3n) {
		margin:0px 4% 15px 0px;
    }
}

@media all and (max-width: 769px) {
    .feature_list ul li:nth-child(2n) {
		margin:0px 2% 20px 0px;
    }
}

@media all and (max-width: 480px) {
    .feature_list ul li:nth-child(2n) {
		margin:0px 0% 15px 0px;
    }
}

.feature_list ul li {
	display: block;
	background-color: #FFF;
	text-align: center;
	padding:20px 0px 0px 0px;
	text-decoration: none;
    -webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}

@media all and (max-width: 480px) {
    .feature_list ul li {
		padding:20px 0px 20px 0px;
    }
}

.feature_list ul li .icon {
	width:100px;
	height:100px;
	margin:0px auto 20px auto;
	background-image: url(../images/feature_icon.png);
	background-repeat: no-repeat;
	-webkit-background-size: 100px 300px;
    -moz-background-size: 100px 300px;
    background-size: 100px 300px;
}

.feature_list ul li h3 {
	font-size:20px;
	color:#000;
	margin:0px 0px 20px 0px;
	color:#ef7614;
}

@media all and (max-width: 769px) {
   	.feature_list ul li h3 {
	   	font-size:16px;
    }
}

@media all and (max-width: 480px) {
   	.feature_list ul li h3 {
	   	font-size:18px;
	   	line-height:24px;
    }
}

.feature_list ul .feature1 .icon {
	background-position: center 0px;
}

.feature_list ul .feature2 .icon {
	background-position: center -100px;
}

.feature_list ul .feature3 .icon {
	background-position: center -200px;
}


.feature_list ul li p {
	
}

@media all and (max-width: 769px) {
   	.feature_list ul li p {
	   	font-size:14px;
    }
}

@media all and (max-width: 480px) {
   	.feature_list ul li p {
	   	
    }
}


/*--------------------
各種サービス
---------------------*/

.service_list {
	
}

.service_list .photo {
	width:30%;
	float:left;
}

@media all and (max-width: 480px) {
   	.service_list .photo {
	   	width:100%;
	   	float:none;
    }
}

.service_list .photo img {
	width:100%;
}

.service_list .txt {
	width:64%;
	float:right;
	padding:40px 0px 0px 0px;
}

@media all and (max-width: 769px) {
   	.service_list .txt {
	   	padding:20px 0px 0px 0px;
    }
}

@media all and (max-width: 480px) {
   	.service_list .txt {
	   	width:100%;
	   	float:none;
	   	padding:20px 0px 0px 0px;
    }
}

.service_list .txt p {
	margin:0px 0px 40px 0px;
}

@media all and (max-width: 480px) {
   	.service_list .txt p {
	   	
		margin:0px 0px 20px 0px;
    }
}

.service_list .txt .detail_button a {
	min-width:200px;
}


.service_list .txt .button_contact a {
	background-color: #ffb400;
}

.service_list .txt .button_contact a:hover {
	background-color: #f0721d;
}

.service_list .txt .attent {
	background-color: #f6f6f6;
	padding:20px;
	margin:0px 0px 30px 0px;
}

.service_list .txt .attent h4 {
	color:#299529;
	font-size:16px;
	margin:0px 0px 20px 0px;
}

.service_list .txt .attent p {
	margin-bottom:0px;
}

/*--------------------
会社案内
---------------------*/

#company_outline {
	
}

@media all and (max-width: 480px) {
   	#company_outline {
	   	width:100%;
	   	margin-top:20px;
    }
}

#company_outline th {
	width:20%;
}

@media all and (max-width: 480px) {
   	#company_outline th {
	   	width:100%;
	   	box-sizing: border-box;
    }
}


@media all and (max-width: 480px) {
   	#company_outline td {
	   	width:100%;
	   	box-sizing: border-box;
    }
}

.history_list {
	margin:20px 0px 0px 0px;
}

.history_list li {
	padding:15px 10px 15px 10px;
}

.history_list li:nth-child(odd) {
	background-color: #F6F6F6;
	
}

.history_list li span {
	font-weight:bold;
	margin:0px 20px 0px 0px;
	color: #299529;
}


.greeting {
	margin:40px 0px 0px 0px;
}

@media all and (max-width: 480px) {
   	.greeting {
	   	margin:20px 0px 0px 0px;
    }
}

.greeting .photo {
	width:30%;
	float:left;
}

@media all and (max-width: 480px) {
   	.greeting .photo {
	   	width:100%;
	   	float:none;
    }
}

.greeting .photo img {
	width:100%;
}

.greeting .txt {
	width:64%;
	float:right;
	padding:0px 0px 0px 0px;
}

@media all and (max-width: 769px) {
   	.greeting .txt {
	   	padding:20px 0px 0px 0px;
    }
}

@media all and (max-width: 480px) {
   	.greeting .txt {
	   	width:100%;
	   	float:none;
	   	padding:20px 0px 0px 0px;
    }
}

.greeting .txt p {
	margin:0px 0px 30px 0px;
}

@media all and (max-width: 480px) {
   	.greeting .txt p {
	   	
		margin:0px 0px 20px 0px;
    }
}

.greeting .txt .name {
	font-size:20px;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.map {
	margin:0px 0px 20px 0px;
}

@media all and (max-width: 480px) {
   	.map iframe {
	   	height:200px;
    }
}

.map #map_canvas {
	height:400px;
}

@media all and (max-width: 769px) {
    .map #map_canvas {
		height:500px;
    }
}

@media all and (max-width: 480px) {
   .map #map_canvas {
		height:260px;
		margin-bottom:40px;
    }
}

/*--------------------
お知らせ
---------------------*/

#news_index ul li {
	margin-bottom:15px;
}

#news_index ul li a {
	background-color:#f6f6f6;
}

#news_index ul li a:hover {
	background-color: #EEE;
}

.news_cont {
	padding:20px 0px;
	font-size:16px;
}

.news_cont p {
	margin-bottom:30px;
}

@media all and (max-width: 480px) {
   	.news_cont p br	{
	   	display: block;
    }
}

/*--------------------------
ページ送り
---------------------------*/

div.page_navi {
	text-align:center;
	padding:40px 0px 40px 0px;
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #222;
	background-color:#FFF;
	padding: 8px 12px;
	margin: 4px;
	color:#000;
	font-size:15px;
	border-radius: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color:#222;
	border: 1px solid #222;
	color:#FFF;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*--------------------------
よくあるご質問
---------------------------*/
ul.q_and_a {
	padding:10px 0px 10px 0px;
	width:100%;
	margin:0 auto;
}

ul.q_and_a li.question {
	padding:10px 0px 20px 50px;
	background-image:url(../images/qa_icon_q.png);
	background-repeat:no-repeat;
	background-size: 30px 30px;
	line-height:20px;
	background-position:0px 5px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	margin-left:10px;
	margin-left:0px;
	border-bottom:dotted 1px #CCC;
	
}

ul.q_and_a li.question a {
	color:#111;
	text-decoration:none;
	cursor:pointer;
}

ul.q_and_a li.question a:hover {
	color:#e96b18;
	text-decoration:underline;
}

/*ul.q_and_a li.answer {
	margin-top:10px;
	font-size:12px;
	padding:10px;
	border:solid 1px #111;
	background-color:#FFF;
	line-height:20px;
	margin-right:40px;
	margin-bottom:20px;
	
}*/

ul.q_and_a li.answer {
	margin-top:15px;
	font-size:16px;
	padding:10px 10px 10px 60px;
	padding:20px;
	line-height:24px;
	margin-bottom:20px;
	font-weight:normal;
	/*background-image:url(../images/service/question_icon2.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#EEE;*/
	border:dotted 1px #0f1931;
	background-color:#FBFBFB;
	
}

@media all and (max-width: 480px) {
   	ul.q_and_a li.answer {
		margin-left:-50px;
		padding:10px;
    }
}


ul.q_and_a li.answer a {
	color:#FF6600;
	text-decoration:underline;
}

ul.q_and_a li.answer a:hover {
	text-decoration:none;
}

/*--------------------------
ホットメルトについて
---------------------------*/

.info_list {
	
}

.info_list ul li {
	float:left;
	width:47%;
	margin:0px 0px 60px 0%;
	min-height:200px;
}

@media all and (max-width: 800px) {
   	.info_list ul li {
	   	width:100%;
	   	min-height:auto;
	   	margin:0px 0px 60px 0%;
    }
}

@media all and (max-width: 480px) {
   	.info_list ul li {
	   	margin:0px 0px 30px 0%;
	   	border-bottom:solid 1px #DDD;
	   	padding-bottom:30px;
    }
}

.info_list ul li:nth-child(2n) {
	margin:0px 0px 60px 6%;
}

@media all and (max-width: 800px) {
   	.info_list ul li:nth-child(2n) {
		margin:0px 0px 60px 0%;
    }
}

@media all and (max-width: 480px) {
   	.info_list ul li:nth-child(2n) {
		margin:0px 0px 30px 0%;
    }
}

.info_list ul li a {
	display: block;
	text-decoration: none;
	color:#111;
}

.info_list ul li a .photo {
	width:34%;
	float:left;
}

.info_list ul li a .photo img {
	width:100%;
	border-radius: 4px;
}

.info_list ul li a .txt {
	width:60%;
	float:right;
}

.info_list ul li a .txt h3 {
	margin:0px 0px 20px 0px;
	font-size:20px;
}

.info_list ul li a .txt p {
	color:#666;
	font-size:14px;
	margin:0px 0px 20px 0px;
}

.info_list ul li a .txt .button {
	display: inline-block;
	font-size:14px;
	background-color: #3aa53a;
	text-align: center;
	color:#FFF;
	font-weight:bold;
	padding:6px 40px;
	border-radius: 100px;
	text-decoration: none;
    -webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}

.info_list ul li a:hover .txt .button {
	background-color: #e96b18;
}

.subtitle_h3 {
	font-size:20px;
	margin:0px 0px 20px 0px;
	color: #299529;
}

.subtitle_h4 {
	font-size:16px;
	margin:0px 0px 10px 0px;
	color: #222;
}


.outline2 {
	width:100%;
	margin:30px 0px 40px 0px;
}

@media all and (max-width: 480px) {
   .outline2 {
	   	width:30%;
	   	margin:30px auto 40px auto;
	   	width:100%;
	   	border-top:solid 1px #DDD;
	   	
    }
}

.outline2 tr:nth-child(2n) {
}

.outline2 tbody th , .outline2 tbody td {
	border:solid 1px #DDD;
	text-align: left;
	vertical-align: middle;
	padding:15px;
}

@media all and (max-width: 480px) {
   .outline2 tbody th , .outline2 tbody td {
	   padding:10px;
	   display: list-item;
	   list-style-type: none;
    }
}

.outline2 tbody th {
	width:20%;
	font-weight: bold;
	background-color: #f6f6f6;
}

@media all and (max-width: 480px) {
   .outline2 tbody th {
	   	line-height:20px;
	   	width:auto;
	   	border-bottom:none;
	   	border-top:none;
    }
}

.outline2 thead th {
	background-color: #3aa53a;
	color:#fff;
	font-weight:bold;
	text-align: center;
	padding:15px;
	border:solid 1px #DDD;
	font-size:16px;
}

@media all and (max-width: 480px) {
   .outline2 thead th {
	   display: none;
    }
}

@media all and (max-width: 480px) {
   .th_top {
	   border-top:solid 1px #DDD !important;
    }
}




.outline3 {
	width:100%;
	margin:30px 0px 40px 0px;
}

@media all and (max-width: 769px) {
   .outline3 {
	    display: inline-block;
	    overflow-x: auto;
	    width:auto;
    }
}


.outline3 tr:nth-child(2n) {
}


.outline3 tr:nth-child(2n) td {
	background-color: #fbfbfb;
}

.outline3 tbody th , .outline3 tbody td {
	border:solid 1px #DDD;
	text-align: left;
	vertical-align: middle;
	padding:15px 5px;
}

@media all and (max-width: 480px) {
   .outline3 tbody th , .outline3 tbody td {
		padding:5px;
    }
}

.outline3 tbody th {
	width:20%;
	font-weight: bold;
	background-color: #f1f1f1;
}

.outline3 thead th {
	background-color: #3aa53a;
	color:#fff;
	font-weight:bold;
	text-align: center;
	padding:15px;
	border:solid 1px #DDD;
	font-size:16px;
}

.outline3 thead th a {
	color:#FFF;
}


.outline3 tbody td {
	text-align: center;
}



.hotmelt_point {
	margin:0px 0px 30px 0px;
	background-color: #f6f6f6;
	padding:20px;
}

.hotmelt_point li {
	background-image: url(../images/product_point.png);
	-webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    background-size: 24px auto;
    background-repeat: no-repeat;
    font-size:17px;
    font-weight:bold;
    padding:0px 0px 15px 40px;
    background-position: 0px 2px;
}

.hotmelt_point li:last-child {
    padding:0px 0px 0px 40px;
}

.hotmelt_point2 {
	margin:0px 0px 30px 0px;
	background-color: #f6f6f6;
	padding:20px;
}

.hotmelt_point2 ul {
}

.hotmelt_point2 li {
	margin-left:20px;
    font-size:17px;
    font-weight:bold;
    padding:0px 0px 15px 0px;
    list-style-type: disc;
}

.hotmelt_point2 li:last-child {
    padding:0px 0px 0px 0px;
}

.use_list li {
	width:20%;
	float:left;
	margin:0px 6% 40px 0px;
}

@media all and (max-width: 769px) {
   .use_list li {
	   width:47%;
	   margin:0px 6% 40px 0px;
    }
}

@media all and (max-width: 769px) {
   .use_list li:nth-child(2n) {
	   margin:0px 0% 40px 0px;
    }
}

.use_list li:nth-child(4n) {
	margin:0px 0% 40px 0px;
}

@media all and (max-width: 769px) {
   .use_list li:nth-child(4n) {
	   margin:0px 0% 40px 0px;
    }
}

.use_list li .photo {
	margin:0px 0px 20px 0px;
}

.use_list li .photo img {
	width:100%;
}

.use_list li .txt {
	
}

.use_list li .txt h3 {
	font-size:18px;
	margin:0px 0px 20px 0px;
	color: #299529;
}

@media all and (max-width: 769px) {
   .use_list li .txt h3 {
	   font-size:16px;
    }
}

.use_list li .txt p {
	color:#666;
}

@media all and (max-width: 769px) {
   .use_list li .txt p {
	   font-size:13px;
    }
}


.flash_cont {
	margin:0px 0px 20px 0px;
}

@media all and (max-width: 769px) {
   .flash_cont {
	   display: none;
    }
}

.system_list li {
	min-height:400px;
}


.system_list li .detail_button {
	text-align: center;
}

.system_list li .detail_button a {
	margin:20px auto 0px auto;
	padding:10px 20px;
	width:70%;
}


/*--------------------------
レンタルについて
---------------------------*/

.rental_text {
	border:solid 4px #EEE;
	padding:20px 20px 0px 20px;
}

.rental_text h3 {
	margin:0px 0px 10px 0px;
	color:#f0721d;
	font-size:24px;
}

@media all and (max-width: 480px) {
   	.rental_text h3 {
	   	font-size:18px;
    }
}
.rental_text p {
	margin:0px 0px 30px 0px;
}


.rental_flow {
	
}

.rental_flow ul {
	
}

.rental_flow ul li {
	margin:0px 0px 60px 0px;
	padding:0px 0px 100px 0px;
	background-image: url(../images/flow_arrow.png);
	background-size: 200px auto;
	background-repeat: no-repeat;
	background-position: bottom center;	
}

.rental_flow ul li:last-child {
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
}

.rental_flow ul li .icon {
	width:30%;
	float:left;
	text-align: center;
}

@media all and (max-width: 480px) {
   	.rental_flow ul li .icon {
	   	width:100%;
	   	float:none;
	   	margin-bottom:20px;
    }
}

.rental_flow ul li .icon .box {
	width:200px;
	height:200px;
	border-radius: 300px;
	background-color: #3aa53a;
	margin:0px auto;
	background-image: url(../images/rental_flow.png);
	background-size: 200px auto;
}

@media all and (max-width: 800px) {
   	.rental_flow ul li .icon .box {
	   	width:100px;
	   	height:100px;
	   	background-size: 100px auto;
    }
}

@media all and (max-width: 480px) {
   	.rental_flow ul li .icon .box {
	   	width:200px;
	   	height:200px;
	   	background-size: 200px auto;
    }
}


.rental_flow ul li .flow1 .box {
	background-position: 0px 0px;
}

.rental_flow ul li .flow2 .box {
	background-position: 0px -200px;
}

.rental_flow ul li .flow3 .box {
	background-position: 0px -400px;
}

.rental_flow ul li .flow4 .box {
	background-position: 0px -600px;
}

.rental_flow ul li .txt {
	width:70%;
	float:right;
}

@media all and (max-width: 480px) {
   	.rental_flow ul li .txt {
	   	width:100%;
	   	float:none;
    }
}

.rental_flow ul li .txt h3 {
	color:#3aa53a;
	margin:0px 0px 20px 0px;
	font-size:20px;
}

.rental_flow ul li .txt p {
	margin:0px 0px 20px 0px;
}

.rental_flow ul li .txt .comment {
	background-color: #fff8f3;
	padding:10px 10px 10px 10px;
}

.rental_flow ul li .txt .comment h4 {
	color:#f08721;
	font-size:16px;
	margin:0px 0px 10px 0px;
}

.rental_flow ul li .txt .comment p {
	font-size:13px;
}



/*--------------------------
写真とテキスト
---------------------------*/


.photo_text {
	
}

.photo_text .photo {
	width:30%;
	float:left;
}

@media all and (max-width: 480px) {
   	.photo_text .photo {
	   	width:100%;
	   	float:none;
    }
}

.photo_text .photo img {
	width:100%;
}

.photo_text .txt {
	width:64%;
	float:right;
	padding:0px 0px 0px 0px;
}

@media all and (max-width: 769px) {
   	.photo_text .txt {
	   	padding:20px 0px 0px 0px;
    }
}

@media all and (max-width: 480px) {
   	.photo_text .txt {
	   	width:100%;
	   	float:none;
	   	padding:20px 0px 0px 0px;
    }
}

.photo_text .txt h3 {
	font-size:18px;
	margin:0 0 20px 0px;
}

.photo_text .txt p {
	margin:0px 0px 40px 0px;
}

@media all and (max-width: 480px) {
   	photo_text .txt p {
	   	
		margin:0px 0px 20px 0px;
    }
}

.photo_text .txt .detail_button a {
	min-width:200px;
}


.photo_text .txt .button_contact a {
	background-color: #ffb400;
}



.photo_text_right_30 .photo {
	width:30%;
	float:right;
}

@media all and (max-width: 480px) {
   	.photo_text_right_30 .photo {
	   	width:100%;
	   	float:none;
    }
}

.photo_text_right_30 .txt {
	width:64%;
	float:left;
	padding:0px 0px 0px 0px;
}

@media all and (max-width: 769px) {
   	.photo_text_right_30 .txt {
	   	padding:20px 0px 0px 0px;
    }
}

@media all and (max-width: 480px) {
   	.photo_text_right_30 .txt {
	   	width:100%;
	   	float:none;
	   	padding:20px 0px 0px 0px;
    }
}

.photo_only {
	margin:0 0 20px 0px;
}


/*--------------------------
サイトマップ
---------------------------*/

.sitemap {
	
}

.sitemap ul {
	padding-left:20px;
}

.sitemap ul li {
	margin-bottom:20px;
	list-style-type: disc;
	font-size:16px;
	font-weight:bold;
}

.sitemap ul li a {
	text-decoration: none;
	color:#111;
}

.sitemap ul li a:hover {
	background-color: #111;
	color:#FFF;
}

.sitemap ul .submenu {
	font-weight:normal;
	font-size:15px;
	list-style-type: circle;
	margin-left:10px;
	color:#333;
}

.sitemap ul .submenu2 {
	font-weight:normal;
	font-size:12px;
	list-style-type: none;
	margin-left:20px;
	color#666;
}

/*--------------------------
バナー
---------------------------*/

.top_banner {
	max-width:1200px;
	margin:80px auto 40px auto;
}
@media all and (max-width: 1200px) {
   	.top_banner {
	   	max-width:98%;
    }
}
@media all and (max-width: 769px) {
   	.top_banner {
		margin:40px auto 20px auto;
    }
}
@media all and (max-width: 640px) {
   	.top_banner {
		max-width:96%;
    }
}

.top_banner .box {
	height:250px;
	background-position: center center;
	background-size: cover;
	position: relative;
}
@media all and (max-width: 769px) {
   	.top_banner .box {
	   	height:200px;
    }
}

.top_banner .box a {
	display: block;
	color:#FFF;
	text-decoration: none;
	text-align: center;
}

.top_banner .box .border {
	border:solid 2px #FFF;
	box-sizing: border-box;
	position: absolute;
	top:2%;
	left:0.4%;
	width:99.2%;
	height:96%;
	-webkit-transition: 0.4s 0s ease-in-out;
	transition: 0.4s 0s ease-in-out;
}
@media all and (max-width: 1200px) {
   	.top_banner .box .border {
		top:2%;
		left:0.6%;
		width:98.8%;
		height:96%;
    }
}
@media all and (max-width: 769px) {
   	.top_banner .box .border {
    }
}
@media all and (max-width: 640px) {
   	.top_banner .box .border {
		top:2%;
		left:1.0%;
		width:98.0%;
		height:96%;
    }
}

.top_banner .box .mask {
	position: absolute;
	width:100%;
	height:100%;
	background-color: #000;
	opacity: 0.4;
	-webkit-transition: 0.4s 0s ease-in-out;
	transition: 0.4s 0s ease-in-out;
}

.top_banner .box a:hover .mask {
	opacity: 0.25;
}	

.top_banner .box .title {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	height:80px;
	font-weight:bold;
}
@media all and (max-width: 640px) {
   	.top_banner .box .title {
		height:60px;
    }
}

.top_banner .box .title .main_text {
	font-size:32px;
	margin-bottom:10px;
	line-height:1.6em;
	display: inline-block;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 769px) {
   	.top_banner .box .title .main_text {
	   	font-size:24px;
	   	font-weight:bold;
    }
}
@media all and (max-width: 640px) {
   	.top_banner .box .title .main_text {
	   	font-size:20px;
    }
}

.top_banner .box .title .sub_text {
	font-size:18px;
	background-image: url(../images/top_banner_arrow.png);
	background-size: 9px auto;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:20px;
	display: inline-block;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 769px) {
   	.top_banner .box .title .sub_text {
	   	font-size:16px;
	   	font-weight:bold;
    }
}
@media all and (max-width: 640px) {
   	.top_banner .box .title .sub_text {
	   	font-size:12px;
    }
}


/*--------------------
優先的に適用させる汎用css
---------------------*/

/* font管理 */

.align_left {
    text-align: left !important;
}

.align_right {
    text-align: right !important;
}

.fsize60per {
    font-size: 60% !important;
}

.fsize70per {
    font-size: 70% !important;
}

.fsize80per {
    font-size: 80% !important;
}

.fsize90per {
    font-size: 90% !important;
}

.fsize100per {
    font-size: 100% !important;
}

.fsize110per {
    font-size: 110% !important;
}

.fsize120per {
    font-size: 120% !important;
}

.fsize130per {
    font-size: 130% !important;
}

.fsize140per {
    font-size: 140% !important;
}

/* 汎用margin */

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}
.mr100 {margin-right: 100px !important;}

.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}
.ml100 {margin-left: 100px !important;}

/* 汎用padding */
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb100 {padding-bottom: 100px !important;}





/*-----------------------------------------------------------
スマホ・タブレット用メニュー
-----------------------------------------------------------*/

/*
	jQuery.mmenu CSS
*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
.mm-menu.mm-horizontal > .mm-panel {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, border;
    -moz-transition-property: top, right, bottom, left, border;
    -ms-transition-property: top, right, bottom, left, border;
    -o-transition-property: top, right, bottom, left, border;
    transition-property: top, right, bottom, left, border;
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
    left: 0;
    top: 0;
    margin: 0;
    border: 0px solid rgba(0, 0, 0, 0);
}

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
    border: 0px solid rgba(100, 100, 100, 0);
}

.mm-menu .mm-hidden {
    display: none;
}

.mm-fixed-top,
.mm-fixed-bottom {
    position: fixed;
    left: 0;
}

.mm-fixed-top {
    top: 0;
}

.mm-fixed-bottom {
    bottom: 0;
}

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html.mm-opened {
    overflow-x: hidden;
    position: relative;
}

html.mm-opened .mm-page {
    position: relative;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    /*background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;*/
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    background: inherit;
    display: none;
    overflow: hidden;
    height: 100%;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
}

.mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0;
}

.mm-menu > .mm-panel.mm-opened {
    left: 0%;
}

.mm-menu > .mm-panel.mm-subopened {
    left: -40%;
}

.mm-menu > .mm-panel.mm-highest {
    z-index: 1;
}

.mm-menu > .mm-panel.mm-hidden {
    display: block;
    visibility: hidden;
}

.mm-menu .mm-list {
    padding: 20px 0;
}

.mm-menu > .mm-list {
    padding: 0px 0 0px 0;
}

.mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px;
}

.mm-panel > .mm-list:first-child {
    padding-top: 0;
}

.mm-list,
.mm-list > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-list {
    font: inherit;
    font-size: 13px;
}

.mm-list a,
.mm-list a:hover {
    text-decoration: none;
}

.mm-list > li {
    position: relative;
}

.mm-list > li > a,
.mm-list > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 14px 10px 14px 10px;
    margin: 0;
    color: #FFF;
    font-size: 14px;
    border-top: solid 1px #282828;

}

.mm-list > li.sub > a,
.mm-list > li.sub > span {
    padding: 8px 10px 8px 20px;
    color: #EEE;
    font-size: 12px;
    background: #393939;
}

.mm-list > li > a {
    background-image: url(../images/arrow_white.png);
    -webkit-background-size: 7px 12px;
    -moz-background-size: 7px 12px;
    background-size: 7px 12px;
    background-repeat: no-repeat;
    background-position: 98% 44%;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto;
}

.mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.mm-list a.mm-subopen:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: none;
}

.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
    padding-right: 5px;
    margin-right: 40px;
}

.mm-list > li.mm-selected > a.mm-subopen {
    background: transparent;
}

.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0;
}

.mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px;
}

.mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px;
}

.mm-list > li.mm-spacer {
    padding-top: 40px;
}

.mm-list > li.mm-spacer.mm-label {
    padding-top: 25px;
}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px;
}

.mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
    display: block;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
    height: 40px;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px;
}

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-ismenu {
    background: #222;
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05);
}

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
    left: 80%;
}

.mm-menu {
    width: 80%;
}

@media all and (max-width: 175px) {
    .mm-menu {
        width: 140px;
    }

    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker,
    html.mm-opening .mm-fixed-top,
    html.mm-opening .mm-fixed-bottom {
        left: 140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu {
        width: 440px;
    }

    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker,
    html.mm-opening .mm-fixed-top,
    html.mm-opening .mm-fixed-bottom {
        left: 440px;
    }
}

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 40px;
    top: 50%;
}

em.mm-counter + a.mm-subopen {
    padding-left: 40px;
}

em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
    margin-right: 80px;
}

em.mm-counter + a.mm-fullsubopen {
    padding-left: 0;
}

.mm-vertical em.mm-counter {
    top: 12px;
    margin-top: 0;
}

.mm-nosubresults > em.mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: inherit;
    border-bottom: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    width: 100%;
    padding: 10px 40px 10px 40px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: none;
}

.mm-header .mm-title {
    height: 30px;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.mm-header .mm-prev,
.mm-header .mm-next {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    bottom: 0;
}

.mm-header .mm-prev:before,
.mm-header .mm-next:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -15px;
}

.mm-header .mm-prev {
    left: 0;
}

.mm-header .mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 22px;
}

.mm-header .mm-next {
    right: 0;
}

.mm-header .mm-next:before {
    border-top: none;
    border-left: none;
    right: 18px;
}

.mm-menu.mm-hassearch .mm-header {
}

.mm-menu.mm-hassearch .mm-header .mm-prev:before,
.mm-menu.mm-hassearch .mm-header .mm-mext:before {
    margin-bottom: -10px;
}

.mm-menu.mm-hasheader li.mm-subtitle {
    display: none;
}

.mm-menu.mm-hasheader .mm-panel {
    padding-top: 80px;
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
    padding-top: 120px;
}

.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
    padding-top: 60px;
}

.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
    padding-top: 100px;
}

.mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu labels addon CSS
*/
.mm-menu.mm-fixedlabels .mm-list {
    background: inherit;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label {
    background: inherit;
    opacity: 0.97;
    height: 25px;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
    background: inherit;
    width: 100%;
    position: absolute;
    left: 0;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
    padding-top: 25px;
}

.mm-list > li.mm-label > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
}

.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 17px;
}

.mm-list > li.mm-collapsed {
    display: none;
}

.mm-menu .mm-list li.mm-label > div > div {
    background: rgba(255, 255, 255, 0.05);
}

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.mm-search {
    display: none;
    background: inherit;
    width: 100%;
    height: 50px;
    padding: 10px;
    position: relative;
    top: 0;
    z-index: 2;
}

.mm-search input {
    border: none;
    border-radius: 15px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px;
}

.mm-menu li.mm-nosubresults > a.mm-subopen {
    display: none;
}

.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px;
}

.mm-menu li.mm-noresults {
    text-align: center;
    font-size: 21px;
    display: none;
    padding-top: 80px;
}

.mm-menu li.mm-noresults:after {
    border: none;
}

.mm-menu.mm-noresults li.mm-noresults {
    display: block;
}

.mm-menu.mm-hassearch > .mm-panel {
    padding-top: 60px;
}

.mm-menu .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu li.mm-noresults {
    color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-slide.mm-opened .mm-menu {
    -webkit-transform: translateX(-40%);
    -moz-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    -o-transform: translateX(-40%);
    transform: translateX(-40%);
}

html.mm-slide.mm-opening .mm-menu {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

html.mm-slide.mm-right.mm-opened .mm-menu {
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
}

html.mm-slide.mm-right.mm-opening .mm-menu {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

html.mm-slide.mm-top.mm-opened .mm-menu {
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

html.mm-slide.mm-top.mm-opening .mm-menu {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

html.mm-slide.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%);
}

html.mm-slide.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

html.mm-zoom-menu .mm-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-zoom-menu.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateX(-40%);
    -moz-transform: scale(0.7, 0.7) translateX(-40%);
    -ms-transform: scale(0.7, 0.7) translateX(-40%);
    -o-transform: scale(0.7, 0.7) translateX(-40%);
    transform: scale(0.7, 0.7) translateX(-40%);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

html.mm-zoom-menu.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateX(40%);
    -moz-transform: scale(0.7, 0.7) translateX(40%);
    -ms-transform: scale(0.7, 0.7) translateX(40%);
    -o-transform: scale(0.7, 0.7) translateX(40%);
    transform: scale(0.7, 0.7) translateX(40%);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateY(-40%);
    -moz-transform: scale(0.7, 0.7) translateY(-40%);
    -ms-transform: scale(0.7, 0.7) translateY(-40%);
    -o-transform: scale(0.7, 0.7) translateY(-40%);
    transform: scale(0.7, 0.7) translateY(-40%);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
}

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0%);
    -moz-transform: scale(1, 1) translateY(0%);
    -ms-transform: scale(1, 1) translateY(0%);
    -o-transform: scale(1, 1) translateY(0%);
    transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateY(40%);
    -moz-transform: scale(0.7, 0.7) translateY(40%);
    -ms-transform: scale(0.7, 0.7) translateY(40%);
    -o-transform: scale(0.7, 0.7) translateY(40%);
    transform: scale(0.7, 0.7) translateY(40%);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0%);
    -moz-transform: scale(1, 1) translateY(0%);
    -ms-transform: scale(1, 1) translateY(0%);
    -o-transform: scale(1, 1) translateY(0%);
    transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-page.mm-opened .mm-page {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

html.mm-zoom-page.mm-opening .mm-page {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
}

html.mm-zoom-page.mm-right.mm-opened .mm-page {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}

html.mm-zoom-page.mm-top.mm-opened .mm-page {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
}

html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}

html.mm-zoom-panels .mm-panel {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

html.mm-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
}

/*
	jQuery.mmenu fullall extension CSS
*/
html.mm-opening.mm-fullall .mm-page,
html.mm-opening.mm-fullall #mm-blocker,
html.mm-opening.mm-fullall .mm-fixed-top,
html.mm-opening.mm-fullall .mm-fixed-bottom {
    left: 100%;
}

.mm-menu.mm-fullall {
    width: 100%;
}

@media all and (max-width: 140px) {
    .mm-menu.mm-fullall {
        width: 140px;
    }

    html.mm-opening.mm-fullall .mm-page,
    html.mm-opening.mm-fullall #mm-blocker,
    html.mm-opening.mm-fullall .mm-fixed-top,
    html.mm-opening.mm-fullall .mm-fixed-bottom {
        left: 140px;
    }
}

@media all and (min-width: 10000px) {
    .mm-menu.mm-fullall {
        width: 10000px;
    }

    html.mm-opening.mm-fullall .mm-page,
    html.mm-opening.mm-fullall #mm-blocker,
    html.mm-opening.mm-fullall .mm-fixed-top,
    html.mm-opening.mm-fullall .mm-fixed-bottom {
        left: 10000px;
    }
}

.mm-menu.mm-top.mm-fullall {
    height: 100%;
}

html.mm-top.mm-opening.mm-fullall .mm-page,
html.mm-top.mm-opening.mm-fullall #mm-blocker,
html.mm-top.mm-opening.mm-fullall .mm-fixed-top {
    top: 100%;
}

html.mm-top.mm-opening.mm-fullall .mm-fixed-bottom {
    bottom: -100%;
}

@media all and (max-height: 140px) {
    .mm-menu.mm-top.mm-fullall {
        height: 140px;
    }

    html.mm-top.mm-opening.mm-fullall .mm-page,
    html.mm-top.mm-opening.mm-fullall #mm-blocker,
    html.mm-top.mm-opening.mm-fullall .mm-fixed-top {
        top: 140px;
    }

    html.mm-top.mm-opening.mm-fullall .mm-fixed-bottom {
        bottom: -140px;
    }
}

@media all and (min-height: 10000px) {
    .mm-menu.mm-top.mm-fullall {
        height: 10000px;
    }

    html.mm-top.mm-opening.mm-fullall .mm-page,
    html.mm-top.mm-opening.mm-fullall #mm-blocker,
    html.mm-top.mm-opening.mm-fullall .mm-fixed-top {
        top: 10000px;
    }

    html.mm-top.mm-opening.mm-fullall .mm-fixed-bottom {
        bottom: -10000px;
    }
}

.mm-menu.mm-right.mm-fullall {
    width: 100%;
}

html.mm-right.mm-opening.mm-fullall .mm-page,
html.mm-right.mm-opening.mm-fullall #mm-blocker,
html.mm-right.mm-opening.mm-fullall .mm-fixed-top,
html.mm-right.mm-opening.mm-fullall .mm-fixed-bottom {
    right: 100%;
}

@media all and (max-width: 140px) {
    .mm-menu.mm-right.mm-fullall {
        width: 140px;
    }

    html.mm-right.mm-opening.mm-fullall .mm-page,
    html.mm-right.mm-opening.mm-fullall #mm-blocker,
    html.mm-right.mm-opening.mm-fullall .mm-fixed-top,
    html.mm-right.mm-opening.mm-fullall .mm-fixed-bottom {
        right: 140px;
    }
}

@media all and (min-width: 10000px) {
    .mm-menu.mm-right.mm-fullall {
        width: 10000px;
    }

    html.mm-right.mm-opening.mm-fullall .mm-page,
    html.mm-right.mm-opening.mm-fullall #mm-blocker,
    html.mm-right.mm-opening.mm-fullall .mm-fixed-top,
    html.mm-right.mm-opening.mm-fullall .mm-fixed-bottom {
        right: 10000px;
    }
}

.mm-menu.mm-bottom.mm-fullall {
    height: 100%;
}

html.mm-bottom.mm-opening.mm-fullall .mm-page,
html.mm-bottom.mm-opening.mm-fullall #mm-blocker,
html.mm-bottom.mm-opening.mm-fullall .mm-fixed-bottom {
    bottom: 100%;
}

html.mm-bottom.mm-opening.mm-fullall .mm-fixed-top {
    top: -100%;
}

@media all and (max-height: 140px) {
    .mm-menu.mm-bottom.mm-fullall {
        height: 140px;
    }

    html.mm-bottom.mm-opening.mm-fullall .mm-page,
    html.mm-bottom.mm-opening.mm-fullall #mm-blocker,
    html.mm-bottom.mm-opening.mm-fullall .mm-fixed-bottom {
        bottom: 140px;
    }

    html.mm-bottom.mm-opening.mm-fullall .mm-fixed-top {
        top: -140px;
    }
}

@media all and (min-height: 10000px) {
    .mm-menu.mm-bottom.mm-fullall {
        height: 10000px;
    }

    html.mm-bottom.mm-opening.mm-fullall .mm-page,
    html.mm-bottom.mm-opening.mm-fullall #mm-blocker,
    html.mm-bottom.mm-opening.mm-fullall .mm-fixed-bottom {
        bottom: 10000px;
    }

    html.mm-bottom.mm-opening.mm-fullall .mm-fixed-top {
        top: -10000px;
    }
}

.mm-menu.mm-fullall.mm-front, .mm-menu.mm-fullall.mm-next {
    left: -100%;
}

@media all and (max-width: 140px) {
    .mm-menu.mm-fullall.mm-front, .mm-menu.mm-fullall.mm-next {
        left: -140px;
    }
}

@media all and (min-width: 10000px) {
    .mm-menu.mm-fullall.mm-front, .mm-menu.mm-fullall.mm-next {
        left: -10000px;
    }
}

.mm-menu.mm-top.mm-fullall.mm-front, .mm-menu.mm-top.mm-fullall.mm-next {
    top: -100%;
}

@media all and (max-height: 140px) {
    .mm-menu.mm-top.mm-fullall.mm-front, .mm-menu.mm-top.mm-fullall.mm-next {
        top: -140px;
    }
}

@media all and (min-height: 10000px) {
    .mm-menu.mm-top.mm-fullall.mm-front, .mm-menu.mm-top.mm-fullall.mm-next {
        top: -10000px;
    }
}

.mm-menu.mm-right.mm-fullall.mm-front, .mm-menu.mm-right.mm-fullall.mm-next {
    right: -100%;
}

@media all and (max-width: 140px) {
    .mm-menu.mm-right.mm-fullall.mm-front, .mm-menu.mm-right.mm-fullall.mm-next {
        right: -140px;
    }
}

@media all and (min-width: 10000px) {
    .mm-menu.mm-right.mm-fullall.mm-front, .mm-menu.mm-right.mm-fullall.mm-next {
        right: -10000px;
    }
}

.mm-menu.mm-bottom.mm-fullall.mm-front, .mm-menu.mm-bottom.mm-fullall.mm-next {
    bottom: -100%;
}

@media all and (max-height: 140px) {
    .mm-menu.mm-bottom.mm-fullall.mm-front, .mm-menu.mm-bottom.mm-fullall.mm-next {
        bottom: -140px;
    }
}

@media all and (min-height: 10000px) {
    .mm-menu.mm-bottom.mm-fullall.mm-front, .mm-menu.mm-bottom.mm-fullall.mm-next {
        bottom: -10000px;
    }
}

html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
    left: 0;
    right: auto;
}

html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
    top: 0;
}

html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
    bottom: 0;
}

html.mm-opened.mm-fullall .mm-page {
    box-shadow: none;
}

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
    width: 100%;
}

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
    top: 0%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    left: 0;
}

.mm-menu.mm-right {
    left: auto;
    right: 0;
}

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
    left: auto;
    right: 0%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    left: auto;
}

.mm-menu.mm-bottom {
    width: 100%;
    top: auto;
    bottom: 0;
}

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
    bottom: 0%;
    top: auto;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    top: auto;
    left: 0;
}

.mm-menu.mm-top {
    height: 80%;
}

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
    top: 80%;
}

html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-top {
        height: 140px;
    }

    html.mm-top.mm-opening .mm-page,
    html.mm-top.mm-opening #mm-blocker,
    html.mm-top.mm-opening .mm-fixed-top {
        top: 140px;
    }

    html.mm-top.mm-opening .mm-fixed-bottom {
        bottom: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-top {
        height: 880px;
    }

    html.mm-top.mm-opening .mm-page,
    html.mm-top.mm-opening #mm-blocker,
    html.mm-top.mm-opening .mm-fixed-top {
        top: 880px;
    }

    html.mm-top.mm-opening .mm-fixed-bottom {
        bottom: -880px;
    }
}

.mm-menu.mm-right {
    width: 80%;
}

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
    right: 80%;
}

@media all and (max-width: 175px) {
    .mm-menu.mm-right {
        width: 140px;
    }

    html.mm-right.mm-opening .mm-page,
    html.mm-right.mm-opening #mm-blocker,
    html.mm-right.mm-opening .mm-fixed-top,
    html.mm-right.mm-opening .mm-fixed-bottom {
        right: 140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu.mm-right {
        width: 440px;
    }

    html.mm-right.mm-opening .mm-page,
    html.mm-right.mm-opening #mm-blocker,
    html.mm-right.mm-opening .mm-fixed-top,
    html.mm-right.mm-opening .mm-fixed-bottom {
        right: 440px;
    }
}

.mm-menu.mm-bottom {
    height: 80%;
}

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 80%;
}

html.mm-bottom.mm-opening .mm-fixed-top {
    top: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-bottom {
        height: 140px;
    }

    html.mm-bottom.mm-opening .mm-page,
    html.mm-bottom.mm-opening #mm-blocker,
    html.mm-bottom.mm-opening .mm-fixed-bottom {
        bottom: 140px;
    }

    html.mm-bottom.mm-opening .mm-fixed-top {
        top: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-bottom {
        height: 880px;
    }

    html.mm-bottom.mm-opening .mm-page,
    html.mm-bottom.mm-opening #mm-blocker,
    html.mm-bottom.mm-opening .mm-fixed-bottom {
        bottom: 880px;
    }

    html.mm-bottom.mm-opening .mm-fixed-top {
        top: -880px;
    }
}

/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, -webkit-transform;
    -moz-transition-property: top, right, bottom, left, -moz-transform;
    -ms-transition-property: top, right, bottom, left, -o-transform;
    -o-transition-property: top, right, bottom, left, -o-transform;
    transition-property: top, right, bottom, left, transform;
}

html.mm-front .mm-page,
html.mm-front #mm-blocker {
    z-index: 0;
}

.mm-menu.mm-front {
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
    box-shadow: none;
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    left: 0%;
}

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    left: 0;
}

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
    left: 0;
    top: 0%;
}

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    left: auto;
}

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
    left: auto;
    right: 0%;
}

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    top: auto;
    left: 0;
}

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
    left: 0;
    bottom: 0%;
}

.mm-menu.mm-front, .mm-menu.mm-next {
    left: -80%;
}

@media all and (max-width: 175px) {
    .mm-menu.mm-front, .mm-menu.mm-next {
        left: -140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu.mm-front, .mm-menu.mm-next {
        left: -440px;
    }
}

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
        top: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
        top: -880px;
    }
}

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -80%;
}

@media all and (max-width: 175px) {
    .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
        right: -140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
        right: -440px;
    }
}

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
        bottom: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
        bottom: -880px;
    }
}

html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
    left: 0;
    right: auto;
}

html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
    top: 0;
}

html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
    bottom: 0;
}

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-light {
    background: #f3f3f3;
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-search input {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light li.mm-noresults {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list li.mm-label > div > div {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-white .mm-page {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-white {
    background: white;
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06);
}

.mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-search input {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white li.mm-noresults {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list li.mm-label > div > div {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-black .mm-page {
    box-shadow: none;
}

.mm-ismenu.mm-black {
    background: black;
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25);
}

.mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black li.mm-noresults {
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black em.mm-counter {
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list li.mm-label > div > div {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-header {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3);
}


#menu-right .submenu {
	background-color: #333;
}

#menu-right .submenu a {
	font-size:94%;
	padding-left:20px;
    border-top: solid 1px #222;
}


/*--------------------
colorbox
---------------------*/


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background-color:#000;
	opacity:0.8 !important;
	filter: alpha(opacity=80) !important;
	-ms-filter: "alpha( opacity=80 )";
}
#colorbox{outline:0; }
    #cboxContent{margin-top:30px; padding-left:30px; padding-right:30px; padding-bottom:40px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ background-color:#fff;
	        
		box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	
        }
        #cboxTitle{position:absolute; bottom:5px; left:0; color:#fff; width:100%; text-align: center; font-size:12px;}
        #cboxTitle br {display: none;}
        #cboxCurrent{position:absolute; top:-26px; right:30px; color:#ccc; display: none; font-size:11px;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:45%; left:-5px; margin-top:-32px; background:url(../images/colorbox/pre.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:45%; right:-5px; margin-top:-32px; background:url(../images/colorbox/next.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; bottom:-10px; right:20px; display:block; background:url(../images/colorbox/close.png) no-repeat top center; width:51px; height:50px; text-indent:-9999px;}
                
        

@media all and (max-width: 480px) {
     #cboxTitle {
	     line-height:14px;
	     bottom:10px;
    }
}
        
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
  #photo_slide {
	 padding-bottom:0px !important;
	 }
 
 #photo_slide .contents {
}

@media all and (max-width: 1010px) {
     #photo_slide .contents {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
     #photo_slide .contents {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
     #photo_slide {
       padding-left:0;
       padding-right:0;
    }
}

 
/* 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;} 

.slide {
	margin:0px 0px 0px 0px;
}

@media all and (max-width: 480px) {
    .slide {
		margin:0px 0px 0px 0px;
    }
}


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style-type:none; padding:0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { 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:0px auto; background: #none; border:none; position: relative; zoom: 1; width:100%; }

@media all and (max-width: 1100px) {
    .flexslider {
	    width:100%;
    }
}

@media all and (max-width: 1000px) {
    .flexslider {
	    width:100%;
    }
}

@media all and (max-width: 900px) {
    .flexslider {
	    width:100%;
    }
}

@media all and (max-width: 480px) {
    .flexslider {
	    width:100%;
    }
}

.slides {
	height:400px;
}

@media all and (min-width: 1600px) {
    .slides {
    }
}

@media all and (max-width: 1599px) {
    .slides {
    }
}

@media all and (max-width: 1400px) {
    .slides 
    }
}

@media all and (max-width: 1200px) {
    .slides {
		height:400px;
    }
}

@media all and (max-width: 1000px) {
    .slides {
		height:300px;
    }
}

@media all and (max-width: 800px) {
    .slides {
		height:300px;
    }
}

@media all and (max-width: 600px) {
    .slides {
		height:240px;
    }
}

@media all and (max-width: 480px) {
    .slides {
	    height:200px;
    }
}

@media all and (max-width: 330px) {
    .slides {
	    height:200px;
    }
}

.slides li {
	height:100%;
	background-position: center center;
	
}

@media all and (max-width: 480px) {
    .slides li {
		height:100%;
    }
}

.bg_image {
	height:100%;
	background-size: cover;
	background-position: center center;
}

.flex-viewport {max-height: 458px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.flexslider .slides li {
	background-size: cover;
}



/* Direction Nav */
.flex-direction-nav {*height: 0;height: 0px;}

@media all and (max-width: 800px) {
    .flex-direction-nav {
	    display: none;
    }
}

.flex-direction-nav a {
	width: 20px;
	height: 40px;
	display: block;
	position: absolute;
	top: 45%;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 1;
	background-image: url(../images/slide.png);
	background-size: 40px 80px;
    -webkit-background-size: 40px 80px;
    -moz-background-size: 40px 80px;
	}
.flex-direction-nav .flex-next {
	background-position: -20px 0px;
	 right: 20px;
}
.flex-direction-nav .flex-next:hover {
	background-position: -20px -40px;
}

.flex-direction-nav .flex-prev {
	background-position: 0px 0px;
	left: 20px;
	}
.flex-direction-nav .flex-prev:hover {
	background-position: -0px -40px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity:1!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; text-align: center; height:12px !important; position: absolute; bottom:20px !important;}

@media all and (max-width: 1100px) {
    .flex-control-nav {
	    bottom:10px;
    }
}
.flex-control-nav li {margin: 0 10px; display: inline-block; zoom: 1; *display: inline;height:12px !important;}
.flex-control-paging li a {
	width: 12px; height: 12px; display: block; cursor: pointer; text-indent: -9999px;
	background: #fff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	}
.flex-control-paging li a:hover { 
	background: #3aa53a !important;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.flex-control-paging li a.flex-active {
	cursor: default;
	background: #3aa53a !important;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}

.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 .flex-active {opacity: 1; cursor: default;}

#main_visual {
	margin:0px 0px 0px 0px;
}


.main_visual_catch_wrap {
	position: absolute;
	top:140px;
	text-align: center;
	width:100%;
	color:#FFF;
	font-weight:bold;
}

@media all and (max-width: 1000px) {
    .main_visual_catch_wrap {
	    top:100px;
    }
}

@media all and (max-width: 769px) {
    .main_visual_catch_wrap {
	    top:100px;
    }
}

@media all and (max-width: 600px) {
    .main_visual_catch_wrap {
	    top:80px;
    }
}

@media all and (max-width: 480px) {
    .main_visual_catch_wrap {
		position: absolute;
		top:10px;
    }
}

.main_visual_catch_wrap .main_catch {
	font-size:44px;
	line-height:60px;
	margin-bottom:5px;
}

@media all and (max-width: 769px) {
    .main_visual_catch_wrap .main_catch {
		font-size:36px;
		line-height:46px;
    }
}

@media all and (max-width: 600px) {
    .main_visual_catch_wrap .main_catch {
		font-size:30px;
		line-height:40px;
    }
}

@media all and (max-width: 480px) {
    .main_visual_catch_wrap .main_catch {
		font-size:20px;
		line-height:30px;
		margin-top:50px;
    }
}

.main_visual_catch_wrap .sub_catch {
	font-size:24px;
	line-height:30px;
}

@media all and (max-width: 769px) {
    .main_visual_catch_wrap .sub_catch {
		font-size:20px;
		line-height:28px;
    }
}

@media all and (max-width: 480px) {
    .main_visual_catch_wrap .sub_catch {
		font-size:14px;
		line-height:24px;
    }
}

@media all and (min-width: 481px) {
    #menu-right {
	    display: none;
    }
}