@charset "utf-8";

/* *****************************************************
 *	last update 2015-07-21
 * *****************************************************/


/*=======================================================================*/
/* 共通項目
=========================================================================*/


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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
	display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none}
/*
table{
	border-collapse:collapse;border-spacing:0;
	font-size:14px;font-size:1.4rem;line-height:1.7;margin-bottom:.5em}

th,tr,td {padding:5px 10px;border:1px solid #ccc;vertical-align: middle;}
*/
th,tr,td {vertical-align: middle;}

th{background:#e5e5e5;color:#666;font-weight:600;}

td {font-weight:normal;}


input[type=search]{
	-webkit-appearance:textfield}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
	-webkit-appearance:none}
:focus{outline:0}

input[type="text"],input[type="password"] {
 border: 1px solid #a683bd;
  color: #666;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 2px 3px -2px rgba(0,0,0,0.3);
  margin-right: 7px;
  font-size: 13px;
  font-size: 1.3rem;
  padding:.25em 21px .25em 6px;
 }

select
{
  border: 1px solid #a683bd;
  color: #666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 2px 3px -2px rgba(0,0,0,0.3);
  margin-right: 7px;
  font-size: 13px;
  font-size: 1.3rem;
   height: 23px;
   padding-left: 5px;
}
textarea
{
  border: 1px solid #a683bd;
  color: #666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 2px 3px -2px rgba(0,0,0,0.3);
  margin-right: 7px;
  font-size: 13px;
  font-size: 1.3rem;
  padding-left: 5px;
}

.clearfix:after,.clearfix:before,.wrapper:after,.wrapper:before{content:"\0020";display:table}
.clearfix:after,.wrapper:after{clear:both}
/*.clearfix {zoom:1;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}*/

#wrapper{background:#fff;min-height:100%;overflow:hidden;position:relative;width:100%;z-index:1}

