/* =Reset default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
section, nav, article, aside, hgroup, header, footer, figure, figcaption
 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul li {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

a {
	text-decoration:none;
}

a:hover {
}

a.opacity:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.mar10 {
	margin:10px auto;
}

.mar20 {
	margin-top:20px;
}

.pad20 {
	padding-top:20px;
}

input[type=button] {
	width:220px;
	text-align:center;
	color:#FFF;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	background:#FF9FAD;
	border:none;
}

/* =ボタン
-------------------------------------------------------------- */

.btn0 {
	width:90%;
	margin:20px auto;
	padding:10px 0;
	text-align:center;
	background:transparent;
	color:#415560;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:3px solid #415560;
	font-size:18px;
}

.btn0:hover,
.btn0:active {
	color: #FFF;
	background: #415560;
	border:3px solid #FFF;
}

.btn1 {
	width:90%;
	margin:20px auto;
	padding:20px 0;
	text-align:center;
	background:transparent;
	color:#415560;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:3px solid #415560;
	font-size:24px;
}

.btn1:hover,
.btn1:active {
	color: #FFF;
	background: #415560;
	border:3px solid #FFF;
}


/* =PC用CSS
-------------------------------------------------------------- */

#container {
	width:100%;
	background:#F5F5F5;
	position:relative;
}

header {
	position:absolute;
	z-index:99999;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,0.7);
}

header .header_contents {
	width:70%;
	max-width:400px;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
}

header h1 {
	font-size:12px;
	width:100%;
	display:block;
	color:#5E5E5E;
	text-align:center;
	display:block;
}

header h1 a {
	color:#5E5E5E;
}

header img {
	padding:0 0 5px 0;
	display:block;
	width:100%;
	margin:0 auto;
}

header .header_right {
	display:none;
}


/* =スライドメニュー
-------------------------------------------------------------- */

.menu-button-right {
	position:absolute;
	min-width:30px;
	max-width:60px;
	width:5%;
	min-height:30px;
	max-width:60px;
	height:100%;
	top:10px;
	right:20px;
	border:none;
	cursor:pointer;
}


/*slidemenu*/
.slidemenu {
    background:#282828;
	box-shadow: 5px 0px 10px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 5px 0px 10px rgba(0,0,0,0.4) inset; 
	-webkit-box-shadow: 5px 0px 10px rgba(0,0,0,0.4) inset;
}

/*plugin*/
#main {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: 999999;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}


nav {
	display:block;
	width:100%;
	background:#282828;
	margin:0;
}

nav:after {
	content:'';
	clear:both;
	height:0;
	display:block;
}

nav a {
	display:block;
	color:#000;
	width:100%;
	text-align:center;
	padding:18px 0;
	margin:15px auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	color:#FFF;
}

nav a > span {
	display:block;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

nav a:hover {
	background:#4F4F4E;
}

/* =slider
-------------------------------------------------------------- */

#slider {
	width:100%;
	height:auto;
	overflow:hidden;
}

.bxslider {
	overflow:hidden;
}

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

#slider .bx-viewport {
	height:auto !important;
}

.bx-wrapper img {
	width:100%;
	height:auto;
	margin:0 auto;
	display: block;
}

.bx-wrapper .slider_contents {
	display:none;
}

.bx-prev {
	position:absolute;
	top:50%;
	left:10px;
	margin:-60px 0 0 0;
	background:url(img/bx_prev.png) no-repeat top center;
	width:30px;
	height:60px;
}

.bx-next {
	position:absolute;
	top:50%;
	right:10px;
	margin:-60px 0 0 0;
	background:url(img/bx_next.png) no-repeat top center;
	width:30px;
	height:60px;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #77726B;
}

.bx-controls {
	width:200px;
	margin:0 auto;
	background:transparent;
	padding:14px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #D1CBC1;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0072DF;
}

/* =contents
-------------------------------------------------------------- */

#wrapper {
	width:100%;
	margin:0 auto;
	background:#FFF;
}

#contents {
	width:100%;
	padding:0;
	background:#FFF;
	margin:0 auto;
}

#leftbox {
	width:100%;
}

#rightbox {
	width:100%;
	text-align:center;
}

#leftbox_contents h3 {
	width:95%;
}

