@charset "utf-8";

/*-----------------------------------------------------------
	TabletTimeRecorder - サイト共通・TOP CSS
	URL: http://www.tablet-time-recorder.net/
	Date: 2015-11-25
	Copyright (C) TabletTimeRecorder All Rights Reserved.
-----------------------------------------------------------*/

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
table{border-collapse: collapse;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* FLOAT CLEAR */
.systemInformation ul, #pageHeader, .content, #SNS, #SNS ul, #bannerMujiPassport, #satelite ul, #misc ul, #footerNav,#mainContents,.listColTri,.exnote,.rlbox,#calculation .sectionHeader,.cllsubHeader,.tutbox,.boxAnswer {zoom: 1;}
.systemInformation ul:after, #pageHeader:after, .content:after, #SNS:after, #SNS ul:after, #bannerMujiPassport:after, #satelite ul:after, #misc ul:after, #footerNav:after,#mainContents:after,.listColTri:after,.exnote:after,.rlbox:after,#calculation .sectionHeader:after,.cllsubHeader:after,.tutbox:after,.boxAnswer:after {content: "";display: block;clear: both;}


/*スマホ縦と基本の設定*/

html { /*スマホの基本フォントサイズ*/
	font-size: 14px;
}
body {
	color:#3A3A3A;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	background:#ffffff;
	margin:0;
	-webkit-text-size-adjust: none;
}
a:link, a:visited, a:active {
	color:#6CA000;
	text-decoration: none;
}
a:hover {
	color:#6CA000;
	text-decoration:underline;
}

h1,
#logoArea h2 {
	font-size: 1.35em;/*約19px*/
}

h1.entry_Tit {
	font-size:1.25em;/* 20170914追加 */
}

a img {
	vertical-align: bottom;
}
.tOrg {
	color:#91C52D;
}
.line {
	border-bottom-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #90C52D;

}
/*リンクをクリックしやすく*/
.listColTri p a,.ansTxt p a:not([class="boxer"]),.tutbox p a:not([class="boxer"]),.exnote p a:not([class="boxer"]) {
   border-style: solid;
   border-width: 1px;
   border-color: #94DB00;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 0.1em 0.3em;
   margin: 0px 0.2em;
   text-decoration: none;
   background: #DDFF97;
   line-height: 2em;
}
.listColTri p a:hover,.ansTxt p a:not([class="boxer"]):hover,.tutbox p a:not([class="boxer"]):hover,.exnote p a:not([class="boxer"]):hover {
   color: #fff;
   background:#94DB00;
}

/* @group Webフォント */

@font-face {
		font-family: 'icomoon';
	src:url('../fonts/icomoon20210517.eot?kjgg8r');
	src:url('../fonts/icomoon20210517.eot?kjgg8r#iefix') format('embedded-opentype'),
		url('../fonts/icomoon20210517.ttf?kjgg8r') format('truetype'),
		url('../fonts/icomoon20210517.woff?kjgg8r') format('woff'),
		url('../fonts/icomoon20210517.svg?kjgg8r#icomoon') format('svg');
		font-display: swap;
}
 [class^="iwf-"], [class*=" iwf-"], .boxBtmLink p:before, #footerNav li:before,.btnContact a:before,.targetUsers h1:before,.targetUsers h2:before,#qaTableTitle h2:before,#pickupTitle h2:before,.csbox h2:before,.noteico:before,.tocTi a:before,.tocNav li a:before {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 margin-right: 0.3em;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.iwf-mail:before, .iwf-forum:before {
	font-size: 1.333em;
	color: #49C741;
	vertical-align: -10%;
}
.iwf-mail:before, .fn-mail:before,.btnContact a:before {
	content: "\e602";
}
.iwf-forum:before, .fn-forum:before {
	content: "\e600";
}
.iwf-privacy:before{
	content: "\e800";
	color: #94DB00;
}
.iwf-declaration:before{
	content: "\e800";
	color: #94DB00;
}
.iwf-cd_title:before,.csbox h2:before {
	font-size: 1.25em;
	color: #94DB00;
	vertical-align: -10%;
}
.iwf-cd_title:before {
	content: "\e603";
	margin-right: -0.1em;
}
.csbox h2:before {
	content: "\e800";
	margin-right: 0.2em;
}
.iwf-yen:before {
	content: "\e93e";
	font-size: 1.25em;
	color: #94DB00;
	vertical-align: -8%;
	margin-right: 0;
}
.iwf-rulesti:before {
	content: "\e995";
	color: #94DB00;
	vertical-align: -8%;
}
.iwf-calculator:before {
	content: "\e940";
	color: #94DB00;
	vertical-align: -10%;
}
.iwf-rulesub:before {
	content: "\e9bb";
	color: #CDCDCD;
	font-size: 0.833em;
}
.iwf-tutoti:before {
	content: "\e9b6";
	color: #94DB00;
	vertical-align: -10%;
}
.iwf-question:before {
	content: "\ea09";
	color: #94DB00;
	vertical-align: -4%;
}
.iwf-search:before {
	content: "\e986";
	color: #94DB00;
	vertical-align: -4%;
}
#link_to_contact:before {
	content: "";
	background-image: url(/shared/img/icon_question.png);
    background-size: contain;
	color: #94DB00;
	vertical-align: -8%;
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-right: 4px;
}

.compare h2 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

/*
.compare h2:before {
	content: "Q.";
	color: #93DA00;
	margin-right: 0.3em;
}
*/

.compare .Q {
	color: #93DA00;
}

.compare .A {
	color: #F2B308;
	font-size:124%;
	font-weight: bold;
}

span.highlight_p {
	background: linear-gradient(transparent 60%, #94DB00B0 60%);
    font-weight: bold;
}
span.highlight_n {
	background: linear-gradient(transparent 60%, #E9AB07B0 60%);
    font-weight: bold;
}

.fqbox .boxAnswer:before {
	content: none!important;
}

.compare img {
	float: right;
	margin: 1em 0 0.5em 0.8em;
	max-width: 90%;

}

.compare .bad {
	color: #FFF;
	background-color: #888;
}

.compare .no-good {
	color: #3A3A3A;
	background-color: #ddd;
}

.compare td, .compare th {
	border-left: 1px solid #bbb;
}
.compare th:first-child {
	border-left: none;
}

.targetUsers h1:before,
.targetUsers h2:before,
#qaTableTitle h2:before{
	content: "\e801";
	font-size: 1em;
	color: #94DB00;
	margin-right: 0.125em;
	vertical-align: -10%;
}
.noteico:before {
	content: "\e9b8";
	font-size: 1.25em;
	vertical-align: -10%;
}
.tocTi a:before,.iwf-qa:before {
	content: "\e900";
}
.tocTi a:before {
	margin-right: 0;
	letter-spacing: 0.3em;
}
.iwf-qa:before {
	color: #94DB00;
	vertical-align: -10%;
}
.tocNav li a:before {
	content: "\e601";
	font-size: 0.625em;
	color: #CDCDCD;
	margin-right: 0.6em;
}

.fn-dl:before {
	content: "\e802";
}

.boxBtmLink p:before {
	color: #6CA000;
	content: "\e601";
}
#footerNav li:not([class]):before {
	content: "\e601";
}
.fn-mail:before {
	font-size: 14px;
}
.fn-forum:before {
	font-size: 15px;
}
.fn-dl:before {
	font-size: 15px;
}

.nx-attention {
    border: 1px solid #ccc;
    padding: 0.8em 1.2em;
    margin: 1em 0 3em;
	border-radius: 5px;
	line-height:1.4;
}
.nx-attention-title {
    font-weight: bold;
    font-size: 1.1rem;
}

/* @group end */

.boxBtmLink {
	text-align: right;
	display: block;
	clear: both;
	margin: 0 auto;
}
.widBL {
	max-width: 1020px;
	padding: 0 10px;
}
.spBL {
	margin-bottom: 1.5em;
}
.boxBtmLink a:link, .boxBtmLink a:visited {
	text-decoration: underline;
}
.boxBtmLink a:active, .boxBtmLink a:hover {
	text-decoration: none;
}
#functionArea,#reputeArea,#logoArea,#priceArea,#noticeArea {
	padding-top: 1.875em;
	padding-bottom: 1.5em;
}
/*固定ヘッダー対応アンカー用*/
.sectionHeader,.listColTri li,#reTab,.rlbox,.mmp {
	margin-top: -60px;
	padding-top: 60px;
}

/* @group #gHeader */
#gHeader {
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 60px;
	z-index: 90;
	background-color: #fff;
}
#headerLogo {
	width: 100%;
	height: 60px;
	margin:0 auto;
	position:relative;
}
.logo {
	position: absolute;
	top: 16px;
	left: 10px;
	width:68%;
}
.logo img {
	width: 100%;
	height: auto;
}