strong{font-weight:700}
em{font-style:italic}
a{color:#00ade6;cursor:pointer;line-height:1;text-decoration:none}
a.resource_font_bold{color:#ff0000;font-weight:bold;cursor:pointer;line-height:1;text-decoration:none}
sup,sub{font-size:.8em;left:.1em;line-height:1;position:relative;top:-.4em;vertical-align:baseline}
sub{top:.4em}

h1{color:#9a258f;font-size:40px;font-size:4rem;font-weight:500;line-height:1.3;margin-bottom:.25em}
h2{color:#000;font-size:20px;font-size:2.0rem;font-weight:700;line-height:1.5}
h3{color:#9a258f;display:block;font-size:21px;font-size:2.1rem;font-weight:700;line-height:1.5}
h4{color:#9a258f;font-size:21px;font-size:2.1rem;font-weight:600;line-height:1.5;margin-bottom:.25em}
h5,h6{font-weight:700;line-height:1.5;margin-bottom:.5em}
h5{color:#333;font-size:18px;font-size:1.8rem}
h6{color:#666;font-size:15px;font-size:1.5rem}
p{font-size:14px;font-size:1.4rem;line-height:1.7;margin-bottom:.5em}
li{font-size:13px;font-size:1.3rem;line-height:1.5}
a p{color:#7d706c}

.mob h1{font-size:21px;font-size:2.1rem}
.mob h2{font-size:18px;font-size:1.8rem}
.mob h3{font-size:1.8px;font-size:1.8rem}
.mob h4{font-size:17px;font-size:1.7rem}
.mob h5{font-size:15px;font-size:1.5rem}
.mob h6{font-size:13px;font-size:1.3rem}

nav>ul>li>a{display:block}

/* スプライト画像読み込み */
.social_link a,.units-links a h3:after,.search-bar .submit:after,a.button:after,.column h5>a:after,.slide a.prev:after,.slide a.next:after,a.download:after,.news_support h5:after,.tablet header .logoarea .show-nav-hh:after,.tablet header .logoarea .search-hh:after,.hh header .toplink_box .bu-select-hh>a h6:after,.hh header .main-nav nav ul>li>a:after,.hh header .main-nav>nav>ul>li>a.active:after,.mob header .logoarea .show-nav-hh:after,.mob header .logoarea .search-hh:after{
background:url(../images/sprite.png) 0 0 no-repeat transparent}

.table{
	display:table;width:100%}
.table>*{
	display:table-row}
.table>*>*{
	border-left:1px solid #cfcfcf;display:table-cell;padding:10px 15px 5px;padding:1rem 1.5rem .5rem;vertical-align:top}
.table>*>:first-child{
	border:0}
.table>*>*>*,.table>*>*>ul.text{
	margin-bottom:5px;margin-bottom:.5rem}
.table h6{
	white-space:nowrap}
.table p{
	font-size:13px;font-size:1.3rem}
.table .odd{
	background-color:#e5e5e5}


a.button{
	color:#fff;display:inline-block;font-size:13px;font-size:1.3rem;font-weight:700;line-height:1.5;padding:.5em 20px .5em .75em;position:relative;text-transform:uppercase;text-decoration:none}
main .button{margin:.25em 0 .75em}
a.button:after{
	content:'';height:9px;margin-top:-4px;position:absolute;right:6px;top:50%;width:6px;z-index:1}
a.button.first{margin-right:1em}
a.button.first:last-of-type{margin-right:0}
a.button.first+span.first{margin:0}
a.button.first+span.first>a{margin-left:1em}
a.button.last{margin-left:1em}
a.button.last:last-of-type{margin-left:0}
a.button.orange,a.button.orange:hover:active{
background: #fe9243;
background: -moz-linear-gradient(top,  #fe9243 35%, #ff7007 67%);
background: -webkit-linear-gradient(top,  #fe9243 35%,#ff7007 67%);
background: linear-gradient(to bottom,  #fe9243 35%,#ff7007 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9243', endColorstr='#ff7007',GradientType=0 );
text-shadow: 2px 1px 1px #BF5910;
box-shadow: 0px 0px 1px #888;
/*
background-color:#ed1f5f
*/
}
a.button.orange:hover{
background: #ec9456;
background: -moz-linear-gradient(top,  #ec9456 35%, #cd7c1f 67%);
background: -webkit-linear-gradient(top,  #ec9456 35%,#cd7c1f 67%);
background: linear-gradient(to bottom,  #ec9456 35%,#cd7c1f 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9456', endColorstr='#cd7c1f',GradientType=0 );
/*
background-color:#e01252
*/
}
a.button.blue,a.button.blue:hover:active{
background: #48bce2;
background: -moz-linear-gradient(top,  #48bce2 34%, #00abe8 67%);
background: -webkit-linear-gradient(top,  #48bce2 34%,#00abe8 67%);
background: linear-gradient(to bottom,  #48bce2 34%,#00abe8 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48bce2', endColorstr='#00abe8',GradientType=0 );
text-shadow: 2px 1px 1px #0592c5;
box-shadow: 0px 0px 1px #888;
/*
background-color:#00abe8
*/
}
a.button.blue:hover{
background: #14b0e0;
background: -moz-linear-gradient(top,  #14b0e0 34%, #0592c5 67%);
background: -webkit-linear-gradient(top,  #14b0e0 34%,#0592c5 67%);
background: linear-gradient(to bottom,  #14b0e0 34%,#0592c5 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b0e0', endColorstr='#0592c5',GradientType=0 );
/*
background-color:#008dbf
*/
}
a.button:active{
-webkit-box-shadow:inset 0 0 6px 1px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px 1px rgba(0,0,0,.3);box-shadow:inset 0 0 6px 1px rgba(0,0,0,.3)}
a.button:before{
bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.3)}
a.button.blue:before{
background:#0592c5;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3ZDdmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTkyYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#67d7fe),color-stop(100%,#0592c5));background:-webkit-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:-o-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:-ms-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:linear-gradient(to bottom,#67d7fe 0,#0592c5 100%)}

a.button.bus,.cbu a.button.bus:hover:active,.spbu a.button.bus,.spbu a.button.bus:hover:active{
background-color:#a0218c}
a.button.bus:hover,a.button.bus:hover{
background-color:#8d1d7b}

a.button.bus:before,.spbu a.button.bus:before{
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjQ0IwMkI4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUYyRjk1Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);background-image:-webkit-gradient(linear,center top,center bottom,color-stop(0%,#CB02B8),color-stop(100%,#9F2F95));background-image:-webkit-linear-gradient(top,#CB02B8 0,#9F2F95 100%);background-image:-moz-linear-gradient(top,#CB02B8 0,#9F2F95 100%);background-image:-ms-linear-gradient(top,#CB02B8 0,#9F2F95 100%);background-image:-o-linear-gradient(top,#CB02B8 0,#9F2F95 100%);background-image:linear-gradient(to bottom,#CB02B8 0,#9F2F95 100%)}

/* ボタン右矢印背景の設定 */
.units-links a h3:after,a.button:after {
	background-position:-21px -112px}


a.icon,a.no-icon{display:table;table-layout:fixed;width:100%}
a.icon div{display:table-cell;vertical-align:middle}
a.icon div img{display:block;max-width:100%}
a.icon>span,a.no-icon>span{display:table-cell;vertical-align:middle}

/* ドロップシャドウ */
main .icons-nav,.icons-nav.drop-shadow.curve{
background:#eaeaea}

.drop-shadow.curve{
background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMC4xNzI0MTQiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjAuMTgxMDM0IiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=) no-repeat 100% 100% transparent;background-size:100% 100px;background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0%,#fff),color-stop(17.2414%,#fff),color-stop(18.1034%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);background-image:-moz-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);background-image:-ms-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);background-image:-o-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);background-image:linear-gradient(to top,#fff 0,#fff 20px,rgba(255,255,255,0) 21px)}

.drop-shadow.curve:before{
bottom:0;height:40px;left:1%;right:1%;-webkit-box-shadow:0 12px 15px -10px rgba(0,0,0,.3);-moz-box-shadow:0 12px 15px -10px rgba(0,0,0,.3);box-shadow:0 12px 15px -10px rgba(0,0,0,.3);-moz-border-radius:50% / 50%;border-radius:50% / 50%}

.l-gradient-bot-grey,.l-gradient-bot-grey.drop-shadow.curve{
background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMC4wNjY2NjciIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48c3RvcCBvZmZzZXQ9IjAuNiIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+) no-repeat 100% 100% transparent;background-size:100% 180px;background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0%,#f1f1f1),color-stop(6.6667%,#f1f1f1),color-stop(60%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);background-image:-moz-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);background-image:-ms-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);background-image:-o-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);background-image:linear-gradient(to top,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px)}

.l-gradient-top-grey{
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PHN0b3Agb2Zmc2V0PSIwLjE2NjY2NyIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);background-image:-webkit-gradient(linear,center top,center bottom,color-stop(0%,#f1f1f1),color-stop(16.6667%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);background-image:-moz-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);background-image:-ms-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);background-image:-o-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);background-image:linear-gradient(to bottom,#f1f1f1 0,rgba(255,255,255,0) 50px)}

.l-gradient-bot-grey,.l-gradient-top-grey {padding:50px 0;}

.drop-shadow{position:relative}

.drop-shadow:before{
content:"";display:block;position:absolute;z-index:-2}

.shadow,.slick,.slider>*>ul>li>.image{
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.3)}

.slick:before,.slider>*>ul>li>.image:before{
background:rgba(0,0,0,.4);bottom:0;height:25%;margin-bottom:1em;right:1.4em;width:50%;-webkit-box-shadow:0 1.1875em 1.1875em .125em rgba(0,0,0,.4);-moz-box-shadow:0 1.1875em 1.1875em .125em rgba(0,0,0,.4);box-shadow:0 1.1875em 1.1875em .125em rgba(0,0,0,.4);-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}

.question {
	margin-top:20px;
	background:url(../images/icon_q.png) 10px 10px no-repeat #e5e5e5;
	padding:15px 20px 15px 50px;
}

.answer {
	background:url(../images/icon_a.png) 10px 10px no-repeat #ffffff;
	padding:15px 20px 15px 50px;
}

ul.numlist { margin-bottom: 1em; margin-left: 2em; }
ul.numlist li {
	position: relative;
	list-style: none;
	}
ul.numlist li span {
	position: absolute;
	top: 0;
	left: -2em;
	}

p.page_top {
	text-align:right;
	margin:1em 0;
}

span.attention {color:#ff0000;}


/*=======================================================================*/
/* レイアウト
=========================================================================*/
#wrapper{
	min-height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
	}

/* 横幅の指定 */
/*
header>*>*>.wrapper,header>*>.wrapper,main>aside>.wrapper,main>div>aside>.wrapper,main>div>section>.wrapper,main>section>.wrapper{max-width:940px;margin:0 auto;padding:50px 0 0;width:100%}*/

header .wrapper,main .wrapper,main>section>.wrapper,footer .wrapper{
	max-width:940px;
	margin:0 auto;
	width:100%;
	}

/*=======================================================================*/
/* ヘッダー
=========================================================================*/
header{
position:relative;width:100%;z-index:50}

header .wrapper {position:relative;}

header .title_box h1 {
	font-size:13px;font-size:1.3rem;
	line-height:24px;
	font-weight:700;
	text-align:right;
	color:#000;
	margin-bottom:0
}

/* 製品リンク */
.desktop header .toplink_box {background:#d9d9d9;}

header nav.product_link p{
	float:left;
	font-size:13px;font-size:1.3rem;
	line-height:24px;
	color:#7d706c;
	margin:0;
	height:24px;}

header nav.product_link ul{
	float:left;
	margin-left:.5em}

header nav.product_link li{
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	line-height:24px;
	margin-left:2px}

header nav.product_link li a{
	display:block;
	background-color:#f2f2f2;
	color:#aaa;
	font-weight:700;
	padding:2px 10px;
	height:24px;
	line-height:20px;
	}

header nav.product_link .active a{
	background-color:#fff;color:#9a258f}

header .bu-select-hh{display:none}
header .search-hh,header .show-nav-hh{display:none}

/* ロゴエリア */
header .logoarea {
	position:relative;
	z-index:1;
	}

header .logoarea .logoarea_bg {
	background:#fff;
}

header .logoarea .wrapper {
	position:relative;
	height:85px;
	}

/* ロゴ */
header .logoarea .logo {
	position: absolute;
	top:29px;
	left:0;
}

/* 検索 */

header .search {position:absolute;top:-70px;left:220px;height:70px;}
header .search li {display:inline;}
header .search li .wrapper {padding:10px 10px 33px;}
header .search .search-bar {position: relative;}
header .search-bar input{width:15em}

header .search-bar input{border:1px solid #a683bd;color:#666;display:block;font-size:13px;font-size:1.3rem;font-style:italic;height:26px;margin:0;outline:0;padding:.25em 21px .25em 6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:inset 0 2px 3px -2px rgba(0,0,0,.3)}

header .search-bar .submit{bottom:1px;position:absolute;right:1px;top:1px;width:20px}
header .search-bar .submit:after{content:'';height:13px;right:5px;margin-top:-6px;position:absolute;top:50%;width:13px}
header .search-bar .submit:after{background-position:-21px -97px}



/* 検索横のメインナビ */
header .main-nav {
	position: relative;
	width:100%;
}

header .main-nav nav ul:nth-of-type(1) {
	position: absolute;
	top:-70px;
	right:0;}

header .main-nav nav ul>li{
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	line-height:24px;
	}

header .main-nav nav ul>li>a{
	color:#633292;font-weight:700;line-height:20px;padding:12px 10px 38px;cursor:default;}

header .main-nav nav ul>li>a.no_dropdown {cursor:pointer;}

header .main-nav nav ul>li:hover>:first-child{
	-webkit-box-shadow:0 10px 15px -8px rgba(0,0,0,.5) inset;-moz-box-shadow:0 10px 15px -8px rgba(0,0,0,.5) inset;box-shadow:0 10px 15px -8px rgba(0,0,0,.5) inset}

header .main-nav nav ul>li>:first-child{
	position:relative;z-index:1}

header .main-nav nav ul>li figure {z-index:0}

/* メインナビ内ポップアップ */
header .dropdown{
	z-index:0;
	display:none;
	padding:20px;
	position:absolute;
	width:1140px;
	background:#fff;
	-webkit-box-shadow:0 3px 7px 1px rgba(0,0,0,.3);
	-moz-box-shadow:0 3px 7px 1px rgba(0,0,0,.3);
	box-shadow:0 3px 7px 1px rgba(0,0,0,.3)}

header .dropdown.pu_products {width:540px;}
header .dropdown.pu_about {width:1020px;}


header .dropdown .pu_icon_wrap {
	margin:0;padding:1.5em 10px .5em;
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
	box-shadow:0 0 5px 0 rgba(0,0,0,.3);
	}

header li:hover .dropdown{display:block}

header li .dropdown a{color:#9a258f;}

header .dropdown .pu_icon_wrap figure {
	float:left;
	padding:0 10px;
}

header .dropdown.pu_products .pu_icon_wrap figure {
	width:33.33%;}

header .dropdown.pu_about .pu_icon_wrap figure {
	width:16.66%;
	padding:0 9px;}

header .dropdown .pu_icon_wrap h6 {font-size:14px;font-size:1.4rem}

header .dropdown .pu_icon_wrap img {
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
	box-shadow:0 0 5px 0 rgba(0,0,0,.3);
	}

/* パンくず */

header .breadcrumbarea {
	position: relative;
	z-index:-1;
	}

header .breadcrumbarea .bc-nav {
	position:absolute;
	top:10px;
	font-size:11px;
	font-size:1.1rem;
	margin-top:1em;
	}

.breadcrumb{
	color:#5e514f;
	float:left;
	font-size:11px;
	font-size:1.1rem
	}

.breadcrumb a{color:#5e514f;display:inline-block;line-height:20px}

.breadcrumb a:hover{color:#00ade6;}

.breadcrumb nav{
	display:inline-block;position:relative}
.breadcrumb span,.breadcrumb a{
	padding-bottom:.5em;white-space:nowrap}
.breadcrumb nav>a{
background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}

.breadcrumb nav a+div{
	background-color:#fff;
	display:none;left:-.5em;min-width:100%;padding:.5em;position:absolute;z-index:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.3)}
.breadcrumb nav:hover a+div{
	display:block}
.breadcrumb nav a+div a{
	display:block;margin-top:.5em;padding:0}
.breadcrumb nav a+ div a:first-child{
	margin-top:0}
.breadcrumb nav a+div a:hover{
	color:#00ade6}

/*=======================================================================*/
/* ソーシャルリンク
=========================================================================*/
.social_link {position: absolute;right:0;}

.social_link ul li{float:left;margin-left:12px;}

.social_link a {
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	}


/* 通常ヘッダー位置設定 */
header .social_link {bottom:0;}


/* 通常用フッター位置設定 */
footer .social_link {top:0px;}

/* トップ用フッター位置設定 */
.splash footer .social_link {top:0px;}

/* 通常ヘッダーアイコン設定 */
header .social_link a.supportcenter {
	background: none;
	color: #7d6a55;
	text-indent: 0%;
	padding: 4px;
	height: 22px;
	font-weight: 700;
}

header .social_link a.headoffice {
	width:14px;
	height:22px;
	background-position: -83px 0px;
}

header .social_link a.headoffice:hover {
	background-position: -83px -22px;
}

header .social_link a.facebook{
	width:8px;
	height:22px;
	background-position:-24px -1px;
}

header .social_link a.facebook:hover{
	background-position:-24px -23px;
}

header .social_link a.youtube{
	width:20px;
	height:22px;
	background-position:-34px -1px;
}

header .social_link a.youtube:hover{
	background-position:-34px -23px;
}


/* 通常フッターアイコン設定 */
footer .social_link a.facebook {
	width:11px;
	height:24px;
	background-position: -26px -45px;
}

footer .social_link a.facebook:hover {
	background-position: -26px -71px;
}

footer .social_link a.youtube {
	width:24px;
	height:24px;
	background-position: -39px -45px;
}

footer .social_link a.youtube:hover {
	background-position: -39px -71px;
}

/* サービスプロバイダー用フッターアイコン設定 */
.sp footer .social_link a.facebook {
	width:11px;
	height:24px;
	background-position:-114px -71px;
}

.sp footer .social_link a.facebook:hover {
	background-position:-26px -45px
}

.sp footer .social_link a.youtube {
	width:24px;
	height:24px;
	background-position:-127px -71px;
}

.sp footer .social_link a.youtube:hover {
	background-position:-39px -45px;
}

/* トップ用フッターアイコン設定 */
.splash footer .social_link a.facebook {
	width:11px;
	height:24px;
	background-position: -26px -71px;
}

.splash footer .social_link a.youtube {
	width:24px;
	height:24px;
	background-position: -39px -71px;
}

	
/*=======================================================================*/
/* レスポンシブ時ヘッダー（body埋め込みclass分）
=========================================================================*/
.hh header{position:static}

.hh header .title_box {display:none}

.hh header .logoarea{position:fixed;width:100%;z-index:9}
.hh header .logoarea .wrapper{padding:0;position:static;text-align:center;height:auto;}
.hh header .logoarea .logo{position:relative;display:inline-block;height:auto;max-width:62.5%;padding:22px 0;top:0;}
.hh header .logo a img{margin:0 auto}
.hh header .logoarea .show-nav-hh,.hh header .logoarea .search-hh{display:block;height:100%;position:absolute;top:0;width:70px}
.hh header .logoarea .show-nav-hh{left:0}
.hh header .logoarea .search-hh{right:0}
.hh header .logoarea .show-nav-hh:after,.hh header .logoarea .search-hh:after{content:'';left:50%;position:absolute;top:50%}
.tablet header .logoarea .show-nav-hh:after{background-position:-65px -123px}
.tablet header .logoarea .search-hh:after{background-position:-42px -169px}

.hh header .toplink_box .bu-select-hh>a h6:after{background-position:-42px -112px}
.hh header .toplink_box .bu-select-hh>a.active h6:after{background-position:-52px -112px}

.tablet #wrapper{overflow:visible;-webkit-transition:right 200ms linear 100ms;-moz-transition:right 200ms linear 100ms;-ms-transition:right 200ms linear 100ms;-o-transition:right 200ms linear 100ms;transition:right 200ms linear 100ms}
.tablet.nav-active #wrapper{right:-320px;-webkit-transition:right 200ms linear;-moz-transition:right 200ms linear;-ms-transition:right 200ms linear;-o-transition:right 200ms linear;transition:right 200ms linear}
.tablet.nav-active main{-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.3);box-shadow:0 0 5px 1px rgba(0,0,0,.3)}

.hh header .main-nav nav{padding:0}
.hh header .main-nav nav ul {top:auto;}
.hh header .main-nav nav ul>li{float:none;display:block;}
.hh header .main-nav nav ul:first-child{position:relative}
.hh header .main-nav nav ul>li{background-color:#fff;float:none;border-top:3px solid #eaeaea}

.hh header .main-nav nav ul>li:first-child{border:0}
.hh header .main-nav nav ul>li>a{cursor:pointer;padding-bottom:12px;padding-left:50px}
.hh header .main-nav nav ul>li>a:after{content:'';height:18px;margin-top:-9px;position:absolute;left:20px;top:50%;width:19px}
.hh header .main-nav nav ul>li>a.active:after{height:2px;margin-top:-1px}
.hh header .main-nav nav ul>li.active>:first-child,.hh header .main-nav nav ul>li:hover>:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.hh header .main-nav>nav>ul>li>a:after{background-position:-125px -97px}
.hh header .main-nav>nav>ul>li>a.active:after{background-position:-125px -117px}

.hh header li .dropdown,.hh header li .dropdown.pu_products{padding:0 20px 10px;position:static;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:100%}

.hh header .main-nav li:hover .dropdown{display:none}
.hh header .dropdown .pu_icon_wrap {padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.hh header .dropdown .pu_icon_wrap a.pu_image{display:none}
.hh header .dropdown .pu_icon_wrap figure {display:block;width:100%; padding-left:30px;}
.hh header .dropdown .pu_icon_wrap figure h6 {margin-bottom: 1em;}


.hh header .toplink_box{background-color:#fff;position:fixed;margin-top:70px;width:100%;z-index:3}
.hh header .toplink_box:before{z-index:-1}
.hh header .toplink_box .wrapper{background-color:#fff;display:table;margin:0;padding:0;z-index:auto;width:100%}
.hh header .toplink_box .wrapper>*{display:table-cell;vertical-align:top}
.hh header .toplink_box nav.product_link{display:none}

.hh header .toplink_box nav.social_link {position:static;}
.hh header .toplink_box nav.social_link ul li{float:none;margin:0;padding:0;}
.hh header .toplink_box nav.social_link li:first-child,.hh header .toplink_box nav.social_link li:nth-of-type(2){display:none}

.hh header .toplink_box nav.social_link>ul{display:table;height:100%;width:100%}
.hh header .toplink_box nav.social_link>ul>li{border-left:1px solid #e1e1e1;height:100%;display:table-cell;}
.hh header .toplink_box nav.bu-select-hh>a,.hh header .toplink_box nav.bu-select-hh>ul>li>a{display:block;font-size:13px;font-size:1.3rem;height:auto;padding:10px 22px;}
.hh header .social_link a{display:block}
.hh header .social_link a.headoffice {height:22px; margin:9px 20px 9px 9px;width:14px;}
.hh header .toplink_box .bu-select-hh{width:100%;}
.hh header .toplink_box .bu-select-hh a{color:#ccc;padding-left:20px;width:100%}
.hh header .toplink_box .bu-select-hh h6{color:#666;display:inline-block;font-size:13px;font-size:1.3rem;margin:0;text-transform:uppercase}
.hh header .toplink_box .bu-select-hh>a h6{color:#9b1788;position:relative}
.hh header .toplink_box .bu-select-hh>a h6:after{content:'';height:8px;margin-top:-4px;right:-15px;position:absolute;top:50%;width:10px}
.hh header .toplink_box .bu-select-hh ul{background-color:#fff;display:none;left:0;position:absolute;width:100%;z-index:-3}
.hh header .toplink_box .bu-select-hh li{float:none}

.hh header .main-nav .search{display:none;position:fixed;left:0;right:0;top:70px;width:100%;z-index:5}
.hh header .main-nav .search.active{display:block}
.hh header .main-nav nav>ul.search>li{margin:0}
.hh header .main-nav nav>ul.search>li>.wrapper{background-color:#fff;padding:20px}
.hh header .search .search-bar input{height:33px;width:100%}

.desktop.splash header .secondary-nav{background:#d9d9d9}
.desktop.splash header .secondary-nav:before{display:none}
.desktop.splash header .secondary-nav{background-image:none}
.desktop.splash header .secondary-nav{position:relative;top:-56px;}

.hh.splash header .secondary-nav {height: auto;}
.splash header .secondary-nav{display:block;background-color:#fff;}
.hh.splash header .secondary-nav{background-color:#fff;position:fixed;margin-top:70px;width:100%;z-index:3;height:40px;}
.hh.splash header .secondary-nav:before{z-index:-1}
.desktop.splash header .logoarea{z-index:auto;}
.hh.splash header .secondary-nav .wrapper {height:100%;background-color:#fff;display:table;margin:0;padding:0;z-index:auto;width:100%}
.hh.splash header .secondary-nav .wrapper>*{display:table-cell;vertical-align:top}
.hh.splash header .social_link {top:0; padding:10px 20px;z-index:4;}
.desktop.splash header .social_link {top:0;height:auto;}
.hh.splash header .social_link a.headoffice {margin:0;}

.hh.splash header .search {position:absolute;top:26px;left:220px;}
.desktop.splash header .search {position:absolute;top:0;left:220px;height:auto;}
.hh.splash header .secondary-nav .search{display:none;margin:0;left:0;position:fixed;right:0;top:70px;width:100%;z-index:5}
.hh.splash header .secondary-nav .search.active{display:block}
.splash.hh header .secondary-nav .search .inner{background-color:#fff;padding:20px}

.tablet header .main-nav{left:-600px;margin-top:110px;position:absolute;top:0;width:320px}
.tablet.nav-active header .main-nav{left:-320px;-webkit-transition:left 300ms linear 0ms;-moz-transition:left 300ms linear 0ms;-ms-transition:left 300ms linear 0ms;-o-transition:left 300ms linear 0ms;transition:left 300ms linear 0ms}
.tablet header .main-nav>nav{padding:10px}
.tablet header .main-nav>nav>ul:first-child{opacity:0}
.tablet.nav-active header .main-nav>nav>ul:first-child{opacity:1;-webkit-transition:opacity 300ms linear 0ms;-moz-transition:opacity 300ms linear 0ms;-ms-transition:opacity 300ms linear 0ms;-o-transition:opacity 300ms linear 0ms;transition:opacity 300ms linear 0ms}
.tablet header .logoarea .show-nav-hh:after{height:21px;margin-left:-14px;margin-top:-11px;width:29px}
.tablet header .logoarea .search-hh:after{height:30px;margin-left:-15px;margin-top:-15px;width:30px}

.hh header .breadcrumbarea {position:absolute; z-index:2; top:110px; left:0px;}

.hh header>*>.wrapper,.hh header .breadcrumbarea,main>aside>.wrapper,.hh main>section>.wrapper,.hh main>.like_top_box,.hh main aside>.wrapper{max-width:100%;padding-left:20px;padding-right:20px}

.mob header .logoarea .show-nav-hh,.mob header .logoarea .search-hh{width:60px}
.mob header .logoarea .show-nav-hh:after{height:19px;margin-left:-12px;margin-top:-9px;width:25px}
.mob header .logoarea .search-hh:after{height:20px;margin-left:-10px;margin-top:-10px;width:20px}
.mob header .logoarea .show-nav-hh:after{background-position:-97px -123px}
.mob header .logoarea .search-hh:after{background-position:-124px -123px}
.mob header .logoarea .logo{padding:17px 0}

.mob.splash header .secondary-nav{position:fixed;margin-top:60px;z-index:2}
.mob.splash header .secondary-nav .search{margin-bottom:15px;position:absolute;top:0;width:100%}
.mob.hh header .toplink_box{position:fixed;margin-top:60px;z-index:2}

.mob header .main-nav{border-top:60px solid transparent;position:fixed;top:0;z-index:2}
.mob.nav-active header .main-nav{height:100%;overflow-x:hidden;overflow-y:auto}
.mob.nav-active header .main-nav>nav{padding:0;position:static;top:60px}

.mob header .main-nav nav ul:first-child{position:relative;display:none;width:100%}
.mob.nav-active header .main-nav>nav>ul:first-child{display:block}
.mob header .main-nav .search{margin-bottom:15px;position:absolute;top:0;width:100%}

.mob header .breadcrumbarea{display:none}


/*=======================================================================*/
/* メイン
=========================================================================*/
main{overflow:hidden;padding-bottom:50rem;position:relative;z-index:1}
.splash main{padding-bottom:4rem}

/*=======================================================================*/
/* メイン　トップページ用
=========================================================================*/
.splash main>section>div>.wrapper{padding:0;max-width:960px;margin:0 auto;position:relative;width:100%;z-index:1}
.splash main>section>.wrapper>section{margin-bottom:0}

.splash main>section>div.top_bg{background-image:url("../images/splash-hero-background.jpg");}
.splash main>section>div{background-position:center top;background-repeat:no-repeat;position:relative;z-index:0}
.splash main>section>div:after{background:rgba(255,255,255,.75);bottom:0;content:'';height:73px;left:0;position:absolute;right:0}
.splash main>section.drop-shadow.curve:before{right:20%;left:20%}
.splash .units-links>a{float:left;width:33.33%;position:relative;height:500px}
.splash .units-links>a>img{display:none}
.splash .units-links>a>div{padding:20px 0 20px 10px;position:absolute;bottom:0;width:100%}
.splash .units-links>a>div>h3{background-color:#00ABE8;color:#FFF;display:block;font-size:1.7em;font-size:1.7rem;font-weight:700;padding:8px 10px 8px 15px;width:90%;max-width:250px;line-height:1;position:relative;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:1px 1px 2px rgba(0,0,0,.3)}
.splash .units-links>a>div>h3:after{content:"";height:9px;margin-top:-4px;position:absolute;right:15px;top:50%;width:6px;z-index:1}
.splash .units-links>a:hover>div>h3{background-color:#008dbf}

/*=======================================================================*/
/* メイン画像部分
=========================================================================*/

main>.banner{margin:0 -12.5%;position:relative}

.banner .slides>li{
	background-color:transparent;min-height:0}

.banner .slides>li{
	background-color:#fff;
	min-height:250px;
	-webkit-backface-visibility:visible}
.banner .slides>li .container{
	position:relative}
.banner .titlearea{
	bottom:60px;
	float:none;
	left:50%;
	margin:0;
	padding:0 0 0 10px;
	position:absolute;
	top:60px;width:470px;z-index:1;
	-webkit-transition:opacity 1000ms linear;
	-moz-transition:opacity 1000ms linear;
	-ms-transition:opacity 1000ms linear;
	-o-transition:opacity 1000ms linear;
	transition:opacity 1000ms linear}

.banner .titlearea.first{
	margin-left:-470px;padding:0 10px 0 0}
.banner .titlearea.center{
	margin-left:-235px;padding:0 5px;text-align:left}
.banner>.slides .titlearea,.banner .flex-active-slide .wrapper{
	opacity:1}
.banner .titlearea .table{
	height:100%;width:100%}
.banner .titlearea .table>*>*{
	padding:0;vertical-align:middle}
.banner img{display:block;margin:auto;max-width:1200px}

.banner h1 span{
	color:#6d2485;display:block;font-size:5.2rem;margin:0 0 25px}
.banner p{
	font-size:15px;font-size:1.5rem}
.banner .banner_textbox .image{
	clear:left;float:left;max-width:30.4348%}
.banner.back ul li{
	background-repeat:no-repeat;background-position:center center;position:relative}
.banner.back .wrapper{
	bottom:auto;padding-bottom:80px;padding-top:80px;position:relative;top:auto}

.banner .mob-text{display:none}

/*=======================================================================*/
/* レスポンシブ時メイン（body埋め込みclass分）
=========================================================================*/
.tablet main{padding-top:110px}
.mob main{padding-top:100px}
.mob main>aside>.wrapper,.mob main>section>.wrapper{padding-top:30px}
.mob main>section>.wrapper>.itemlist,.mob main>section>.wrapper>.categoryinfo{margin-bottom:20px}


/*=======================================================================*/
/* いいね・ツイート＆ページ内リンク
=========================================================================*/
.fb-like {
	z-index: 9999;
}
.like_top_box .wrapper {
	position:relative;
	padding:50px 0;
}

.like_box {
	padding:20px 0;
}

nav.likebutton li {
	display:inline-block;
	vertical-align:top;
	margin-right: 10px;
}

.toplink {
	position: absolute;
	right:0;top:70px;
	font-size:13px;
	font-size:1.3rem;
	line-height:24px;
	text-align:right;
	}

/*=======================================================================*/
/* いいね・ツイート＆ページ内リンク（body埋め込みclass分）
=========================================================================*/
.mob .like_top_box .wrapper {padding:30px 0;}


/*=======================================================================*/
/* 製品詳細
=========================================================================*/
.item_main {
	padding-top:60px;
	font-size:0;
	min-height:450px;
}

.item_main.bg_business {background:url(../images/idbg_business.png) no-repeat 50% 30%; background-size:contain;}
.item_main.bg_home {background:url(../images/idbg_home.png) no-repeat 50% 30%; background-size:contain;}
.item_main.bg_service-provider {background:url(../images/idbg_service-provider.png) no-repeat 50% 30%; background-size:contain;}

.item_main .text_area,.item_main .img_area {
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	position:relative;
	vertical-align:top;
	z-index:0;}

.item_main .text_area {
	width:55%;
}

/* Newアイコン */
.item_main .icon_new {
	background-color:#f7901e;
	color:#fff;
	display:inline-block;
	font-size:13px;font-size:1.3rem;font-weight:700;line-height:1.5;
	padding:3px 5px;
	position:relative;text-transform:uppercase;text-decoration:none
}

.item_main .icon_new:before{
background:#fec78a;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzc4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTdhMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fec78a 0,#de7a0b 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fec78a),color-stop(100%,#de7a0b));background:-webkit-linear-gradient(top,#fec78a 0,#de7a0b 100%);background:-o-linear-gradient(top,#fec78a 0,#de7a0b 100%);background:-ms-linear-gradient(top,#fec78a 0,#de7a0b 100%);background:linear-gradient(to bottom,#fec78a 0,#de7a0b 100%)}

/* ライフタイムアイコン */
.item_main .icon_lifetime {
	background-color:#00abe8;
	color:#fff;
	display:inline-block;
	font-size:13px;font-size:1.3rem;font-weight:700;line-height:1.5;
	padding:3px 5px;
	position:relative;text-transform:uppercase;text-decoration:none
}
.item_main .icon_lifetime:before{
background:#0592c5;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3ZDdmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTkyYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#67d7fe),color-stop(100%,#0592c5));background:-webkit-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:-o-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:-ms-linear-gradient(top,#67d7fe 0,#0592c5 100%);background:linear-gradient(to bottom,#67d7fe 0,#0592c5 100%)}

/* 販売終了アイコン */
.item_main .icon_sales_end {
	background-color:#999999;
	color:#fff;
	display:inline-block;
	font-size:13px;font-size:1.3rem;font-weight:700;line-height:1.5;
	padding:3px 5px;
	position:relative;text-transform:uppercase;text-decoration:none
}
.item_main .icon_sales_end:before{
background:#999999;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3ZDdmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTkyYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#dddddd 0,#888787 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dddddd),color-stop(100%,#888787));background:-webkit-linear-gradient(top,#dddddd 0,#888787 100%);background:-o-linear-gradient(top,#dddddd 0,#888787 100%);background:-ms-linear-gradient(top,#dddddd 0,#888787 100%);background:linear-gradient(to bottom,#dddddd 0,#888787 100%)}

/* アイコンの影 */
.item_main .icon_new:before,.item_main .icon_lifetime:before,.item_main .icon_sales_end:before{
bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.3)}

/* 今すぐ購入ボタン */
.item_main .buynow_btn {
	margin-top:1.5em;
}

/* 印刷用ページを開くボタン */
.item_main .print_btn {
	margin-top:1em;
}

/* 画像エリア */
.item_main .img_area {
	position:relative;
	padding-top:40px;
	width:45%;
	text-align: center;
	}

/* 画像サイズ */
.item_main .img_area .itemimg img {
	width:400px;
	max-height:400px;
	width:100%;
	height:100%;}

/* ライフタイムリンクバナー */
.item_main .img_area .lifetime {
	position:absolute;
	right:0;
	top:0;
	}

.item_main .text_area h1 {
	font-size:16px;font-size:1.6rem;font-weight:600;line-height:1.5;margin:15px 0;
}

.item_main .text_area h2 {
	color:#9a258f;font-size:40px;font-size:4rem;font-weight:500;line-height:1.3;margin-bottom:.25em
}

.item_main .text_area .price {
	font-weight:600;
	margin-bottom:20px;
}

/* タブ部分 */
main>.l-gradient-bot-grey.tabs{
	padding:0}

.tabs>.wrapper {padding:0;position:relative;z-index:1}


.tabs{
	margin-top:12em;
	position:relative;
	-webkit-box-shadow:0 -5px 5px -4px rgba(0,0,0,.3);
	-moz-box-shadow:0 -5px 5px -4px rgba(0,0,0,.3);
	box-shadow:0 -5px 5px -4px rgba(0,0,0,.3)}

.tabs,.tabs.drop-shadow.curve,.tabs.drop-shadow.curve.l-gradient-bot-grey{
	background-color:#fff}

.tabs.l-gradient-bot-grey{background-color:#fff}

.tabs .wrapper .tabs-nav{
	bottom:100%;
	left:10%;
	position:absolute;
	width:80%;}

.tabs .tabs-nav li{
	display:inline-block;
	float:left;
	margin-left:1.1429%;
	width:32.5715%;}

.tabs .tabs-nav ul li:first-child{margin:0}

.tabs .tabs-nav li a{
	background:#f4f4f4;
	color:#7d6a55;
	height:3em;
	font-size:20px;
	font-size:2.0rem;
	opacity:.7;
	position:relative;
	text-shadow:0 0 1px #ccc}

.tabs .tabs-nav li a.short {letter-spacing:1em;}

.tabs .tabs-nav li a.active{
	background:#fff;color:#7d6a55;opacity:1}
.tabs .tabs-nav li a.active:after{
	bottom:0;content:'';left:0;position:absolute;right:0;top:0;z-index:-1;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.3);box-shadow:0 0 5px 1px rgba(0,0,0,.3)}
.tabs .tabs-nav li .icon div{width:30%}
.tabs .tabs-nav li .icon div img{padding-top:11px}
.tabs .tabs-nav li .icon span{line-height:1.25;padding-right:.5em;width:70%}
.tabs .tabs-nav li .icon .active{display:none}
.tabs .tabs-nav li .icon.active img{display:none}
.tabs .tabs-nav li .icon.active .active{display:block}
.tabs .tabs-slides.drop-shadow{background:0 0}
/*.tabs .tabs-slides.drop-shadow{background:transparent}*/
.tabs .tabs-slides:before{display:none}
.tabs .tabs-nav+*,.tabs .tabs-nav~.tab{border-top:5px solid #fff}
/*.tabs .tabs-nav~.tab,.tabs .tabs-nav+*{border-top:5px solid #fff}*/

.tabs .tab{
	display:none;
	margin:0;
	min-height:200px;
	font-size:14px;font-size:1.4rem;line-height:1.7;margin-bottom:.5em
	}
.tabs .tab.active{display:block}
.tabs .tab>*{margin:0;padding:0 0 40px}
.tabs .tab>:first-child{padding-top:40px}
.tabs.slidable .tab>*{margin:0 4px}
.tabs.slidable .tab>*>section{margin-top:40px}
.tabs.slidable .tab>*>section:first-child{margin-top:0}
.tabs .tabs-nav .no-icon span{padding:0 4px;text-align:center;width:100%}
.tabs-nav{left:0;padding:0 20px}

.slide a.prev:after,.flex-direction-nav .flex-prev,.compare .flex-direction-nav .flex-prev:after{
background-position:-1px -97px}
.slide a.next:after,.flex-direction-nav .flex-next,.compare .flex-direction-nav .flex-next:after{
background-position:-1px -132px}

.slide {width:100%;overflow:hidden;}


.support_box{
	font-size:0;
	margin:0 -15px;
	height:100%;}

.support_box>.related{
	width:50%;
	display:inline-block;
	font-size:13px;font-size:1.3rem;
	padding:0 15px;
	position:relative;
	vertical-align:top;
	z-index:0;}

.support_box>.related_nopurchase{
	width:75%;
	display:inline-block;
	font-size:13px;font-size:1.3rem;
	padding:0 15px;
	position:relative;
	vertical-align:top;
	z-index:0;
	border-right:1px solid #ccc
	}

.support_box>.purchasesupport,.support_box>.linkarea{
	width:25%;
	display:inline-block;
	font-size:13px;font-size:1.3rem;
	padding:0 15px;
	position:relative;
	vertical-align:top;
	z-index:0;}

.support_box>.purchasesupport{border-right:1px solid #ccc;border-left:1px solid #ccc;}
.support_box>.related figure,.support_box>.related_nopurchase figure {margin-top:20px;}
.support_box>.related figure img,.support_box>.related_nopurchase figure img{
	float: left;
	margin-right:10px;
	max-width:90px;
	max-height:90px;}
.support_box>.related figcaption,.support_box>.related_nopurchase figcaption{overflow: auto;}
.support_box>.linkarea .button {
	font-size:16px;font-size:1.6rem;
	width:100%;
}

/*=======================================================================*/
/* 製品詳細（body埋め込みclass分）
=========================================================================*/
.mob .tabs{margin-top:0}
.mob .banner+.tabs{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.mob .tabs .tab{background-color:#fff;position:relative;z-index:1}
.mob .tabs .accordion+.tab>*{border-top:2px solid #eaeaea}
.mob .tabs .tab .l-gradient-top-grey{background:0 0;border-top:1px solid #eaeaea}
.mob .tabs .slide a.next,.mob .tabs .slide a.prev{display:none}
.mob .tabs-slides{z-index:1}
.mob .tabs-slides:before{display:block}
.mob .tabs.t-4 .tabs-nav,.mob .tabs.t-5 .tabs-nav,.mob .tabs.t-6 .tabs-nav,.mob .tabs.t-7 .tabs-nav,.mob .tabs.t-8 .tabs-nav,.mob .tabs.t-9 .tabs-nav{padding:0}
.mob .tabs .tabs-nav+*{border:0}
.mob .tabs-slides .accordion{background:#fff;color:#7d6a55;height:4em;font-sizE:15px;font-size:1.5rem;position:relative;margin-top:3px}
.mob .tabs-slides .accordion:after{content:'';height:18px;margin-top:-9px;position:absolute;right:20px;top:50%;width:19px}
.mob .tabs-slides .accordion.active:after{height:2px;margin-top:-1px}
.mob .tabs-slides .accordion>div{width:60px}
.mob .tabs-slides .accordion>div img{margin:0 auto;padding-top:11px}
.mob .tabs-slides .accordion.active>div>img,.mob .tabs-slides .accordion>div .active{display:none}
.mob .tabs-slides .accordion.active>div .active{display:block}
.mob .tabs-slides .accordion>span{line-height:1.25}
.mob .tabs-slides .accordion.no-icon>span{padding-left:20px}
.mob .column>.tabs.slidable>.wrapper,.mob main>.tabs>.wrapper{background-color:#eaeaea;padding:20px 10px}
.mob .tab.reviews .icons li{border-top:1px solid #eaeaea;display:block;margin-top:10px;padding-top:10px}
.mob .tab.reviews .icons li:first-child{border:0;margin:0;padding:0}
.mob .tab.reviews .icons li>*{display:block;padding:0}
.mob .tab.reviews .icons .icon{margin-bottom:10px}
.mob .tab.reviews .icons .main p{font-size:15px;font-size:1.5rem}
.mob .tab.reviews .icons .extra{vertical-align:top}
.mob .tabs .tab>*,.mob .tabs .tab>.l-gradient-top-grey,.mob .tabs .tab>:first-child,.mob .tabs.slidable .tab>*{margin:0 10px;padding:20px 0}

.mob main .tabs aside .l-gradient-top-grey {padding:20px 0;}
.mob main .support_box > .linkarea .button {width:100%;}

.mob .tabs-slides.drop-shadow.curve:before{
	bottom:0;height:0;left:0;right:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:0 / 0;border-radius:0 / 0}

/*=======================================================================*/
/* フッター部分
=========================================================================*/
footer {
	bottom:0;height:500px;height:50rem;position:absolute;width:100%;z-index:1;
	}

footer .wrapper {
	position:relative;
}

footer img{
display:block;width:100%}

footer nav p{
	color:#fff;
	float:left;
	font-size:13px;font-size:1.3rem;
	line-height:24px;
	margin:0}


footer nav ul li{
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	margin-left:1.5em;
	line-height:24px;
	}

footer nav a{
	color:#fff;font-weight:700;line-height:24px;text-transform:uppercase}

.splash footer{height:auto;position:static}
.splash footer .wrapper{height:auto;position:relative}


/*=======================================================================*/
/* ヘッダー・フッター色指定
=========================================================================*/

/* トップ */
.splash footer nav p,.splash footer nav a{
	color:#7d6a55
	}


/* 背景紫 */
.home header .title_box,.home footer,.support header .title_box,.support footer,.sales header .title_box,.sales footer,.about header .title_box,.about footer {
	background-color:#6d2485;
	}

/* 背景茶 */
.business header .title_box,.business footer,.solutions header .title_box,.solutions footer {
	background:#82786F;
}

/* 背景ベージュ */
.sp header .title_box,.sp footer {
	background:#DBCEAC;
}

/* 茶色文字 */
.sp header .title_box h1,.sp footer nav a,.sp footer nav p {
	color:#7D706C;
}

/* 白文字 */
.home header .title_box h1,.business header .title_box h1,.solutions header .title_box h1,.support header .title_box h1,.sales header .title_box h1,.about header .title_box h1 {
	color:#fff;
}

/*=======================================================================*/
/* 共通指定
=========================================================================*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

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

.image{
background-color:#f3f3f3;display:block;height:0;position:relative}
.image.auto{
display:inline-block;height:auto;max-width:100%}
.image.blank{
background-color:transparent}
.gallery .image.main.auto,.slider>*>ul>li>.image.auto,.image.border.auto{
border:5px solid #fff}
.gallery .image.main.rectangle img,.slider>*>ul>li>.image.rectangle img,.image.border.rectangle img{
padding:5px}
.gallery .image.main.square img,.slider>*>ul>li>.image.square img,.image.border.square img{
padding:5px}
.gallery .image.main.rectangle:after,.gallery .image.main.square:after,.slider>*>ul>li>.image.rectangle:after,.slider>*>ul>li>.image.square:after,.image.border.rectangle:after,.image.border.square:after{
border:5px solid #fff;bottom:0;content:'';left:0;right:0;position:absolute;top:0;z-index:10000}

img{max-width:100%;height:auto}
img.center{display:block;margin:0 auto 1em}
figure>.image-wrapper,figure>a>.image-wrapper{margin-bottom:1em}
.image-wrapper{max-width:50%}
.image-wrapper.xs{max-width:100px;max-width:10rem}
.image-wrapper.s{max-width:200px;max-width:20rem}
.image-wrapper.m{max-width:300px;max-width:30rem}
.image-wrapper.ml{max-width:350px;max-width:35rem}
.image-wrapper.l{max-width:400px;max-width:40rem}
.image-wrapper.xl{max-width:500px;max-width:50rem}
.image{background-color:#f3f3f3;display:block;height:0;position:relative}
.image.auto{display:inline-block;height:auto;max-width:100%}
.image.blank{background-color:transparent}

.image img{
bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0;width:auto;z-index:0}
.image.auto img{
position:static;display:block}
.image img[data-border=true]{
max-height:90%;max-height:90%}
figure>.image{
margin-bottom:1em}
figure>.image.first,figure>.image.last{
margin-bottom:0}
.image.square{
padding-bottom:100%}
.image.border{
border:solid 1px black}

*{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
	}
html{
	font-size:62.5%;
	height:100%;
	overflow-y:scroll;
	-ms-overflow-y:visible;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased
	}
body{
	background:#eaeaea;
	color:#7d706c;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%
	}

/* fancyboxで先頭へ戻ってしまう対策 */
body.imgfb {
	height:auto
}

/*=======================================================================*/
/* レスポンシブ
=========================================================================*/
.desktop .main-nav>.wrapper>ul.drop-shadow.curve:before{
	bottom:0;height:0;left:0;right:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:0 / 0;border-radius:0 / 0}

@media screen and (max-width:1120px){
header .dropdown.pu_about{width:1020px;right:0;margin-right:0}
}

@media screen and (max-width:1024px){
header .dropdown.pu_about{width:921px;right:0;margin-right:0}
}

@media screen and (max-width:960px){
.banner img{width:100%}
.banner .titlearea{padding-right:20px;width:40%}
.banner .titlearea.first{margin-left:-40%;padding-left:20px}
.banner .titlearea.center{margin-left:-20%;padding-left:0;padding-right:0}
.banner.medium .titlearea h1{font-size:36px;font-size:3.6rem}
.banner.medium .titlearea h3{font-size:19px;font-size:1.9rem}
.banner.medium .titlearea .button{font-size:12px;font-size:1.2rem}

.icons-nav.i-10:after,.icons-nav.i-9:after{border-bottom:1px solid #fff;border-top:1px solid #fff;content:'';height:33.33%;position:absolute;top:33.33%;width:100%}
.icons-nav.i-5:after{background-color:#fff;content:'';height:1px;position:absolute;top:50%;width:100%}
.icons-nav.i-5 ul li,.icons-nav.i-6 ul li,.icons-nav.i-9 ul li{min-width:26%;max-width:33.33%}
.icons-nav.i-10 ul li{min-width:20%;max-width:25%}
.icons-nav.i-10 ul li:first-child+li+li+li+li:after .icons-nav.i-10 ul li:first-child+li+li+li+li+li+li+li+li:after,.icons-nav.i-5 ul li:first-child+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li:after{width:0}
.icons-nav.i-10 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li+li+li:after{width:1px}

.splash main,main{padding-bottom:2rem}
footer>.wrapper,header>*>*>.wrapper{max-width:100%;padding-left:20px;padding-right:20px}

/* ヘッダー */
header .title_box {display:none}

/* フッター */
footer {height:auto;position:static;padding-bottom:20px;}
footer .wrapper{height:auto;left:0;margin-left:0;padding:0 20px 50px;position:relative;right:0;width:auto;z-index:1}
footer nav p {float:none;position:absolute;bottom:0;}
footer .social_link {position: absolute;right:0;bottom:0;top:auto;}
footer nav ul li{display:block;margin:0 0 12px}
footer .copy{left:20px}
footer .social_link{right:20px}
.splash footer .wrapper{padding:20px 20px 70px}
.splash footer .social_link {position: absolute;bottom:0;top:auto;}
.spbu footer .main>ul>li>ul>li:before,.splash footer .main>ul>li>ul>li:before{color:#7d6a55}

.splash main>section>div{background-size:100%;margin:0 -12.5%;padding-bottom:41.67%}
.splash main>section>div>.wrapper{height:100%;left:10%;position:absolute;right:10%;width:auto}
.splash .units-links{height:100%;width:100%}
.splash .units-links>a{height:100%}

}

@media screen and (max-width:880px){
.icons-nav.i-7:after,.icons-nav.i-8:after{border-bottom:1px solid #fff;border-top:1px solid #fff;content:'';height:33.33%;position:absolute;top:33.33%;width:100%}
.icons-nav.i-4:after{background-color:#fff;content:'';height:1px;position:absolute;top:50%;width:100%}
.icons-nav.i-7 ul li,.icons-nav.i-8 ul li{min-width:28%;max-width:33.33%}
.icons-nav.i-4 ul li,.icons-nav.i-7 ul li+li+li+li,.icons-nav.i-8 ul li+li+li+li+li+li+li{min-width:34%;max-width:50%}
.icons-nav.i-4 ul li:first-child+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li:after{width:0}
.icons-nav.i-7 ul li:first-child+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li:after{width:1px}
.splash .units-links>a>div>h3{font-size:1.6em;font-size:1.6rem;}
}

@media screen and (max-width:840px){
.banner .titlearea h1{font-size:21px;font-size:2.1rem}
.banner .titlearea h4{font-size:16px;font-size:1.6rem}
.banner.medium .titlearea h1{font-size:21px;font-size:2.5rem;font-weight: 700;}
.banner.medium .titlearea h3{font-size:16px;font-size:1.6rem}
.banner.medium .titlearea h5{font-size:12px;font-size:1.2rem}
}

@media screen and (max-width:800px){
.solinfo_detail>.column{width:33.3333%;}
.itemlist>.column {width:33.3333%;}
.toplink {position: relative;right:0;top:35px;}

.support_box {margin:0;}
.support_box > .related,.support_box > .related_nopurchase,.support_box > .purchasesupport, .support_box > .linkarea {width:100%;}
.support_box > .related {padding:0 0 20px 0;}
.support_box > .related_nopurchase {padding:0 0 20px 0;border-right:0px none;}
.support_box> .purchasesupport{border-top:1px solid #ccc; border-left:0px none;border-right:0px none;padding:20px 0;}
.support_box> .linkarea{border-top:1px solid #ccc; padding:20px 0 0 0;}
.support_box > .linkarea .button {width:50%;}
}

@media screen and (max-width:768px){
.splash main>section>div{margin:0;padding:0}
.splash main>section>div:after{display:none}
.splash main>section>div>.wrapper{position:static}
.splash main>section>div.top_bg{background-image:none}
.splash .units-links>a{width:100%;height:auto}
.splash .units-links>a>img{display:block}
.splash .units-links>a>div{background:#fff;background:rgba(255,255,255,.75);padding:20px;position:absolute;bottom:0;width:100%}
.splash .units-links>a>div>h3{font-size:1.7em;font-size:1.7rem;}
}

@media screen and (max-width:720px){
.banner.medium .titlearea{bottom:0;top:0}
.banner.medium .slides>li,.banner.medium.slider .flex-viewport{background-color:transparent;min-height:0}
.banner.medium .mob-text{display:block;left:10%;padding:20px 20px 30px;position:relative;width:80%}
.banner.medium .table>*>*>*{display:none}
.banner.medium .table>*>*>h1,.banner.medium .table>*>*>h3,.banner.medium .table>*>*>img{display:block}

.icons-nav.i-10:after,.icons-nav.i-4:after,.icons-nav.i-5:after,.icons-nav.i-6:after,.icons-nav.i-7:after,.icons-nav.i-8:after,.icons-nav.i-9:after{border:0;height:0}
.icons-nav.i-10 ul li,.icons-nav.i-3 ul li,.icons-nav.i-4 ul li,.icons-nav.i-5 ul li,.icons-nav.i-6 ul li,.icons-nav.i-7 ul li,.icons-nav.i-8 ul li,.icons-nav.i-9 ul li{display:block;max-width:none!important}
.icons-nav ul li:after,.icons-nav.i-10 ul li:first-child+li+li+li+li+li+li+li+li:after,.icons-nav.i-10 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-10 ul li:first-child+li+li+li+li:after,.icons-nav.i-4 ul li:first-child+li+li:after,.icons-nav.i-5 ul li:first-child+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li:after{height:1px;width:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2JhKDIwMywgMjAzLCAyMDMsIDApIi8+PHN0b3Agb2Zmc2V0PSIwLjE1IiBzdG9wLWNvbG9yPSIjY2JjYmNiIi8+PHN0b3Agb2Zmc2V0PSIwLjg1IiBzdG9wLWNvbG9yPSIjY2JjYmNiIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZ2JhKDIwMywgMjAzLCAyMDMsIDApIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);background-image:-webkit-gradient(linear,left center,right center,color-stop(0%,rgba(203,203,203,0)),color-stop(15%,#cbcbcb),color-stop(85%,#cbcbcb),color-stop(100%,rgba(203,203,203,0)));background-image:-webkit-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);background-image:-moz-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);background-image:-ms-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);background-image:-o-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);background-image:linear-gradient(to right,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%)}
.icons-nav ul li a{display:table;padding:15px 10px 5px}
.icons-nav ul li a>div{width:65px}
.icons-nav ul li a>div>div{width:65px;height:55px}
.icons-nav ul li a div img{width:75px;height:auto;top:-10px}
.icons-nav ul li a span{padding-bottom:10px}

.tabs .tabs-nav li .icon div{display:none}
.tabs .tabs-nav li .icon span{padding-left:.5em;width:100%}
.tabs.slidable .tab>*>section{margin-top:20px}
}

@media screen and (max-width:640px){
footer .wrapper{padding-top:20px}
footer .copy{font-size:11px;font-size:1.1rem}
footer .social_link>ul>li{margin-left:10px}

.itemlist>.column {width:50%;}

.categoryinfo .img_area {display:block;width:100%;text-align:center;}
.categoryinfo .text_area {display:block;width:100%;}
.categoryinfo.even .img_area {float:none;}

.item_main .text_area {width:100%;}
.item_main .img_area {width:100%;}
.item_main .img_area img {max-width:400px;}

.item_main.bg_business,.item_main.bg_home,.item_main.bg_service-provider {background:none}

.item_main.bg_business .img_area{background:url(../images/idbg_business_s.png) no-repeat 50% 50%; background-size:contain;}
.item_main.bg_home .img_area{background:url(../images/idbg_home_s.png) no-repeat 50% 50%; background-size:contain;}
.item_main.bg_service-provider .img_area {background:url(../images/idbg_service-provider_s.png) no-repeat 50% 50%; background-size:contain;}

}

@media screen and (max-width:620px){
.tech-specs .productDetail{overflow-x: auto;position: relative;-webkit-overflow-scrolling: touch;}
.tech-specs .productDetail:before{
content: "\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換。テキストは「左右にスクロールできます」 */
color:#fff;
font-size:12px;font-size:1.2rem;
background-color:#9F2F95;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}
.tech-specs .productDetail{padding-top:40px;}
}

@media screen and (max-width:560px){
.splash .units-links>a>div{background:0 0;padding:10px}
.splash .units-links>a>div>h3{font-size:1.5em;font-size:1.5rem;max-width:none;padding:8px 10px;width:100%}
.banner .wrapper{bottom:0;top:0}
.banner .slides>li,.banner.slider .flex-viewport{background-color:transparent;min-height:0}
.banner .mob-text{display:block;left:10%;padding:20px 20px 30px;position:relative;width:80%}
.banner .table>*>*>*{display:none}
.banner .table>*>*>h1,.banner .table>*>*>h4,.banner .table>*>*>img{display:block}

.item_main {padding-top:0;}

.hh .tabs .tabs-nav{padding:0;position:static;width:100%}
.column>.tabs.slidable:before,main>.tabs:before{display:none}
.tabs .tabs-nav li{float:none;vertical-align:bottom;}
.tabs.t-3 .tabs-nav li{margin:0;width:100%;}
.hh .tabs .tabs-nav li .icon div{display:table-cell;width:60px}
.column>.tabs.slidable>.wrapper>.tabs-nav li a,main>.tabs>.wrapper>.tabs-nav li a{border:1px solid #ccc;border-top-width:0}
.column>.tabs.slidable>.wrapper>.tabs-nav li:first-child a,main>.tabs>.wrapper>.tabs-nav li:first-child a{border-top-width:1px}
.hh .tabs .tabs-nav li .icon div img{margin:0 auto}
.hh .tabs .tabs-nav li .icon span{padding-left:0}
.tech-specs .table{display:block;margin:0}
.tech-specs .table .odd{background-color:#fff}
.tech-specs .table>*{border-top:1px solid #eaeaea;display:block;padding:10px 0 5px}
.tech-specs .table>:first-child{border:0;padding-top:0}
.tech-specs .table>*>*{border:0;display:block;padding:0}
.tech-specs .table>*>*>*{float:none;margin-left:0;margin-right:0}
.tech-specs .table>*>*>.button.first{margin-right:.25em}
.tab.service-plan .table>*>*+* h6,.tech-specs .table>*>*+* h6{font-size:13px;font-size:1.3rem;color:#9a258f}
.tabs.slidable .tab>*>.sub,.tech-specs .sub{border-top:1px solid #eaeaea;margin-top:0;padding-top:20px}
.tab.apps .column{padding-bottom:0}
.tab.reviews .icons .extra a{white-space:normal}
.tab.support .tabs .tab>*{padding-bottom:0}
.tabs.sub>h6:first-child{border-bottom:0}
.tabs.sub .tabs-nav li{display:block;height:auto}
.tabs.sub .tabs-nav li a{border:1px solid #ccc;border-bottom-width:0;padding:10px;position:relative;text-align:left}
.tabs.sub .tabs-nav li a.active{-webkit-box-shadow:inset 0 0 6px 1px rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 6px 1px rgba(0,0,0,.2);box-shadow:inset 0 0 6px 1px rgba(0,0,0,.2)}

.hh main aside>.wrapper{margin-top:20px;}
}

@media screen and (max-width:480px){
.banner.medium .table>*>*>h1{font-size:18px;font-size:1.8rem;margin:0}
.banner.medium .table>*>*>h3{font-size:14px;font-size:1.4rem;margin:0}
}

@media screen and (max-width:420px){
.splash .units-links>a>div>h3{padding:5px 9px}
.units-links>a>div>h3{padding:5px 9px}
}