@media screen and (min-width: 600px){

#rightbox a img {
	max-width:50%;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

}


@media screen and (max-width: 599px){

#rightbox a img {
	width:100%;
	height:auto;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

}

#rightbox a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
} 

/* =ニュース
-------------------------------------------------------------- */

#news {
	width:100%;
	background:#9E0000;
	font-size:14px;
}

.news_contents {
	width:90%;
	padding:10px 5%;
	margin:0 auto;
}

.news_contents:after {
	content:'';
	clear:both;
	display:block;
	height:0;
}

.news {
	color:#FFF;
	width:25%;
	height:60px;
	background:url(../img/news.svg) no-repeat left center;
	background-size:containe;
	float:left;
}

.news span {
	display:none;
}

.news_area_contents {
	float:left;
	width:73%;
	margin:0 0 0 2%;
	padding:5px 0 0 0;
}

.news_area {
	color:#FFF;
	width:100%;
}

.news_contents li {
	width:100%;
}

.news_contents li:after {
	content:'';
	clear:both;
	display:block;
	height:0;
}

.news_contents .time {
	display:block;
	padding:0 0 5px 0;
}

.news_contents .textarea {
	display:block;
	width:100%;
}

.news_contents a {
	color:#FFF;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

.news_contents a:hover {
	color:#E0A2A2;
}

/* =top
-------------------------------------------------------------- */


.box1 {
	background:url(../img/bg_concept-sp.png) no-repeat top center;
	background-size:100% auto;
	width:90%;
	max-width:500px;
	margin:15px auto;
	font-size:12px;
}

.box1 p {
	width:100%;
	line-height:1.5em;
	font-size:1rem;
	padding:65% 0 0 0;
}

.box2 {
	width:90%;
	padding:20px 5%;
}

.box2:after {
	content:'';
	clear:both;
	display:block;
	height:0;
}

.box2 .left {
	max-width:500px;
	width:100%;
	line-height:1.5em;
	margin:0 auto;
}

.box2 .left p {
	padding:15px 0 0 0;
}

.box2 .right {
	max-width:400px;
	width:100%;
	margin:0 auto;
	padding:0 0 0 0;
}

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

.crumb {
	width:100%;
	background:#282828;
	padding:15px 0;
}

.crumb ul {
	width:96%;
	padding:0 2%;
	margin:0 auto;
}

.crumb li {
	float:left;
	padding:0 8px;
	color:#FFF;
}

.crumb li a {
	color:#FFF;
	font-size:14px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

.crumb li a:hover {
	color:#777;
}

.crumb li a.home {
	background:url(../img/ico_home.svg) no-repeat left center;
	background-size:20px;
	padding:0 0 0 30px;
}



/* =other
-------------------------------------------------------------- */

.area {
	padding:30px 0;
}

@media screen and (min-width: 600px){
.area h1 {
	display:block;
	width:75%;
	color:#9E0000;
	margin:0 auto;
	font-size:20px;
	padding:15px 5% 15px 15px;
	border-top:5px solid #9E0000;
}
}

@media screen and (max-width: 599px){
.area h1 {
	display:block;
	width:67%;
	color:#9E0000;
	margin:0 auto;
	font-size:20px;
	padding:15px 5% 15px 15px;
	border-top:5px solid #9E0000;
}
}

@media screen and (min-width: 600px){
.area h2 {
	display:block;
	width:75%;
	color:#9E0000;
	margin:0 auto;
	font-size:20px;
	padding:15px 5% 15px 10%;
	border-top:5px solid #9E0000;
}
}

@media screen and (max-width: 599px){
.area h2 {
	display:block;
	width:67%;
	color:#9E0000;
	margin:0 auto;
	font-size:20px;
	padding:15px 5% 15px 18%;
	border-top:5px solid #9E0000;
}
}

.area h3 {
	display:block;
	width:100%;
	padding:25px 0 5px 0;
	margin: 0 0 20px 0;
	color:#444;
	border-bottom:1px dashed #39F;
}

.area strong {
	display:block;
	width:100%;
	background:#444;
	padding:12px 0;
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	text-align:center;
}


.rinen {
	background:url(../img/ico_rinen.svg) no-repeat 2% center #f5f5f5;
}

.gaiyou {
	background:url(../img/ico_gaiyou.svg) no-repeat 2% center #f5f5f5;
}

.keireki {
	background:url(../img/ico_keireki.svg) no-repeat 2% center #f5f5f5;
}

.contact {
	background:url(../img/ico_contact.svg) no-repeat 2% center #f5f5f5;
}

.jigyou {
	background:url(../img/ico_jigyou.svg) no-repeat 2% center #f5f5f5;
}

.product {
	background:url(../img/ico_product.svg) no-repeat 2% center #f5f5f5;
}

.litalife {
	background:url(../img/ico_litalife.svg) no-repeat 2% center #f5f5f5;
}

.memo {
	background:url(../img/ico_memo.svg) no-repeat 2% center #f5f5f5;
}


.textbox {
	width:80%;
	margin:30px auto 0;
	font-size:14px;
	line-height:1.5em;
}

@media screen and (min-width: 600px){
#outline {
	width:80%;
	margin:30px auto 0;
	border-collapse:collapse;
	border:1px solid #ccc;
	color:#333;
	font-size:14px;
}

#outline th {
	border:1px solid #ccc;
	width:20%;
	padding:10px 2.5%;
	text-align:left;
	font-weight:normal;
}

#outline th.odd {
	background:#f1f1f1;
}