.fukidashi-hide {
	display: none;
}
.fukidashi-show {
	display: block;
	background-color: #fff;
	color: #3a3a3a;
	padding: 15px 20px;
	text-align: left;
	min-width: 560px;
	border: 1px solid #b6b6b6;
	z-index: 14; /* 吹き出しの△-1 */
}
@media screen and (min-width: 768px) { /* クリック位置とずれるので吹き出しなくす */

#tel-sup-header-fukidashi1.fukidashi-show ::after {
	content: "";
	position: absolute;
	bottom: -17px;
	left: 40px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 8px 0px;
	border-color: #b6b6b6 transparent transparent;
	z-index: 15;
}

#tel-sup-header-fukidashi1.fukidashi-show ::before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 40px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 8px 0px;
	border-color: #fff transparent transparent;
	z-index: 16;
}

}
#tel-sup-header-fukidashi1, #tel-sup-footer-fukidashi1 {
	position:absolute; 
	cursor: pointer;
	font-size:0.8em;
	min-width:auto;
	max-width:80%;
}
#tel-sup-header-fukidashi1 {
	top: 50px;
	left: 10%;
	transform: translateX(-5%);
}
#tel-sup-footer-fukidashi1 {
	bottom: 0px;
}

#subnav .fukidashi-show a {
	color: #6CA000;
}
.fukidashi-title {
	font-weight: bold;
}
.fukidashi-author {
	margin-top:1em;
	text-align: right;
}
.fukidashi-last {
	margin-top:1em;
	text-align: center;
}

.tel-sup-footer {
	color: #fff;
	padding: 0.175em 1em;
	margin-bottom: 4px;
	background-color: #aaa;
	border: solid 1px #ccc;
	border-radius: 4px;
	margin:0 0 1em;
}

.tel-sup-header-togglefukidashi, .tel-sup-footer-togglefukidashi {
	cursor: pointer;
}

.tel-sup-header-togglefukidashi:hover, .tel-sup-footer-togglefukidashi:hover {
	text-decoration: underline;
}

#gHeader #subnav, #gHeader nav {
	display: none;
}

#gHeader #hdBtnDL {
	position: absolute;
	top: 12px;
	right:47px;
    width: 36px;
	height: 34px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#gHeader #hdBtnDL a {
    width: 36px;
	height: 34px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#gHeader #hdBtnDL img {
	margin-top: -6px;
	margin-left: -1px;
	height: 140%;
	width: auto;
}
#hdBtnDL a:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.slicknav_menu {
	display: block;
}

/* @group end */


/* @group #pageHeader */
#pageHeader {
	position:relative;
	margin:0 auto;
	width:100%;
	padding-top:60px;
	height: auto;
}
.wrap-movie {
  background: url("../img/bg_movie_filter.png") repeat 0 0;
  z-index: 80;
  max-height: 250px;
  overflow: hidden;
}
.m-main_movie{
  left: 0;
  z-index: -1;
  width: 100%;
  position: relative;
  min-width: 320px;
}
#player { display:none; }

#poster{
	z-index: 1;
}

#pageHeader .imgRead {
	text-align:center;
	position:absolute;
	top: 50%;
	left:0;
	width:100%;
	margin:0 auto;
}
#pageHeader .imgRead img {
	width: 300px;
}
#pageHeader .txtRead {
	text-align:center;
	font-size: 14px;
	color:#ffffff;
	z-index:2;
	position:absolute;
	top:64%;
	width: 100%;
}
#pageHeader .btnDownLoad {
	position:absolute;
	top:122%;
	width: 200px;
	height: 46px;
	left: 50%;
	z-index:2;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#pageHeader .btnDownLoad img {
	width: 100%;
	height: auto;
}
#pageHeader .btnDownLoad a:hover img {
	opacity: 0.7 ;
	filter: alpha(opacity=70);
}
#pageHeader .appBox {
	position:absolute;
	width:100%;
	bottom:8px;
	right: 49px;
}
.appBox div {
	max-width:1040px;
	margin:0 auto;
	text-align:right;
}
.appBox .gdaward {
	height: 18.9px;
	margin-bottom: 3px;
}
.appBox div img {
	width:60px;
}
#pageHeader .itprobox {
	position:absolute;
	width:100%;
	bottom:8px;
	right: 7px;
	height: 35.0px;
}
.itprobox .itproaward {
	max-width:1040px;
	margin:0 auto;
	text-align:right;
}
#pageHeader .itproaward img {
	width:35.0px;
	height:35.0px;
}
/* @group end */

/* @group #maintxtArea */

#maintxtArea, #mediaArea {
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
}

#mppArea {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.mppAreaInner {
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
}

.txt_read {
  margin: 80px auto 20px;/* 80px auto 20pxから変更 */
}
.txt_read h1 {
	line-height: 1.5em;
	margin-bottom: 16px;
}

.txt_read h1.mpp, .txt_read h1.media-and-case {
	margin: 1em 0 16px;
}

.txt_read p {
	font-size: 1.14em;
	line-height: 1.8em;
}

#youtubeArea {
	background-color: #ededed;
	min-height: 180px;
	width: 100%;
	padding: 25px 0;
}

.youtubeArea {
	max-width: 1020px;
	clear: both;
	margin: 25px auto;/* 40px→25pxに変更 */
	font-size: 0.93em;
	text-align: center;
	padding: 0;
}

.youtubeArea dl {/* 20170530変更 */
	background-color: #ededed; /*  */
	float:left;
	min-height: 180px;
	margin: 0 8px 0 0;
	width: 196px;
}

.youtubeArea dt {
	margin-bottom: 0.5em;
}
.youtubeArea dd {
	margin-bottom: 1em;
}
.youtubeArea img {
	width:100%;
}

.clearFloat {
	clear: both;
}
/*.youtubeArea img {
	margin-bottom: 0.5em;
}*/
/* @group end */


/* @group #functionArea */

#function02Area #fncPoint li,
#function03Area #fncPoint li {
	margin: 0 auto 1.5em;
}

#functionArea {
	width:100%;
	background-color:#ededed;
}
#functionArea ul {
	max-width:1020px;
	margin:0 auto;
	padding: 0 10px;
	overflow: hidden;
}
#functionArea ul .txtFunction {
	background: #fff;
	padding: 14px 0 10px 0;
	box-sizing: border-box;
	margin: 16px 0 8px;
	border-radius:0;
	min-height: 70px;
	position: relative;
	font-size: 0.857em;
}
.txtFunction a {
	color: #3a3a3a; 
}
#functionArea ul .txtFunction:after {
	content: "";
	position: absolute;
	top: -16px;
	left: 40px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 16px;
	border-color: transparent transparent #fff;
}
#functionArea ul .txtFunction p {
	width: 90%;
	margin: 0 auto;
	line-height: 1.5em;
}
#functionArea ul .txtFunction span {
	font-size: 1.25em;
}
#functionArea li {
	float: left;
	width: 49%;
	margin: 0 2% 2.5% 0;
	box-sizing: border-box;
}
#functionArea li img {
	width: 100%;
	height: auto;
	margin-bottom: 13px;
}
#functionArea li a:hover img {
	opacity: 0.5 ;
	filter: alpha(opacity=50);
}

#functionArea li:nth-child(even) {
	margin-right: 0;
}
/* @group end */


/* @group #makeYouSmileArea */
#makeYouSmileArea {
	background-color: #ededed;
	margin:0;
	padding:2em 0;
}

#makeYouSmileArea p {
	margin: 0;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}
/* @group end */


/* @group #function02Area */

#function02Area,
#function03Area,
#jukuArea {
	max-width: 1020px;
	margin: 0 auto;
	padding: 20px 10px;
}

#function02Area ul#fncPoint,
#function03Area ul#fncPoint {
	margin:0 auto;
	overflow:hidden;
}
#fncPoint a:link, #fncPoint a:visited {
	text-decoration:underline;
}
#fncPoint a:active, #fncPoint a:hover {
	text-decoration:none;
}
#function02Area #fncPoint li,
#function03Area #fncPoint li {
	font-size:1.148em;
	box-sizing: border-box;
	width: 100%;
	padding:20px 0px;
	text-align:center;
	border: 3.6px solid #94DB00;
	line-height: 1.5em;
}
#function02Area #fncPoint li dt,
#function03Area #fncPoint li dt {
	width:80%;
	margin:0 auto 15px;
	text-align:left;
}
#function02Area #fncPoint li dd,
#function03Area #fncPoint li dd {
	width: 90%;
	margin:0 auto;
	text-align:left;
}
#fncPoint li.list01 dd {
	color: #6DA200;
}
#function02Area #fncPoint li.list02,
#function03Area #fncPoint li.list02 {
	border-color: #f1b308;
}

#fncPoint li.list02 dd, #fncPoint li.list02 a {
	color:#E9AB07;
	display:inline-block;
	width:35%;
}

#function02Area #fncPoint li.list02 dd {
	width: 44.6%;
}
#function02Area #fncPoint li.list02 dd:last-child {
	width: 90%;
}

#function02Area #fncPoint li img,
#function03Area #fncPoint li img {
	width:100px;
}
#function02Area .targetUsers,
#function03Area .targetUsers {
	line-height: 1.2;
}
#function02Area .targetUsers h1,
#function02Area .targetUsers h2,
#function03Area .targetUsers h1,
#function03Area .targetUsers h2 {
	font-size: 1.5em;
	margin-bottom: 1.23em;
}
#function02Area .targetUsers ul,
#function03Area .targetUsers ul {
	font-size: 1.142em;
	margin-bottom: 2em;
}
#function02Area .targetUsers li,
#function03Area .targetUsers li {
	margin-bottom: 0.8em;
}
#function02Area .targetUsers li:before,
#function03Area .targetUsers li:before {
	content: "●";
}
#function02Area .targetUsers p,
#function03Area .targetUsers p {
	line-height: 1.8em;
	margin-bottom: 1em;
}

#function03Area .targetUsers .total-users {
	text-align: center;
	font-size:110%;
	margin-bottom: 2em;
}

.total-users span{
	display: block;
	text-align: right;
	font-size:91%;
}

/* @group end */


#jukuArea .jukuAreaImage{
	text-align: left;
}

#jukuArea .jukuAreaImage img{
	max-width: 100%;
}


#jukuArea .jukuAreaHeading p {
	font-size: 160%;
	font-weight: bold;
	margin: 0 auto;
	width: 87%;
}
#jukuArea .jukuAreaHeading p:last-child {
	text-align: right;
	margin-bottom: 1.5em;
}


#jukuArea h2 {
	font-size: 205%;
	font-weight: bold;
	border-top: 6px solid #94DB00;
	border-bottom: 6px solid #94DB00;
	margin: 0.2em 0;
	padding: 0.3em 0 0.2em;
	text-align: center;
}

#jukuArea .jukuAreaContent p {
	font-size: 120%;
	margin: 0;
}

#jukuArea ul {
	margin: 1.5em 0 2em;
}


#jukuArea ul:after {
	content: " ";
	display:block;
	clear: left;
}


#jukuArea li {
	font-size: 120%;
	line-height: 1.5;
	width: 11em;
	float: left;
}


#jukuArea li:before {
	content: "●";
	margin-right: 0.5em;
	font-size: 120%;

}
#jukuArea p.PR {
	margin-bottom: 2em;
}

#jukuArea p.PR strong {
	background: #F2B308;
	color: #fff;
	display: block;
	text-align: center;
	width: 10.5em;
	margin: 0 auto;
	padding: 0.2em 0;
	font-size: 120%;
}

#jukuArea .boxBtmLink {
	clear: both;
}

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

#jukuArea .jukuAreaImage{
	width: 470px;
	float:left;

}

#jukuArea .jukuAreaContent{
	margin-left:510px;
}

#jukuArea ul:after {
	clear: none;
}


#jukuArea li {
	width: auto;
	float: none;
}

}/* min-width:768px  */


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

#jukuArea .jukuAreaImage{
	width: 49%;
	float:left;

}

#jukuArea .jukuAreaContent{
	width: 49%;
	float: right;
	margin-left:0;
}

#jukuArea li {
	width: 49%;
	float: left;
}

#jukuArea ul:after {
	clear: left;
}

}/* min-width:800px  */


#qaArea {
	padding-top: 40px;
	padding-bottom: 5px;
	background-color: #ededed;
	margin-top: 0;
}

#qaArea .fqbox,#qaTableArea .fqbox {
	margin: 0 auto;
	max-width: 1020px;
	padding: 0 10px;
}

#qaTableArea {
	background-color: #ededed;
	padding: 1em 0 0.5em;
}

#qaTableArea .fqbox table{
	background:#ffffff;
}

#qaTableArea #indexQaTable {
	margin-top: 1em;
}
#qaTableArea #qaTableTitle {
	margin-top: 1em;
}

/* @group #reputeArea */

#reputeArea {
	width: 100%;
	background-color:#ededed;
	padding:30px 0 20px;
}
#reputeArea dt a {
    color: #3a3a3a;
}
#reputeArea dl {
	max-width: 839px;
	padding: 0 17px 0 10px;
	margin: 0 auto 32px;
}
#reputeArea dl:before {
	position: absolute;
	content: url(../img/ico_repute.gif);
    width: 34px;
}
#reputeArea dt, #reputeArea dd {
	margin-left: 7px;
	background-color:#FFFFFF;
}
#reputeArea dt {
	font-size: 1.14em;
	line-height:1.8em;
	padding: 1.3125em 1.625em 0.875em 4.125em;
}
#reputeArea dd {
	font-size: 1em;
	text-align: right;
	padding: 0 2.125em 1.4375em 0;
}
#reputeArea dd:before {
	color: #BBBBBB;
	letter-spacing: -2px;
	content: "-------";
	margin-right: 6px;
}
/* @group end */

/* @group #logoArea */
#logoArea {
	max-width: 1020px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
}
#logoArea ul {
	overflow:hidden;
	width: 90%;
	margin: 0 auto;
	padding-left: 0%;
}
#logoArea li {
	float:left;
	margin-left: 1%;
	margin-right:1%;
	width: 48%;
	box-sizing: border-box;
	min-height: 70px;
}

#logoArea li#logoFreee {
	width:45%;
	margin-left: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

#logoArea li#logoMFCloud {
	width:45%;
	margin-left: 2%;
	margin-top: 3.5%;
	margin-bottom: 1%;
}

#logoArea li#logoSorimachi {
	width:40%;
	margin-left: 5%;
	margin-top: 2%;
	margin-bottom: 0%;
}

#logoArea li#logoRakuda {
	margin-top: 2%;
	margin-bottom: 0%;
}

#logoArea li#logoOhken {
	margin-top: 1.5%;
	margin-bottom: 1%;
	margin-left: 26%;
	margin-right: 26%;
}

#logoArea li#logoPca {
	width:40%;
	margin-left: 5%;
}

#logoArea li#logoOoen {
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 2%;
	margin-bottom: 1%;
}

#logoArea li#logoSmile {
	width:70%;
	margin-left: 15%;
	margin-right: 15%;
}

#logoArea li#logoObc {
	width:56%;
	margin-left: 22%;
	margin-right: 22%;
	margin-bottom: 2%;
}

#logoArea li#logoFreee {
	margin-top: 4%;
	margin-left: 1%;
	margin-right: 1%;
}

#logoArea li img {
	width: 100%;
	height: auto;
}

#logoArea h1,
#logoArea h2 {
	text-align: left;
	margin: 0px auto 15px;
	line-height: 1.5em;
}
#logoArea .txt02 {
	font-size: 16px;
	text-align: left;
	margin: 10px auto 42px;
	line-height: 1.5em;
}
.logo_db_g {
	width: 300px;
	height: 91px;/* 追加 */
	margin: 30px auto 26px;
}
.logo_db_g img {
	width: auto;/* 100%から変更 */
	height: 100%;/* autoから変更 */
	margin-right: 20px;
}
/* @group end */


/* @group #priceArea */
#priceArea {
	width:100%;
	background-color:#ededed;
	box-sizing:border-box;
}
#priceArea h1,
#priceArea h2 {
	font-size:1.5em;
	text-align:left;
	max-width: 1020px;
	margin:0 auto 1em;
	padding: 0 10px;
	line-height: 1.5em;
}
#priceArea .txtPrice {
	max-width: 1020px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
}
#priceArea .f26 {
	font-size:1.14em;
}
#priceArea .f36 {
	font-size: 1.5em;
}
#priceArea .txtPrice p {
	margin-bottom: 1.5em;
	line-height: 1.2;
}
/* @group end */

/* @group #biccameraArea */
#pickupArea {
	width: 100%;
	padding: 2em 0;
}
#pickupArea h2 {
	font-size: 1.5em;
	text-align:left;
	max-width: 1020px;
	margin:0 auto 1em;
	padding: 0 10px;
	line-height: 1.5em;
	vertical-align: middle;
}
#pickupArea .symbol_char{
	color:#7ECF59;
	font-weight:bold;
	font-size:1.1em;
	margin-top: -0.1em;
}
#pickupAreaBox {
	max-width: 1020px; 
	margin: 0 auto;
}
#pickupArea img{
	width: 300px;
	height: auto;
	border: 1px solid #b6b6b6;
}
#pickupArea ul.pickupCards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
}
#pickupArea .pickupCards li {
	margin: 0px 15px 30px;
	display: inline-block;
}
#pickupArea ul .pickupContent {
	border: 1px solid #b6b6b6;
	width: 300px;
	height: 100px;
	position: relative;
	margin-top: 1em;
} 
#pickupArea ul .pickupContentTitle {
    display: flex;
    align-items: center;
	background-color: #e5e5e5;
	text-align: center;
	font-size: 1.1em;
    line-height: 1.2;
	padding: 3px;
    min-height: 35px;
} 
#pickupArea ul .pickupContentTitle a {
    display: block;
    width: 100%;
}
#pickupArea ul .pickupContentDetail {
	font-size: 0.8em;
	text-align: left;
	margin: 5px;
} 
#pickupArea ul .pickupContent:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 40px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 16px;
	border-color: transparent transparent #e5e5e5;
	z-index: 16;
}
#pickupArea ul .pickupContent:after {
	content: "";
	position: absolute;
	top: -17px;
	left: 40px;
	margin-left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 16px;
	border-color: transparent transparent #b6b6b6;
}