#outline td.odd {
	background:#f5f5f5;
}

#outline td {
	border:1px solid #ccc;
	width:70%;
	padding:10px 2.5%;
}
}

@media screen and (max-width: 599px){
#outline {
	width:90%;
	margin:30px auto 0;
	border-collapse:collapse;
	border:1px solid #ccc;
	color:#333;
	font-size:12px;
	line-height:1.5em;
}

#outline th {
	border:1px solid #ccc;
	width:40%;
	padding:10px 2%;
	text-align:left;
	font-weight:normal;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#outline th.odd {
	background:#f1f1f1;
}

#outline td.odd {
	background:#f5f5f5;
}

#outline td {
	border:1px solid #ccc;
	width:60%;
	padding:10px 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}

#outline a {
	color:#333;
	font-size:14px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

#outline a:hover {
	color:#777;
}


@media screen and (min-width: 600px){
#keireki {
	width:80%;
	margin:30px auto 20px;
	border-collapse:collapse;
	border:1px solid #ccc;
	color:#333;
	font-size:14px;
}

#keireki th {
	border:1px solid #ccc;
	width:40%;
	padding:10px 2.5%;
	text-align:left;
	font-weight:normal;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#keireki th.odd {
	background:#f1f1f1;
}

#keireki td.odd {
	background:#f5f5f5;
}

#keireki td {
	border:1px solid #ccc;
	width:60%;
	padding:10px 2.5%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}

@media screen and (max-width: 599px){
#keireki {
	width:90%;
	margin:30px auto 20px;
	border-collapse:collapse;
	border:1px solid #ccc;
	color:#333;
	font-size:12px;
	line-height:1.5em;
}

#keireki th {
	border:1px solid #ccc;
	width:40%;
	padding:10px 2%;
	text-align:left;
	font-weight:normal;
}

#keireki th.odd {
	background:#f1f1f1;
}

#keireki td.odd {
	background:#f5f5f5;
}

#keireki td {
	border:1px solid #ccc;
	width:60%;
	padding:10px 2%;
}
}


@media screen and (min-width: 600px){
#contactform {
	width:80%;
	margin:30px auto 20px;
	border-collapse:collapse;
	border:1px solid #ccc;
	color:#333;
	font-size:14px;
}

#contactform th {
	border:1px solid #ccc;
	width:35%;
	padding:10px 2.5%;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}

#contactform th.odd {
	background:#f1f1f1;
}

#contactform td.odd {
	background:#f5f5f5;
}

#contactform td {
	border:1px solid #ccc;
	width:55%;
	padding:10px 2.5%;
	text-align:center;
}

#contactform input {
	width:98%;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 1%;
	border:1px solid #ccc;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

#contactform textarea {
	width:98%;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 1%;
	border:1px solid #ccc;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

#contactform input[type=submit] {
	width:60%;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:10px 1%;
	border:1px solid #ccc;
	background:#0072DF;
	color:#FFF;
	cursor:pointer;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