#pickupArea .pickupList {
	padding-left: 15px;
}

#pickupArea .pickupList ul {
	padding-left: 2em;
}

#pickupArea .pickupList li {
	list-style-type: disc;
	margin: 0.2em 0;
	line-height: 1.5em;
	white-space: nowrap;
}

#pickupArea .pickupList li a {
	display: inline-block;
}

/* @group end */

/* @group #biccameraArea */
#biccameraArea {
	padding: 30px 10px;
	overflow:hidden;
	text-align: center;
	background-color: #ededed;
}

#biccameraArea #bicLogoArea {
	vertical-align: middle;
	margin: 1em auto 2em;
	width:300px;
}
#biccameraArea #bicCross {
	width:24px;
	margin:6.6px;
}
#biccameraArea #bicLogoTTR {
	width:280px;
}
#biccameraArea #bicLogoBic {
	width:192px;
}
#biccameraArea h2 {
	font-size :1.5em;
	text-align: center;
	margin-bottom: 1.5em;
	padding-left: 20px;
	padding-right: 20px;
}
#biccameraArea .txtArea {
	margin-bottom: 2em;
}
#biccameraArea .boxBtmLink{
	max-width: 1020px;
}


/* @group end */

/* @group #downloadArea */
#downloadArea {
	max-width: 1020px;
	margin: 30px auto;
	padding: 0 10px;
	overflow:hidden;
}
#downloadArea h2 {
	font-size: 133%;
	margin-bottom: 1em;
}
#downloadArea .txtArea {
	line-height: 1.8em;
}
#downloadArea .txtArea p {
	margin-bottom: 1.8em;
}
#downloadArea .txtArea p em {
	font-size: 1.5em;
}
#downloadArea .btn {
	margin: 20px auto 0;
	width: 200px;
}
#downloadArea .btn img {
	width: 100%;
	height: auto;
}

#downloadArea .btn a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/* @group end */

/* @group #e-commerceArea */
#e-commerceArea {
	padding: 1em;
	background-color: #ededed;
}

#e-commerceArea ul,
#e-commerceArea p {
	max-width: 1020px;
	margin: 1em auto;
}

#e-commerceArea p {
	text-align: center;
}

#e-commerceArea ul {
	display: flex;
  flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	list-style: none;
}

#e-commerceArea li {
	margin: 0 1em;
}

#e-commerceArea .ec-qualifications {
	margin: 0 auto;
	text-align:center;
	display: block;
	font-size: 80%;
}

#e-commerceArea .ec-qualifications ul {
	display: inline-block;
}

#e-commerceArea .ec-qualifications li{
	text-align: left;
	list-style: disc outside;
}

/* @group end */

/* @group #noticeArea */
#noticeArea {
	width: 100%;
	box-sizing:border-box;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #EDEDED;
}
#noticeArea .contentArea {
	max-width: 1020px;
	margin:0 auto;
	line-height: 1.2em;/* 1.5emから変更 */
}
#noticeArea h1,
#noticeArea h2 {
	font-size: 1.33em;/*20px*/
	font-weight:bold;
}
#noticeArea ul {
	margin-top: 0.6em;/* 1.6emから変更 */
	margin-bottom: 0px;/* 22pxから変更 */
}
#noticeArea ul li {
	font-size: 1em;
	margin-bottom: 0.6em;/* 1emから変更 */
	line-height: 1.2em;/* 1.5emから変更 */
	padding-left:6.4em;/*お知らせインデント*/
	text-indent:-6.4em;/*お知らせインデント*/
}
#noticeArea li a {
	color: #0f2c86;
}
#noticeArea .btnContact,
#function02Area .btnContact,
#function03Area .btnContact{
	font-size: 20px;
	width: 200px;
	margin: 20px auto 0;
	box-sizing:border-box;
	letter-spacing: 1px;
	background-color: #94DB01;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	overflow: hidden;
}
#noticeArea .btnContact a:before,
#function02Area .btnContact a:before,
#function03Area .btnContact a:before {
	color: #fff;
	font-size: 22px;
	vertical-align: -12%;
	margin-right: 7px;
}
#noticeArea .btnContact a,
#function02Area .btnContact a,
#function03Area .btnContact a {
   display:block;
	color: #fff;
	text-decoration: none;
   white-space: nowrap;
	padding: 12px 42px 11px;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

}
#noticeArea .btnContact a:hover,
#function02Area .btnContact a:hover,
#function03Area .btnContact a:hover {
	background-color: #B5E258;
}
/* @group end */


/* @group #footerArea */
#footerArea {
	width:100%;
	background-color:#999999;
	padding: 10px 0 0;
	color:#FFFFFF;
}
.footerBox {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	position: relative;
}
#footerContent {
	max-width: 500px;
	padding: 0 10px;
	position: relative;
}
.footerBox .logo_f {
	width: auto;/* 60pxから変更 */
	text-align:center;
	margin: 24px auto 0;
	font-size: 14px; /* 追加 */
	line-height: 1.2;
}

.footerBox .logo_f a {
	color:#fff; /* 追加 */
}

.footerBox .logo_f img {
	width: 100%;
	max-width: 75px;/* 追加 */
	height: auto;
	margin-bottom: 8px;/* 追加 */
}

.footerBox .privacy_link {
	width: auto;/* 60pxから変更 */
	text-align:center;
	margin: 24px auto 0;
	/* margin-top: 38px; */
	font-size: 14px; /* 追加 */
	line-height: 1.2;
}
.footerBox .privacy_link a {
	color:#fff; /* 追加 */
}
/* 
.footerBox #facebook_sp {
	margin: 0 auto;
	width: 290px;
} */
.footerBox .fb-page {
	margin: 0 auto;
	color:#FFF;
}
.footerBox #facebook_pc {
	display: block;
	width: 500px;
	overflow: hidden;
}
.footerBox #footerNav {
	margin-bottom: 10px;
	display: flex;
}
.footerBox #footerNav ul {
	/* float: left;
	margin-right: 2em; */
	overflow: hidden;
}
.footerBox #footerNav ul #foooterNavUl2 {
	margin: 1em;
}

#footerNav li {
	line-height: 1.8em;
	padding-right: 0.3em;
	color: #fff;
}
#footerNav li a {
	color: #fff;
}
#footerNav li:not([class]):before {
	font-size: 9px;
}
#footerNav .fn-mail {
	border-top: 1px solid #C3C3C3;
	padding-top: 0.8em;
	margin-top: 0.8em;
}
#copyright {
	font-size: 0.86em;
	padding: 10px 0 20px;
	text-align: center;
	clear: both;
}
/* @group end */


/* @group 下層ページ共通 */

#navpan {
	margin-bottom: 2em;
	line-height: 1.5em;
}
#navpan a,#pFtnav a {
	color: #393939;
}
#pFtnav {
	width: 100%;
	margin-bottom: 4em;
}
#pFtnav .toToc,#pFtnav .toPreview,#pFtnav .toNext {
	width: 100%;
	text-align: center;
	margin-bottom:1em;
}
#pFtnav .toToc:before,#pFtnav .toToc:after {
	content: "|";
}
#pFtnav .toToc:before {
	margin-right: 1em;
}
#pFtnav .toToc:after {
	margin-left: 1em;
}

#pageIntro,#mainContents {
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}
#pageIntro {
	width: 100%;
	margin: 60px auto 0;
	padding-top: 20px;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
}
.sechgBox {
	max-width: 1020px;
	margin: 0 auto;
}

.sechgBox h1 small {
	font-size: 0.5em;
	line-height: 1em;
	display: block;
}

#pageIntro h1 {
	font-size: 2em;
	margin-bottom: 0.3em;
	line-height: 1.5em;
}
#pageIntro p {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1em;
}
#pageIntro p:before {
	color: #BBBBBB;
	letter-spacing: -2px;
	content: "-------";
	margin-right: 8px;
}
#mainContents {
	max-width: 1040px;
	padding-top: 30px;
	padding-bottom: 1.5em;
	overflow: hidden;
	margin: 0 auto;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
	clear:both;
}
#mainContents a img {
	box-sizing: border-box;
	border: 1px solid #E0DFDF;
}
#mainContents a:hover img {
	opacity: 0.5 ;
	filter: alpha(opacity=50);
}
#mainContents h2 {
	line-height: 1.5em;
}
.sectionHeader h2,.csbox h2,.prcbox h2,.rlbox h2 {
	font-size: 1.85em;

}
.sectionHeader h2 {
	margin-bottom: 0.31em;
}
.sectionHeader p {
	line-height: 1.5em;
	margin-bottom: 3em;
}

.rlbox ul,#calculation .sectionHeader ul,.entContent ul,.entContent ol {
	margin-left: 2em;
	margin-bottom: 1.3em;
}
.rlbox li,#calculation .sectionHeader li,.entContent li {
	margin-bottom: 0.2em;
	line-height: 1.5em;
}

.rlbox ul li,#calculation .sectionHeader ul li,.entContent ul li {
	list-style-type: disc;
}

.rlbox ol li,#calculation .sectionHeader ol li,.entContent ol li {
	list-style-type: decimal;
}

#bottomBtnDL {
	width:100%;
	background-color:#EDEDED;
	padding: 15px 20px;
	box-sizing:border-box;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDCDCD;
}
#bottomBtnDL .appDlBtn {
	margin: 0 auto;
	width: 200px;
}
#bottomBtnDL .appDlBtn a img {
	width: 100%;
	height: auto;
}
#bottomBtnDL .appDlBtn a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* @group end */

/* @group .exnote */
.exnote {
	padding: 20px 0;
	background-color: #E2F5EC;
	border: 1px solid #66CC99;
	box-sizing: border-box;
	margin-bottom: 3em;
}
.exnote .noteico {
	color: #FFF;
	padding: 8px 20px 6px;
	background-color: #66CC99;
}
.exnote .noteimg {
	width: 80%;
	margin: 0 auto;

}
.exnote .noteimg img {
	width: 100%;
	height: auto;
}
.exnote h3 {
	color: #287E53;
	font-size: 1.25em;
	margin: 1em 20px 0;
	line-height: 1.5em;
}
.exnote p {
	color: #113523;
	padding: 1em 20px 1em 20px;
	line-height: 1.8em;
	box-sizing: border-box;
}

/* @group end */


/* @group WordPress共通 */

.entry_Date {
	font-size: 1em;
	color: #666666;
}
.one-title a,.widget li a {
	color: #393939;
}
#primary,#sideNav {
	width: 100%;
}
.single #primary h1 {
	font-size: 1.5em;
	margin-bottom: 16px;
}
#primary #newsArea {
	margin-top: 2em;
}
#primary #newsArea p {
	line-height: 1.8em;
	margin-bottom: 1em;
}
.one-title {
	margin-bottom: 2em;
}
.widget {
	margin-bottom: 2em;
}
.widget li {
	font-size: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
}
.widget li a {
	display: block;
}
.widget-title {
	color: #000;
	font-size: 1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
}
.widget span.post-date {
	color: #999;
	font-size: 0.928em;
}
ul#pagination {
	overflow:hidden;
	width:100%;
	margin: 30px 0 30px 0;
}
ul#pagination li {
	width:50%;
	box-sizing: border-box;
	font-size: 1em;
}
ul#pagination li a {
	display: block;
	vertical-align: middle;
	padding: 15px 0px;
	background: #fff;
}
ul#pagination li.prev {
	float:left;
	padding-right:10px;
	border-right: 1px solid #B2B2B2;
	text-align: left;
}
ul#pagination li.prev a {
	background:url(../../image/blog/ico_prev.gif) no-repeat left center;
	padding-left: 20px;
}
ul#pagination li.next {
	float:right;
	text-align:right;
	padding-left: 10px;
}
ul#pagination li.next a {
	background:url(../../image/blog/ico_next.gif) no-repeat right center;
	padding-right: 20px;
}

#primaryHeader h1 {
	font-size: 2.25em;
	margin-bottom: 1.3em;
}
.more-link {
	display: block;
	margin-top: 1em;
}
.pager {
	width: 100%;
	text-align: center;
}
.gninbox {
	padding: 2em 0;
	margin-bottom: 3em;
}
.freepic {
	width: 80%;
	margin: 0 auto 1em;
}
.freepic img {
	width: 100%;
	height: auto;
}
/* @group end */

@media screen and (min-width:480px) { /*スマホ横長　上記からの差分*/

/* @group #gHeader */
.logo {
	width:280px;
	top: 10px;
	left: 10px;
}
/* @group end */

/* @group #pageHeader */
#pageHeader .appBox {
	bottom:10px;
	right: 4px;
}

.appBox .gdaward {
	height: 24.5px;
	margin-bottom: 6px;
}
.appBox div img {
	width:100px;
	height: auto;
}
#pageHeader .itprobox {
	bottom:75px;
	height:45.0px;
	margin-bottom: 0px;
}
#pageHeader .itproaward img {
	width:45.0px;
	height:45.0px;
}
#pageHeader .btnDownLoad {
	top: 122%;
}
/* @group end */

/* @group #logoArea */

#logoArea li {
	width: 25%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%
}

#logoArea li#logoPca{
	width:21%;
	margin-left: 7%;
	margin-top: 0.3%;
	margin-bottom: 0.7%;
}

#logoArea li#logoYayoi {
	width: 26%;
	margin-left: 2.5%;
	margin-right: 2%;
	margin-top: 1%
}

#logoArea li#logoSmile {
	width:32%;
	margin-top:1%;
	margin-bottom: 2.5%;
	margin-left: 2%;
	margin-right: 2%;
}

#logoArea li#logoSorimachi {
	width:20%;
	margin-left: 7.5%;
	margin-right: 3%;
	margin-top: 1.0%;
	margin-bottom: 0%;
}

#logoArea li#logoTKC{
	width:21%;
	margin-left: 7%;
	margin-top: 1.5%;
	margin-bottom: 0.5%;
}

#logoArea li#logoOoen {
	width:25%;
	margin-left: 3%;
	margin-right: 1%;
	margin-top: 1.2%;
	margin-bottom: 1.5%;
}

#logoArea li#logoFreee {
	width:33%;
	margin-top: 0;
	margin-left: 13%;
	margin-right: 2.5%;
}

#logoArea li#logoMFCloud {
	width:28%;
	margin-top: 0;
	margin-bottom: 1%;
	margin-left: 2.5%;
	margin-right: 4%
}

#logoArea li#logoObc {
	width:29%;
	margin-top: 0.0%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 0%;
}

#logoArea li#logoRakuda {
	margin-top: 0.5%;
	margin-left: 2.5%;
	margin-right: 1.5%;
}

#logoArea li#logoOhken {
	width:26%;
	margin-top: 1.0%;
	margin-left: 4%;
	margin-right: 3%;
	margin-bottom: 0.5%;
}


#tel-sup-header-fukidashi1, #tel-sup-footer-fukidashi1 {
	position:absolute; 
	/*top: 300px;
	left: 30px;*/
	cursor: pointer;
	font-size:inherit;
	min-width:auto;
}

#tel-sup-header-fukidashi1.fukidashi-show ::after {
	top: -17px;
	bottom: auto;
	left: 40px;
	border-width: 0 8px 16px;
	border-color: transparent transparent #b6b6b6;
}
#tel-sup-header-fukidashi1.fukidashi-show ::before {
	top: -15px;
	bottom: auto;
	left: 40px;
	border-width: 0 8px 16px;
	border-color: transparent transparent #fff;
}
/* @group end */




/* @group #biccameraArea */

#biccameraArea #bicLogoArea {
	width: 400px;
}
#biccameraArea #bicCross {
	width:30px;
	margin:8.25px;
}
#biccameraArea #bicLogoTTR {
	width:350px;
}
#biccameraArea #bicLogoBic {
	width:240px;
}

/* @group end */

/* @group .exnote */
.exnote .noteimg {
	width: 50%;
}
/* @group end */

/* @group WordPress共通 */
.freepic {
	width: 50%;
}
.pr-ttr01 {
	margin-bottom: 2em;
}
/* @group end */
}

@media screen and (min-width:768px) { /*タブレット以下　上記からの差分*/
html { /*タブレットの基本フォントサイズ*/
	font-size: 14px;
}
h1,
#logoArea h2 {
	font-size: 1.5em;
}
.widBL {
	padding-left: 20px;
	padding-right: 20px;
}

/*固定ヘッダー対応アンカー用*/
.sectionHeader,.listColTri li,#reTab,.rlbox,.mmp {
	margin-top: -126px;
	padding-top: 126px;
}
/* @group #gHeader */

#gHeader {
	height: 82px;
	min-width: 768px;
}
#headerLogo {
	width: 100%;
	height:82px;
	margin:0 auto;
}
.logo {
	width:35%;
	top:20px;
}
#smpMenu {
	display:none;
}