#contactform input[type=submit]:hover {
	background:#0C86BC;
}

#contactform .rewrite {
	width:90%;
	display:block;
	text-align:center;
	margin:0 auto;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:10px 1%;
	border:1px solid #ccc;
	background:#666;
	color:#FFF;
	cursor:pointer;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

#contactform .rewrite:hover {
	background:#999;
}
}

@media screen and (max-width: 599px){
#contactform {
	width:90%;
	margin:30px auto 20px;
	border-collapse:collapse;
	border:1px solid #ccc;
	color:#333;
	font-size:12px;
}

#contactform th {
	border:1px solid #ccc;
	width:40%;
	padding:10px 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}

#contactform th.odd {
	background:#f1f1f1;
}

#contactform td.odd {
	background:#f5f5f5;
}

#contactform td {
	border:1px solid #ccc;
	width:60%;
	padding:10px 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
}

#contactform input {
	width:98%;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 1%;
	border:1px solid #ccc;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

#contactform textarea {
	width:98%;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 1%;
	border:1px solid #ccc;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

#contactform input[type=submit] {
	width:60%;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:10px 1%;
	border:1px solid #ccc;
	background:#0072DF;
	color:#FFF;
	cursor:pointer;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

#contactform input[type=submit]:hover {
	background:#0C86BC;
}

#contactform .rewrite {
	width:90%;
	display:block;
	text-align:center;
	margin:0 auto;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:10px 1%;
	border:1px solid #ccc;
	background:#666;
	color:#FFF;
	cursor:pointer;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

#contactform .rewrite:hover {
	background:#999;
}
}


@media screen and (min-width: 600px){
.productbox {
	width:90%;
	margin:30px auto 20px;
	color:#333;
	font-size:14px;
}

.productbox li.left {
	width:49%;
	float:left;
	margin:0 0 20px 0;	
	border:1px solid #ccc;
}

.productbox li.right {
	width:49%;
	float:right;
	margin:0 0 20px 0;
	border:1px solid #ccc;
}

.productbox li h1 {
	display:block;
	text-align:center;
	font-size:20px;
	border:none;
	background:none;
	padding:15px 0;
	width:100%;
	margin:0;
}

.productbox li p {
	width:90%;
	font-size:12px;
	line-height:1.5em;
	color:#666;
	margin:0 auto;
	padding:0 0 20px 0;
}

.productbox li a {
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

.productbox li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
}

@media screen and (max-width: 599px){
.productbox {
	width:90%;
	margin:30px auto 20px;
	color:#333;
	font-size:14px;
}

.productbox li.left {
	width:100%;
	margin:0 auto 10px;	
	border:1px solid #ccc;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.productbox li.right {
	width:100%;
	margin:0 auto 10px;	
	border:1px solid #ccc;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.productbox li h1 {
	display:block;
	text-align:center;
	font-size:18px;
	border:none;
	background:none;
	padding:10px 0;
	width:90%;
	margin:0;
}

.productbox li p {
	width:90%;
	font-size:12px;
	line-height:1.5em;
	color:#666;
	margin:0 auto;
	padding:0 0 20px 0;
}

.productbox li a {
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

.productbox li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
}

.product_contents {
	width:90%;
	font-size:12px;
	line-height:1.5em;
	color:#666;
	margin:0 auto;
	padding:0 0 20px 0;
}

.product_contents p {
	padding:15px 0;
	font-size:16px;
	line-height:1.5em;
}


.product_contents .pdf {
	display:block;
	width:80%;
	font-size:18px;
	background:url(../img/pdf29.svg) no-repeat left center;
	background-size:32px;
	padding:10px 0 10px 45px;
	margin:15px auto;
	color:#9D0000;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

.product_contents .pdf:hover,.product_contents .pdf:active {
	opacity:0.6;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	-o-opacity:0.6;
}


.rl {
	width:90%;
	margin:15px auto;
}

.rl:after {
	content:'';
	clear:both;
	display:block;
	height:0;
}

.rl li {
	width:98%;
	margin:0 1%;
}

/* =FAQs
-------------------------------------------------------------- */

#faqlist {
    width:100%;
	margin:15px 0;
}

#faqlist:after {
	content:'';
	clear:both;
	display:block;
	height:0;
}
#faqlist li{
    width:48%;
	float:left;
	margin:0 1%;
}