#tel-sup-header-fukidashi1 {
	position: absolute;
	left: auto;
	top: 80px;
	right: 100px;
}

#tel-sup-header-fukidashi1.fukidashi-show ::after {
	top: -17px;
	left: auto;
	right: 100px;
}
#tel-sup-header-fukidashi1.fukidashi-show ::before {
	top: -15px;
	left: auto;
	right: 100px;
}
.tel-sup-footer {
	margin:0;
}


#gHeader #subnav, #gHeader nav, #gHeader #hdBtnDL {
	display: block;
}
.slicknav_menu {
	display: none;
}

#gHeader #subnav {
	width: 534px;
	height:20px;
	top:32px;
	right:163px;
	position: absolute;
	text-align: right;
	background-image: url(../img/bg_snavidot.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: visible;
}


#subnav a {
	color: #231815;
}
#subnav ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap-reverse;
	flex-direction: row-reverse;
}
#subnav li {
	height: 14px;
	float: right;
	font-size: 15px;
	padding: 0 10px;
	background-image: url(../img/bg_snavidot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
}
#gHeader #hdBtnDL {
	width: 140px;
	height: 38px;
	top:22px;
	right:10px;
	margin: 0;
	padding: 0;
}
#gHeader #hdBtnDL a {
	width: 140px;
	height: 38px;
	border: none;
	padding: 0;
}
#gHeader #hdBtnDL img {
	width: 100%;
	height: auto;
	margin: 0;
}
#gHeader nav {
	width: 100%;
	height: 44px;
	background-color: #676767;
	overflow: hidden;
}
#gHeader nav ul {
	max-width: 1040px;
	margin: 0 auto;
}
#gHeader nav #menu li {
	float: left;
	text-align: center;
}
#gHeader nav #menu li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 11px;
	padding-bottom: 11px;
}
#gHeader nav #menu li a:hover {
	background-color: #919191;
}
#menu li.gm01 {
	width: 9.705%;
}
#menu li.gm02 {
	width: 13.725%;
}
#menu li.gm03 {
	width: 11.078%;
}
#menu li.gm04 {
	width: 9.607%;
}
#menu li.gm05 {
	width: 10%;
}
#menu li.gm06 {
	width: 12.352%;
}
#menu li.gm07 {
	width: 10.98%;
}
#menu li.gm08 {
	width: 22.549%;
}
#menu li.smpmn {
	display: none;
}
/* @group end */


/* @group #pageHeader */
#pageHeader {
	padding-top:126px;
}
#pageHeader .btnDownLoad {
	top:78%;
	width:240px;
}

#pageHeader .imgRead {
	top: 41%;
}
#pageHeader .imgRead img {
	width: 480px;
}
#pageHeader .txtRead {
	top:55%;
	font-size: 30px;
}
#pageHeader .appBox {
	bottom: 12px;
	right: 10px;
}
.appBox div img {
	width:147px;
}
#pageHeader .itprobox {
	bottom:107px;
	height:80.0px;
	margin-bottom: 10px;
}
#pageHeader .itproaward img {
	width:80.0px;
	height:80.0px;
}
.appBox .gdaward {
	height: 35.3px;
	margin-bottom: 12px;
}
.wrap-movie {
  max-height: 320px;
}
/* @group end */

/* @group #maintxtArea */
#maintxtArea, #mediaArea {
	padding-left: 20px;
	padding-right: 20px;
}
.txt_read {
	width: auto;/* 70%から変更 */
	margin: 0;
	box-sizing:border-box;
	padding-top: 20px;/* 40pxから変更 */
	padding-bottom: 10px;/* 40pxから変更 */
	/*float: left;*/
}
.txt_read h1 {
	font-size: 1.68em;
}

.txt_read h1.mpp {
	margin: 1em 0 0;
}

.txt_read p {
	font-size: 1em;
}
.youtubeArea {
	/*float:right;
	width: 30%;
	max-width: 432px;
	margin-bottom: 0;*/
}
.youtubeArea dt img {
	/* width: 100%; */
	height: auto;
}
.youtubeArea dl {
	/* width: 100%; */
	float:left; /* 20160523追加 */
}
.youtubeArea dd {
	text-align: center;
}



/* @group end */

/* @group #functionArea */
#functionArea {
	padding-top:40px;
}
#functionArea ul {
	padding-left: 20px;
	padding-right: 20px;
}
#functionArea li {
	width: 32%;
	margin: 0 2% 2.5% 0;
}
#functionArea li:nth-child(even) {
	margin-right: 2%;
}
#functionArea li:nth-child(3n){
	margin-right:0;
}
#functionArea li:nth-child(4) {
	clear:left;
}
/* @group end */

/* @group #function02Area */
#function02Area,
#function03Area {
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	overflow:hidden;
}
#function02Area .targetUsers ul,#function02Area .targetUsers p,
#function03Area .targetUsers ul,#function03Area .targetUsers p {
	font-size: 1em;
}
#function02Area .targetUsers p,
#function03Area .targetUsers p {
	line-height: 1.5em;
}
#function02Area #fncPoint li,
#function03Area #fncPoint li {
	font-size:1.25em;/*20px*/
	width: 49.5%;
	float: left;
	border-width: 2px;
}
#function02Area #fncPoint li.list01,
#function03Area #fncPoint li.list01 {
	margin-right: 1%;
}
#function02Area #fncPoint li img,
#function03Area #fncPoint li img {
	width: 158px;
}
#function02Area #fncPoint li dd,
#function03Area #fncPoint li dd {
	text-align:left;
	width:80%;
	margin:0 auto;
}
#function02Area #fncPoint li.list02 dd {
	width: 80%;
}
#function02Area #fncPoint li.list02 dd:last-child {
	width: 80%;
}
#function02Area li:nth-child(1) dd,
#function03Area li:nth-child(1) dd {
	width: 80%;
}
/* @group end */


#qaArea .fqbox {
	padding-left: 20px;
	padding-right: 20px;
}


/* @group #reputeArea */
#reputeArea {
	padding-top: 40px;
}
#reputeArea dt {
	font-size: 1.25em;/*20px*/
}
/* @group end */


/* @group #logoArea */
#logoArea {
	padding-top: 53px;
	padding-right: 20px;
	padding-left: 20px;
}
#logoArea h1,
#logoArea h2 {
	text-align:center;
	margin:0px auto 35px;
}
#logoArea .txt02 {
	width:auto;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 0;
}
#logoArea ul {
	width:680px;
	margin:0 auto;
	padding-left:0%;
}
.logo_db_g {
	/*width: 220px;*/
	height: 91px;/* 追加 */
}

/* @group end */



/* @group #priceArea */
#priceArea {
	text-align:center;
	padding-top: 53px;
}
#priceArea h1,
#priceArea h2 {
	font-size: 2em;/*32px*/
	text-align: center;
	margin-bottom: 1.5em;
	padding-left: 20px;
	padding-right: 20px;
}
#priceArea .f26 {
	font-size:1.3em;/*26px*/
}
#priceArea .f36 {
	font-size: 1.8em;/*36px*/
}
#priceArea .txtPrice {
	font-size: 1.25em;
	width:401px;
}
/* @group end */

#biccameraArea #bicLogoArea {
	width: auto;
}

/* @group #downloadArea */
#downloadArea {
	margin-top: 57px;
	margin-bottom: 52px;
	padding-left: 20px;
	padding-right: 20px;
}
/* @group end */

/* @group #noticeArea */
#noticeArea {
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
/* @group end */

/* @group #footerArea */
#footerArea {
	padding-top: 32px;
}
/* .footerBox #facebook_sp {
	display: none;
} */
/* .footerBox #facebook_pc {
	display: block;
	width: 500px;
	overflow: hidden;
} */
.footerBox .fb-page {
	margin: 0;
}
.footerBox .logo_f {
	margin-top: 54px;/*28*/
}
.footerBox .privacy_link {
	margin-top: 24px;/*28*/
}
.footerBox #footerNav {
	position: absolute;
	top: 0px;
	left: 540px;
	max-width: 409px;
}
#copyright {
	padding: 10px 0 28px;
}
/* @group end */


/* @group 下層ページ共通 */

#navpan {
	font-size: 0.9375em;
	margin-bottom: 3em;
}
#pFtnav {
	font-size: 0.9375em;
	position: relative;
}
#pFtnav .toPreview,#pFtnav .toNext {
	position: absolute;
}
#pFtnav .toPreview {
	text-align: left;
	width: 35%;
	top: 0;
	left: 0;
}
#pFtnav .toNext {
	text-align: right;
	width: 35%;
	top: 0;
	right: 0;
}


#pageIntro {
	margin-top: 126px;
	padding: 3.13em 20px 2em 20px ;
}
#pageIntro h1 {
	font-size: 2.8125em;/*45px*/
}
.sechgBox {
	box-sizing: border-box;
	padding-left: 36px;
	padding-right: 36px;
}
#mainContents {
	max-width: 1060px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 56px;
	border-top-width: 4px;
}
.sectionHeader h2 {
	font-size: 2em;/*32px*/
}
.sectionHeader p {
	font-size: 1em;
}
#bottomBtnDL {
	padding-top: 22px;
	padding-bottom: 22px;
}
/* @group end */


/* @group .exnote */
.exnote {
	padding: 20px 32px 20px 0;
	margin-bottom: 4em;
}
.exnote h3 {
	margin: 4px 0 0 0px;
}
.exnote #noteLf {
	width: 69%;
	float: left;
}
.exnote .noteico {
	float: left;
	padding-left: 32px;
	margin-right: 10px;
}
.exnote .noteimg {
	float: right;
	width: 31%;
	box-sizing:border-box;
	padding-left: 32px;
}
.exnote p {
	padding: 25px 0 0 32px;
}
/* @group end */

/* @group WordPress共通 */

.widget {
	margin-bottom: 4em;
}
ul#pagination {
	margin: 60px 0 77px 0;
}
.freepic {
	width: 100%;
}
.freepic img {
	width: auto;
}
img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright {
	display: block;
	margin: 0 0 0 auto;
}
/* @group end */

}
@media screen and (min-width:1024px) { /*パソコンだけ　上記からの差分*/
html { /*PCの基本フォントサイズ*/
	font-size: 16px;
}

/* @group #pageHeader */

#gHeader {
	min-width: 1024px;
}

/* #gHeader #subnav {
	width: 534px;
	top:32px;
	height:20px;
	background-repeat: no-repeat;
} */

#tel-sup-header-fukidashi1 {
	position:absolute; 
	left: 250px;
	right: auto;
}

#headerLogo {
	max-width:1040px;
}
.logo {
	width:332px;
	top:18px;
}
.img-main {
	z-index:-1;
}
#gHeader nav #menu li {
}
#pageHeader .imgRead {
	top:41%;
}
#pageHeader .imgRead img {
	width: 583px;
}
#pageHeader .txtRead {
	font-size:36px;
}
#pageHeader .appBox {
}
#pageHeader .itprobox {
	margin-top: -90px;
}
#pageHeader .btnDownLoad {
	top:75%;
}
.wrap-movie {
  max-height: 530px;
}
.m-main_movie{
  width: 100%;
  min-width: 972px;
}
#player {
	display:block;
  margin-top: -9%;
  z-index: 0;
  position: absolute;
  top: 0px;
}
/* @group end */

/* @group #functionArea */
#functionArea ul .txtFunction {
	font-size: 1em;
}

#functionArea li {
	width: 31%;
	margin: 0 3.5% 2.5% 0;
}
#functionArea li:nth-child(even) {
	margin-right: 3.5%;
}
#functionArea li:nth-child(6) {
	margin-right:0;
}
/* @group end */


/* @group #function02Area */
#function02Area .targetUsers,
#function03Area .targetUsers {
	padding-left: 52px;
}
#function02Area #fncPoint li.list02 dd {
	width: 39%;
}
#function02Area #fncPoint li.list02 dd:last-child {
	width: 80%;
}
/* @group end */

/* @group #logoArea */
.logo_db_g {
	/* width: 264px;*/
	height: 109px;/* 追加 */
}
/* @group end */

#biccameraArea h2 {
	font-size:2em;
}
#biccameraArea #bicLogoTTR {
	margin: auto;
}

/* @group #downloadArea */

#downloadArea .txtArea {
	width: 1040px;
	margin:0 auto;
	padding-left: 0;
}
#downloadArea .btn {
	width:240px;
	padding:0;
}
/*#downloadArea .btn a {
	width:240px;
	height:56px;
}*/
/* @group end */

/* @group #noticeArea */
#noticeArea .contentArea {
	padding-left: 0;
}
#noticeArea .btnContact,
#function02Area .btnContact,
#function03Area .btnContact {
	font-size: 22px;
	letter-spacing: 3px;
	width: 240px;
}
#noticeArea .btnContact a:before,
#function02Area .btnContact a:before,
#function03Area .btnContact a:before{
	font-size: 25px;
/*	margin-right: 40px;*/
}
#noticeArea .btnContact a,
#function02Area .btnContact a,
#function03Area .btnContact a {
	padding: 13px 53px 12px;
}
/* @group end */

/* @group #pickupArea */
#pickupArea ul .pickupContent {
	height: 120px;
} 
/* @group end */

/* @group #footerArea */
.footerBox .fb-page {
	margin: 0;
}
.footerBox #footerNav {
	font-size: 15px;
	left: 544px;
}
.footerBox .logo_f {
	position: absolute;
	width: auto; /* 75pxから変更 */
	top: 7px; /*隣に合わせた*/
	right: 10px;
	margin: 0;
	font-size: 15px;/* 追加 */
}
.footerBox .privacy_link {
	position: absolute;
	width: auto; /* 75pxから変更 */
	top: 137px; /*隣に合わせた*/
	right: 25px;
	margin: 0;
	font-size: 15px;/* 追加 */
}
/* @group end */

/* @group 下層ページ共通 */

.sectionHeader {
	padding-left: 0;
	padding-right: 0;
}
.sechgBox {
	padding-left: 43px;
	padding-right: 43px;
}
#bottomBtnDL {
	padding-top: 27px;
	padding-bottom: 27px;
}
#bottomBtnDL .appDlBtn {
	width:240px;
}
/* @group end */

/* @group .exnote */
.exnote p {
	font-size: .9375em;
}
/* @group end */

/* @group WordPress共通 */

#primary {
	width: 70%;
	margin-right: 5%;
	padding: 0;
	float: left;
}
#sideNav {
	width: 25%;
	float: right;
}
.widget li {
	font-size: 0.875em;
}
#primary #newsArea p {
	font-size: 0.9375em;
}
.entry_Date {
	font-size: 0.875em;
}
ul#pagination {
	overflow:hidden;
	width:650px;
	margin: 60px 0 77px 20px;
}

/* @group end */


}


#mediaArea .txt_read p {
    text-align:center;
}

.mediaArea ul{
    text-align:center;
    padding-top: 1em;
}

.mediaArea li{
	display:inline;
	height:85px;
	line-height: 85px;
	margin: 0 15px 0 0;
}

.mediaArea li:last-child{
	margin: 0 0px 0 0;
}

.mediaArea img {
	vertical-align: middle;
}


@media screen and (max-width:950px){
.youtubeArea {
	max-width: 100%;
	width: 100%;
	float:none;
	clear: left;
	/*width:206px;*/
}


}/* (max-width:950px) */

#BTPR,
#BTPR-top {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1060px;
}

#BTPR p,
#BTPR-top p {
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
	width: auto;
	padding: 1.5em 1em;
	margin: 1em 1em 3em;
	text-align: center;

}

#BTPR-top p {
	margin: 2em auto 0;

}

/* コメントフォームレスポンシブ */
#comment-form {
	width: 437px;
	max-width:100%;
	padding: 20px 0;
	margin: 0 auto 1em;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #a5a4a4;
	color: #fff;
	text-align: center;

}

#comment-form dt{
	font-size: 96%;
}

#comment-form dd{
	width: 376px;
	max-width:90%;
	margin: 20px auto;
}

#comment-form textarea{
	width: 370px;
	max-width:95%;
	background:#fff;
	color:#000;
	padding: 3px;
	border-radius: 5px;

}

#comment-form textarea:focus {
	outline-color: #1bda0a;
}

#comment-form div input{
	width: 126px;
	height: 49px;
	background:#4ece43;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	border: none;
	-webkit-appearance: none;
}

#comment-form div input:hover {
	background: #75e16c;
}

#comment-form div input[disabled] {
	background: #bbb;
}

#comment-form textarea[disabled] {
	background: #ccc;
	color: #666;
}

#comment-form p#response {
	margin: 1em 30px;
	text-align: left;
	font-weight: normal;
}

/* window幅狭いとき */
#footerArea .footerBox .fb-page {
	/*float:left;*/
	margin: 0 1em 1em;
}


#footerArea .footerBox #footerNav {

}

/* #footerArea .footerBox #footerNav ul {
	float: left;
	width: 33%;
} */

#footerArea .footerBox #footerNav ul#footerNX {
	text-align:center;
}

#footerArea .footerBox #footerNav ul#footerNX li {
	line-height: 1.2;
}

#footerNX img{
	margin-bottom: 10px;
}

#footerNX li.privacy-link {
	margin-top: 1.8em;
}


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

#footerArea .footerBox #footerNav ul {
	width: auto;
	float: left;
	margin: 0 2em 2em 0;
}

#footerArea .footerBox #footerNav ul#footerNX {
	clear: left;
	float: none;
	width: 160px;
	margin: 0 auto;
}


}/* (min-width:693px) */


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