#faqlist li:nth-child(3) {
	margin:25px 1%;
}

#faqlist li:nth-child(4) {
	margin:25px 1%;
}

#faqlist li a{
    display:block;
	width:100%;
	color:#9E0000;
	padding:15px 0;
    text-align:center;
    border:#9E0000 1px solid;
	font-size:12px;
}
#faqlist li a.active {
	background:#9E0000;
	color:#FFF;
	position:relative;
}

#faqlist li a.active:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	border: 16px solid transparent;
	border-top: 16px solid #9E0000;
	margin:0 0 0 -16px;
}

#faq2,#faq3,#faq4{
    display:none;
}

#faqbox:after {
	content:'';
	clear:both;
	display:block;
	height:0;
}

#hakasebox {
	display:none;
}

.faq_contents {
	width:90%;
	font-size:12px;
	line-height:1.5em;
	margin:0 auto 40px;
}

.faq_contents li.fukidashi1 {
	background:url(../img/ico_q.png) no-repeat 3% center #DBEAF9;
	color: #000;
	text-align:left;
	width: 90%;
	padding: 24px 12px 24px 55px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:15px 0 0 23px;
	position: relative;
}

.faq_contents li.fukidashi1:before{
	content: "";
	position: absolute;
	left: -30px;
	top: 50%;
	border: 15px solid transparent;
	border-right: 15px solid #DBEAF9;
	margin:-15px 0 0 0;
}

.faq_contents li.fukidashi2 {
	background:url(../img/ico_a.png) no-repeat 3% center #F7DCDF;
	color: #000;
	text-align:left;
	width: 90%;
	padding: 24px 12px 24px 55px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:15px 23px 0 0;
	position: relative;
}

.faq_contents li.fukidashi2:before{
	content: "";
	position: absolute;
	right: -30px;
	top: 50%;
	border: 15px solid transparent;
	border-left: 15px solid #F7DCDF;
	margin:-15px 0 0 0;
}

/* =Review
-------------------------------------------------------------- */
.reviewbox {
	border:1px solid #666;
	width:100%;
	margin:0 auto 30px;
	padding:30px 5%;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.hakase {
	position:absolute;
	top:-60px;
	right:-30px;
}


.reviewbox .customer {
	margin:0 auto 30px;
}

.reviewbox .customer li.left {
	width:160px;
	height:160px;
	border:1px solid #666;
	margin:0 auto;
}

.reviewbox .customer li.right {
	width:100%;
	padding:20px 0 0 0;
	margin:0 auto;
}

.reviewbox .customer li.right p, li.right_l p {
	font-size:12px;
}

.reviewbox .customer li.right h1, li.right_l h1 {
	border-left:6px solid #0072DB;
	border-top:none;
	padding:5px 0 5px 15px;
	font-size:14px;
	margin:5px 0;
	color:#000;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.reviewbox .photo {
	width:100%;
	margin:20px auto;
}

.reviewbox .photo li {
	width:98%;
	margin:0 1%;
}

.reviewbox .photo li p {
	text-align:center;
	padding:5px 0;
	font-size:14px;
}


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


footer {
	background:#282828;
	width:100%;
}


.footer_contents {
	width:90%;
	padding:30px 5%;
	margin:0 auto;
}

@media screen and (min-width: 600px){
footer h1 {
	color:#FFF;
	font-size:28px;
	font-weight:800;
}
}

@media screen and (max-width: 599px){
footer h1 {
	color:#FFF;
	font-size:19px;
	font-weight:800;
}
}

footer h1 span {
	font-size:14px;
	display:block;
	padding:5px 0;
}

footer ul {
	width:100%;
	padding:15px 0 0 0;
	margin:0 auto;
}

footer ul:after {
	content: '';
	clear:both;
	display:block;
	height:0;
}

footer ul li {
	width:90%;
	text-align:left;
	margin:10px 5%;
}

footer ul li a {
	color:#FFF;
	display:block;
	width:90%;
	padding:10px 5%;
	font-size:14px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

footer ul li a:hover {
	color:#666;
	background:#444444;
}

footer small {
	display:block;
	width:100%;
	padding:5px 0 20px 0;
	text-align:center;
	color:#777;
}