/* #footerArea .footerBox .fb-page {
	margin-left: auto;
	margin-right: auto;
	float:none;
} */

#footerArea .footerBox #footerNav {
	position: static;
	width: 500px;
	max-width:500px;
	margin: 1em auto;
	float:none;
}

#footerArea .footerBox #footerNav ul {
	width: auto;
	float: left;
	margin: 0;
}

#footerArea .footerBox #footerNav ul:nth-child(2) {
	margin-left: 2em;
}

#footerArea .footerBox #footerNav ul#footerNX {
	position: static;
	/* width: 160px; */
	float: right;
	clear: none;
}

}/* (min-width:768px) */



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

	#comment-form {
		float:left;
	}

	/* #footerArea .footerBox .fb-page {
		float:left;
	} */

	#footerArea .footerBox #footerNav {
		float:right;
		margin-top: 0;
	}

	.tel-sup-footer {
		float: right;
    width: 450px;
    margin: 0em 1em 1em;
	}

}/* (min-width:1024px) */

ul.item-data {
	margin: 1em 0;
	padding: 0;
	font-size: 80%;
	text-align: center;
}

ul.item-data li {
	display: inline;
	margin: 0 0.5em;
	color: #666;
}

ul.item-data span {
	color: #333;
}

p.footerToHome {
	clear: both;
	padding-top: 1em;
	font-size: 90%;
	text-align: center;
}

p.footerToHome a {
	color: #fff;
}


/* ニュース一覧サムネイル用 */
.entry-thumbnail img {
	width: 128px;
	height: 128px;
	object-fit: cover;
	border: none;
}

.entry-thumbnail {
	float: left;
	margin: 0 10px 2em 0;
}

.one-title {
	clear: left;
}

/* 導入企業、1000社 */
#PR-installed {
	background: #3c9c48;
	color: #fff;
	text-align: center;
	padding: 0.2em 0 0.1em;
	font-size: 125%;
	
}

/* ユーザープロファイル */
.area_user-profile {
	max-width: 100%;
	text-align: center;
}

.img_user-profile {
	max-width: 100%;
	height: auto; /* 画面を画像の横幅より狭めたときに、アスペクト比を固定するため */
}

.lst_user-profile {
	text-align: center;
}

.lst_user-profile li {
	display: inline-block;
}

/* ユーザー事例のバナー */
.user-example-banner {
    background-image:url(../img/user-example/marukan-header.jpg);
    background-position: center;
    width: 90%;
    max-width: 1024px;
    height: 100px;
    line-height: 100px;
    margin: 2em auto 2em;
    box-shadow: 1px 1px 3px #999;
    font-size: 105%;
	font-weight: bold;
	text-align: center;
    
}
  
.user-example-banner a {
    text-decoration: none;
    color: #fff;
    display: block;
}

.user-example-banner:hover {
    opacity: 0.8;
}

@media screen and (min-width:768px) {
  .user-example-banner {
    letter-spacing: 0.25em;
    font-size: 130%;

  }
  
}

.pickup-case {
    max-width: 1020px;
    padding-top: 3em;
    margin: 0 auto;
	position: relative;
}

#pageIntro .pickup-case:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	margin-top: 30px;
	position: absolute;
	background-color: #8ec31f;
 }

.pickup-case a {
    display: block
}

.pickup-case a:hover {
    text-decoration: none;
    opacity: 0.5 ;
    filter: alpha(opacity=50)
}

#mediaArea .pickup-case h2{
	border-bottom: solid 4px #94db00;
    font-size: 1.5em;
}

#mediaArea .pickup-case .symbol_char {
	color: #8ec31f;
	font-size: 1.1em;
	font-weight: bold;
}

#pageIntro .pickup-case h2 {
	padding-bottom: 40px;
    position: relative;
    color: #8ec31f;
    font-size: 2.0em;
    font-weight: 600;
}

#pageIntro .pickup-case h2:after {
   content: "";
   display: block;
   width: 100%;
   height: 4px;
   position: absolute;
   top: 1.35em;
   background-color: #8ec31f;
}

#pageIntro .pickup-case h2 small {
	font-size: 0.75em;
}

ul.user-case-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}

ul.user-case-item li {
    position: relative;
    width: 320px;
    height: auto;
    margin: 0 15px 30px 15px;
}

@media screen and (min-width:1060px) { 
	ul.user-case-item {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}
	ul.user-case-item li:nth-child(3n) {
		margin-right: 0;
	}
	ul.user-case-item li:nth-child(3n+1) {
		margin-left: 0;
	}
}

ul.user-case-item li img {
    width: 320px;
    height: 240px;
    object-fit: cover;
    object-position: center center;
}

.user-case-category {
	height: 2.1em;
    padding: 0 2em;
    position: absolute;
    top: 12px;
    left: -7px;
    background: #8ec31f;
    border-radius: 5px;
	box-shadow: 3px 3px 6px rgb(0 0 0 / 25%);
    color: #fff;
	font-size: 0.85em;
    line-height: 2.1em;
}

.user-case-text {
	width: 100%;
	box-sizing: border-box;
	padding: 12px;
	border-left : 2px solid #d8d8d8;
	border-right : 2px solid #d8d8d8;
	border-bottom : 2px solid #d8d8d8;
	color: #333;
	text-align: left;
	line-height: normal;
}

.user-case-text:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-style: solid;
	border-width: 0 18px 22px 18px;
	border-color: transparent transparent #ffffff transparent;
	top: 219px;
	left: 16px;
}

.user-case-text h3 {
	font-weight: 600;
	font-size: 18px;
	overflow: hidden;
}

.user-case-text h3:after {
    content:"";
    display: block;
    height: 1.6px;
    margin: 12px 2px;
    background-color:#d8d8d8;
}


/* 検索ボックスのスタイル */
@media screen and (max-width:767px) {
	#gHeader #hdSearchBox {
		display: none;
	}

	#gHeade #hdSeachBoxForMobile {
		width: 100%;
	}
}

@media screen and (min-width:768px) {
	#gHeader #hdSeachBoxForMobile {
		display: none;
	}

	#gHeader #hdSearchBox {
		position: absolute;
		font-size: 14px;
		top: 32px;
		right:8px;
		height: 34px;
		overflow: hidden;
	}

	.siteSearch input[type="text"] {
		width: 108px;
	}

	#gHeader #hdSearchBox .searchBtn {
		padding: 2px;
		font-size: 12px;
		background-color: #00d150;
		color: #fff;
		border: none;
		border-radius: 3px;
	}
}

input[type="submit"].searchBtn {
	cursor: pointer;
}
/* 検索ボックスのスタイルend */

/* モバイル向け検索ボックスbegin */
@media screen and (max-width:767px) {
	#hdSeachButtonForMobile {
		cursor: pointer;
		position: fixed;
		top: 12px;
		right: 64px;
		width: 24px;
		height: 24px;
		border: solid 1px rgb(244, 244, 244);
		padding: 4px;
		box-shadow: 0px 0px 8px rgba(128, 128, 128, 50%);
	}

	#hdSearchBoxForMobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		z-index: 128;
		background-color: #ffffff;
	}

	.searchbox-hide {
		display: none;
	}

	.hdSearchBoxForMobileContainer {
		display: flex;
		margin: 10px 16px;
	}

	.hdSearchBoxForMobileForm {
		width: 100%;
		box-shadow: 0px 0px 8px rgba(128, 128, 128, 50%);
	}

	.hdSearchBoxForMobileCloseButton {
		cursor: pointer;
		width: 36px;
		height: 36px;
		font-size: 32px;
		margin-left: 16px;
		color: gray;
		text-align: center;
		vertical-align: middle;
		line-height: 32px;
	}

	.searchBoxForMobileInput {
		border: none;
		outline: none;
		margin-left: 16px; /* バランス調整 */
		width: calc(100% - 56px);
		height: 36px;
	}

	.searchBoxForMobileInput:focus {
		border: none;
		outline: none;
	}

	.searchBtnForMobile {
		cursor: pointer;
		width: 24px;
		height: 24px;
		vertical-align: middle;
		margin-bottom: 4px; /* バランス調整 */
	}

}

@media screen and (min-width:768px) {
	#hdSeachButtonForMobile {
		display: none;
	}

	#hdSearchBoxForMobile {
		display: none;
	}

	.searchbox-hide {
		display: none;
	}
}
/* モバイル向け検索ボックスend */

/* iPhone, Firefox用で、ウインドウ幅が狭いときに、大画面用のスタイルになってしまう問題に対処 */
/* 横幅320の解像度向けまで調整 */
@media screen and (max-width:480px) {
	/* @group #gHeader */
	.logo {
		width:280px;
		top: 10px;
		left: 6px;
	}

	/* 差分のみ */
	.logo img {
		width: 82%;
		height: auto;
	}

	/* 差分のみ */
	#hdSeachButtonForMobile {
		right: 46px;
	}
}