@charset "UTF-8";
/*   
Theme Name: XeoryBase-child
Theme URI:http://localhost/wordpress-testsite/
Description: Xeoryベース子テーマ 
Author:
Author URI: 
Template:xeory_base
Version: 0.0.1
*/


/* 制作固定ページ用リセットcss
********************************************************************************************************************************************************
 */

article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

html{
    font-size: 625%;
}
body {
    font-size: .14em;/* 通常サイズは100pxの0.14倍で14px ここだけfont-size em */
	line-height:.22rem !important;
  
  -moz-text-size-adjust: auto;
  -webkit-text-size-adjust: auto;
  -ms-text-size-adjust: auto;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}


/* all display
******************************************************************************************************************************************************** */

html *{
	box-sizing:border-box;
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#232f3e;
}

.p-top-b{
	text-align:right;
	padding:30px 0;
}
.p-top-b a{
  background:#febd69;
  padding:.05rem .1rem;
  border-radius:5px;
  color:#232f3e;
	
}
.p-top-b a:hover{
  background:#232f3e;
  color:#febd69;
  text-decoration:none;
	
}
.p-top-b a:before{
  content: "\f151";
  font-family: FontAwesome;
  padding-right: 10px;	
}



/*table レスポンシブ対応*******************************/
.table-wrap{
	overflow: auto;
	}

/*テーブルセル内文字改行制御　*******************************/
.nrap{
	white-space:nowrap;
}



/*固定ページ・キャッチ用*******************************/
.c_catch{
	font-size:.16rem;
	line-height:2 !important;
	color:#D97B13;
	font-weight:bold;
}

/*ページ下に表示されるお問い合わせ用バナー***********************************/

#contact_bnr{
	box-sizing:border-box;
	border:5px solid #232f3e;
	clear:both;
	overflow:hidden;
	border-radius:5px;
	margin:0 0 20px;
}
#contact_bnr h3{
	text-align:center;
	font-weight:bold;
	font-size:.20rem;
	background:#232f3e;
	color:#fff;
	padding:.08rem;
	margin:0;
}
#contact_bnr p{
	text-align:center;
	font-size:.18rem;
	margin:0;
	padding:10px;
}
#contact_bnr p br{
	display:none;
}
#contact_bnr ul{
	clear:both;
	overflow:hidden;
	width:100%;
	margin:0;
	padding:5px 10px 10px;
	box-sizing:border-box;
}
#contact_bnr ul li{
	float:left;
	width:49%;
	margin:0 2% 0 0;
	padding:5px 0;
	background:#febd69;
	text-align:center;
	display:block;
	border-radius:5px;
}
#contact_bnr ul li:last-child{
	margin:0;
}
#contact_bnr ul li a{
	display:block;
	width:100%;
	font-size:.2rem;
	color:#232f3e;
	font-weight:bold;
	text-decoration:none;
}


.wrap {
  max-width: 1000px;
  box-sizing: border-box;
  margin:0 auto 50px;
  *zoom: 1;
}
.wrap:before {
  display: inline-table;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}

#main {
  width: 100%;
  float: left;
}

.main-inner {
  margin-right: 330px;
}

#side {
  width: 300px;
  float: left;
  margin-left: -300px;
}
.left-content #main {
  width: 100%;
  float: left;
}
.left-content .main-inner {
  margin-right: 330px;
  margin-left: 0;
}
.left-content #side {
  width: 300px;
  float: left;
  margin-left: -300px;
}

.right-content #main {
  width: 100%;
  float: left;
}
.right-content .main-inner {
  margin-left: 330px;
  margin-right: 0;
}
.right-content #side {
  width: 300px;
  float: left;
  margin-left: -100%;
}

.one-column #content .wrap {
  width: 1000px;
}
.one-column #content .wrap #main {
  width: 100%;
  float: none;
}
.one-column #content .wrap #main .main-inner {
  width: 100%;
  margin: 0;
}
.one-column #content .wrap #side {
  display: none;
}



/*********************************************************************************************************************************************************
* all
******************************************************************************************************************************************************** */
body {
  background: #fff;
  color: #383838;
}

a {
  text-decoration: none;
  color: #2581c4;
}
a:hover {
  text-decoration: underline;
	color:#F60;
}

/*contact用
******************************************************************************************************************************************************** */
#contact{
	border:1px solid #ccc;
	padding:20px;
	clear:both;
	overflow:hidden;
}

#contact p{
	width:100%;
	margin:0 0 15px;
}
#contact span.must{
	margin:0 5px;
display: inline-block;
background-color: #C00;
font-size:0.09rem;
text-shadow: 0px 1px 2px #933;
padding: 3px 5px;
color: #FFF;
border-radius: 4px;
line-height:.09rem !important;
}

#contact input, #contact select{
	padding:.05rem;
}


.c_check span.ipt_txt{
	border-bottom:1px solid #ccc !important;
	margin:5px 0;
	width:100%;
	min-height:.14rem;
	padding:.05rem;
	display:block;	
}

/* form
******************************************************************************************************************************************************** */
form input[type="submit"],
form button {
float:right;
  background: #febd69;
  color: #232f3e;
  padding:5px 10px;
  border-radius:4px;
  margin:0 0 0 10px;
  width:150px;
  height:40px;
  display:block;
}
form input[type="submit"]:hover,
form button:hover {
  cursor: pointer;
  
}

form input.form_short_s{
	width:60%;
}

form input.form_short_xs{
	width:10%;
}

form textarea{
	width:100%;
}

/* ********************************************************************************************************************************************************
* header
******************************************************************************************************************************************************** */
#header {
  background: #232f3e;
  position:fixed;
  z-index:10000;
  left:0;
  top:0;
  width:100%;
  height:120px;
  padding:0 !important;
  margin:0 !important;
	
}
.h_inner{
  display:block;
  max-width:1000px;
  margin:0 auto !important;
  padding:20px 0 !important;
  height:80px;
  box-sizing:border-box;
  clear:both;
  overflow:hidden;
}
#header #logo {
  float: left;
  height:40px;
  display:block;
  margin:0 0 20px 10px;
  padding:0;
}
#header #logo a {
}

#header #logo img{
}

#header .cp{
	color:#fff;
	font-size:0.11rem;
	padding:0 0 0 30px;
	margin:10px 0 0;
	display:block;
	float:left;
}


#h_t{
	float:right;
	display:block;
}

#h_t p{
}
#h_t a{
	display:block;
  color:#febd69;
	font-size:.22rem;
	font-weight:bold;
	line-height:1.0;
}
#h_t a:hover{
	text-decoration:none;
}
#h_t a i{
  color:#febd69;
	margin:0 5px 0 0;
}
#h_t span{
	color:#fff;
	font-size:.1rem;
}


#sub_img{
	width:100%;
	height:120px;
	display:block;
	border-bottom:1px solid #ccc;
	background:url("../../../wp-images/2017/11/delivery_ss.jpg") bottom center no-repeat;
	background-size:cover;
}
p.si_p{
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
	font-weight:bold;
	font-size:.44rem;
	color:#fff;
	line-height:120px;
	text-shadow:1px 1px 1px #535353;
	font-family:"Times New Roman", Times, serif;
}
p.si_p span{
	font-size:.3rem;
	color:#fff;
	text-shadow:1px 1px 1px #535353;
	font-family:"Times New Roman", Times, serif;
}
#print_mi{
	width:100%;
	height:120px;
	display:block;
	border-bottom:1px solid #ccc;
	background:url(../../../wp-images/2017/11/print_ss.jpg) center center no-repeat;
	background-size:cover;
}
#mov_mi{
	width:100%;
	height:120px;
	display:block;
	border-bottom:1px solid #ccc;
	background:url(../../../wp-images/2017/11/mov_ss.jpg) center center no-repeat;
	background-size:cover;
}
#cddvd_mi{
	width:100%;
	height:120px;
	display:block;
	border-bottom:1px solid #ccc;
	background:url(../../../wp-images/2017/11/cddvd_ss.jpg) center center no-repeat;
	background-size:cover;
}
#shipping_mi{
	width:100%;
	height:120px;
	display:block;
	border-bottom:1px solid #ccc;
	background:url(../../../wp-images/2017/11/shipping_ss.jpg) center center no-repeat;
	background-size:cover;
}
#other_mi{
	width:100%;
	height:120px;
	display:block;
	border-bottom:1px solid #ccc;
	background:url(../../../wp-images/2017/11/other_ss.jpg) center center no-repeat;
	background-size:cover;
}




/*********************************************************************************************************************************************************
* breadcrumb
******************************************************************************************************************************************************** */
.breadcrumb {
  padding: 15px 0 30px;
  margin:0;
  overflow: hidden;
  font-size: .12rem;
  box-sizing:border-box;
}
.breadcrumb li {
  float: left;
  margin-left: 10px;
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li a:hover {
	color:#F60;
}

.fa-home, .fa-file{
	display:none;
}

/*********************************************************************************************************************************************************
* gloval nav
******************************************************************************************************************************************************** */
#gnav{
  box-sizing:border-box;
  height:40px;
  border:none;
  border-bottom:1px solid #ccc;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c2c2c2), color-stop(0.94, #ededed), color-stop(0.33, #fff));
background: -webkit-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: -moz-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: -o-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: -ms-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: linear-gradient(to bottom, #fff 33%, #ededed 94%, #c2c2c2 100%);
}


#gnav ul {
  margin: 0 auto;
  padding: 0;
  border:none;
  max-width:1000px;
}
#gnav li {
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  width:16.666%;
  text-align:center;
	  border:none;
	box-sizing:border-box;
	border-left:1px solid #ccc;
}

#gnav li:last-child {
	border-right:1px solid #ccc;
}

#gnav li.current-menu-item a {
	border:none;
  border-bottom: 2px solid #f57300;
}
#gnav li a {
	background:none;
	  border:none;
  display: block;
  height:40px;
  line-height:40px;
  margin:0;
  padding:0;
  color: #2B2D2D;
  text-decoration: none;
}
#gnav li a:hover {
  color: #f57300;
  height:40px;
  border:none;
  border-bottom: 2px solid #f57300;
  padding:0 0 2px;
  margin:0;
}
#gnav .sub-menu {
  margin: 0;
  padding:0;
}
#gnav li a:hover .sub-menu {
  display: block;
}
#gnav li .sub-menu {
  display: none;
  position: absolute;
  background: #fff;
  border:1px solid #ccc;
  margin: 0;
  padding:0;
}
#gnav li .sub-menu li {
  float: none;
  width:100%;
  border-bottom: none;
  margin: 0;
  padding: 0;
	  border:none;
  border-bottom:1px solid #ccc;
}
#gnav li .sub-menu li:last-child {
  border-bottom: none;
}
#gnav li .sub-menu li a {
  color: #333;
  background:none;
  padding:0 18px;
  margin: 0;
  overflow: hidden;
}
#gnav li .sub-menu li a:hover {
  background: #f57300;
  color: #fff;
}
#gnav li .sub-menu li a:after {
  content: "\f105";
  float: right;
  font-family: 'FontAwesome';
}
#gnav li .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}


/* ********************************************************************************************************************************************************
* content
*********************************************************************************************************************************************************/
#scroll_cont{
  padding:0;
  position:absolute;
  z-index:0;
  left:0;
  top:120px;
  width:100%;
  clear:both;
  overflow:hidden;
  }


#content {
	margin:0 !important;
	padding:0 !important;
  /* キャプション */
}
#content .wp-caption {
  max-width: 100%;
  border: 1px solid #efefef;
  text-align: center;
  padding: 5px;
}
#content .wp-caption-text {
  padding: 12px 16px;
  margin-bottom: 0;
  text-align: center;
}

body.home #content {
  padding-top: 52px;
}

/* ********************************************************************************************************************************************************
* main
******************************************************************************************************************************************************** */
.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
  margin: 0;
  border:none;
}

.cat-content-area {
  margin-top: 16px;
}

.post-header {
	padding:0;
	margin:0 0 20px !important;
}


.post-title{
	margin:0 0 20px;
	font-size:.22rem;
	clear:both;
	font-weight:bold;
	line-height:1.5;
}

/*投稿一覧用タイトル***********/
.post-title a {
	display:block;
	width:100%;
	border-bottom:1px solid #ccc;
	padding:.09rem 0;
	font-size:.18rem;
}
.post-title a:hover {
  color: #f24e4f;
  text-decoration: none;
}

.cat-content .post-header,
article.page .post-header {
	padding:0 !important;
  margin:0 !important;
}


.cat-content .post-title,
article.page .post-title {
  margin: 0 0 20px !important;
  padding:.01rem .1rem!important;
  border-left:5px solid #232f3e;
  box-sizing:border-box;
  font-weight:bold;
  color:#232f3e;
  font-size:.24rem;
  
}

.post-meta {
  margin:0 0 10px;
  padding: 0;
  border:none;
}
.post-meta li {
  background:none;
  float: none;
  margin:0;
  padding:0;
  font-size:.14rem;
}

.post-thumbnail {
	display:none;
}
.post-thumbnail img {
  float:none;
  display:block;
  margin:0 15px 15px 0;
  padding:0;
  margin:0;
  padding:0;
}

.post-content {
  padding:0 0 30px;
  overflow: hidden;
	clear:both;
}
.post-content *{
	
}
.post-content p {
	overflow:hidden;
	margin:0 0 20px;
	
}
.post-content hr {
  border-bottom: 1px solid #efefef;
  margin: 20px 0;
  clear: both;
}
.post-content ul {
  list-style:none;
  padding:0;
  margin:0 0 20px;
  clear:both;
  overflow:hidden;
}
.post-content ol {
  list-style: decimal;
  margin:0 0 30px;
}
.post-content dl dt {
  font-weight: bold;
  margin-bottom:10px;
}
.post-content dl dd {
	margin:0 0 15px;
	padding:0;
	border:none;
}
.post-content pre {
  padding: 20px;
  overflow: scroll;
  font-family: 'Courier', monospace;
}
.post-content h1 {
  clear: both;
}
.post-content h2 {
	display:block;
	box-sizing:border-box;
	font-size:.16rem;
	font-weight:bold;
	clear: both; 
	overflow:hidden;
	margin:50px 0 15px;
	padding: .07rem .07rem;
	border:1px solid #ccc;
	border-bottom: 2px solid #232f3e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f2f2), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #f2f2f2);
background: -moz-linear-gradient(#fff, #f2f2f2);
background: -o-linear-gradient(#fff, #f2f2f2);
background: -ms-linear-gradient(#fff, #f2f2f2);
background: linear-gradient(#fff, #f2f2f2);
}


.post-content h3 {
  font-size:.16rem;
  color:#232f3e;
  border:none;
  margin:0 0 15px;
  padding:0;
}
.post-content h4{
  font-size:.14rem;
  color:#232f3e;
  border:none;
  margin:0 0 15px;
  padding:0;
}
	


.post-content table {
  border:none;
  width: 100%;
  margin:0 0 15px;
}
.post-content table th,
.post-content table td {
  padding: 5px 10px;
  border: #ccc solid 1px;
}
.post-content table th {
  background:#eee !important;
  vertical-align:middle;
}
 .post-content table th.th_in{
	 background:#F2FDFD !important;
	 
 }
  

.post-content table thead th {
  color: #232f3e;
}
.post-content table tbody th {
  color: #232f3e;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
  border-color: #fff;
}
.post-content table.table-line th {
  background: transparent;
  color: #383838;
  font-weight: bold;
}
.post-content table.table-line thead th {
  background: #5e6265;
  color: #232f3e;
}
.post-content table.table-line tr {
  background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
.post-content img.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.post-content img.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}


.post-cta {
  margin: 0;
  background: #f5f5f5;
  color: #383838;
  border-top: 3px solid #5e6265;
}
.post-cta .post-cta-inner {
  padding: 30px 45px;
}
.post-cta .cta-post-title {
  padding: 40px 45px;
  text-align: center;
  font-size: .18rem;
  margin-bottom: 14px;
  border-bottom: 1px solid #e5e5e5;
}
.post-cta .post-cta-img {
  float: right;
  width: 230px;
  margin: 0 0 20px 30px;
}
.post-cta .post-cta-cont {
  overflow: hidden;
}
.post-cta .post-cta-btn {
  margin: 40px 0 10px;
}
.post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-radius: 3px;
  border-bottom: 5px solid #38bd3e;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 60%;
  margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
.post-cta p {
  margin-bottom: 1em;
}
.post-cta .btn {
  width: 100%;
  display: block;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 14px 0;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
  background: #2581c4;
}
.post-cta .btn:hover {
  text-decoration: none;
  background: #f24e4f;
}

.post-share {
  padding: 0 45px 30px;
  border-top: 1px solid #e5e5e5;
}
.post-share .post-share-fb {
  margin-bottom: 0;
  padding-top: 40px;
  text-align: center;
}
.post-share .post-share-fb > span{
  margin: 0 auto;
}
.post-share .post-share-title {
  font-size: 0.18rem;
  padding: 10px 0;
  margin-bottom: 0;
  color: #fff;
  background-color: #57585A;
  text-align: center;
  margin-left: -45px;
  margin-right: -45px;
}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
  overflow: hidden;
  padding: 30px 0;
  margin-left: -2.08%;
}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
  text-decoration: none;
  font-family: 'Didact Gothic';
  display: block;
  border: 1px #eee solid;
  border-radius: 3px;
  padding: 20px 0;
}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
  text-align: center;
  float: left;
  margin-left: 2.08%;
}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  font-size:.18rem;
}
.post-share .post-share-list1 li {
  width: 97.92%;
}
.post-share .post-share-list2 li {
  width: 47.92%;
}
.post-share .post-share-list3 li {
  width: 31.25%;
  font-size: .12rem;
}
.post-share .post-share-list4 li {
  width: 22.92%;
}
.post-share .post-share-list4 {
  text-align: center;
}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  display: block;
}
.post-share .post-share-list4 .big {
  font-size: .12rem;
}
.post-share .post-share-facebook a:hover {
  color: #305097;
}
.post-share .post-share-twitter a:hover {
  color: #00aced;
}
.post-share .post-share-google a:hover {
  color: #db4a39;
}
.post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

.post-sns {
  border-top: 1px #eee solid;
  margin: 0 -45px -30px;
  padding: 0;
}
.post-sns ul {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.post-sns ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  color: #929292;
  font-size:.12rem;
  text-align: center;
}
.post-sns ul li.post-sns-twitter a:before {
  content: "\f099";
  font-family: FontAwesome;
  font-size: .24rem;
  padding-right: 10px;
}
.post-sns ul li.post-sns-feedly a:before {
  content: "\f09e";
  font-family: FontAwesome;
  font-size: .24rem;
  padding-right: 10px;
}
.post-sns ul li:last-child {
  border-right: none;
  padding: 10px 0;
}
.post-sns ul li:hover {
  background-color: #f7f7f7;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
.post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
.post-sns ul li span {
  font-size: .14rem;
}
.post-sns ul li a {
  width: 100%;
  display: block;
  color: #929292;
  text-decoration: none;
  padding: 24px 0;
}
.post-sns ul li a:hover {
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
.post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

.post-footer {
  border-radius: 0 0 3px 3px;
  padding: 20px 0px 0px;
}
.post-footer ul li {
  display: inline-block;
  vertical-align: top;
}
.post-footer ul li a:hover {
  text-decoration:none;
  color:#febd69;
}
.post-footer .bzb-sns-btn {
  padding: 0 0 64px;
  font-size: 0;
}
.post-footer .bzb-sns-btn li {
  display: inline-block;
  font-size: 0.14rem;
  width: auto;
  vertical-align: top;
}
.post-footer .bzb-sns-btn:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}
.post-footer:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}

.post-footer-list {
  margin: 0 0 40px;
}
.post-footer-list li {
  margin-right: 10px;
}

.post-author {
  border-radius: 3px;
  margin-bottom: 0px;
  padding: 40px 64px;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #383838;
}
.post-author .post-author-img {
  width: 80px;
  float: left;
}
.post-author .post-author-img .inner {
  padding: 0;
}
.post-author a {
  color: #2581c4;
}
.post-author .post-author-meta {
  margin-left: 100px;
}
.post-author .post-author-meta h4 {
  margin: 0 40px 10px 0;
  font-weight: bold;
}

div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
  max-width: 100% !important;
}

/* bzb sns */
.post-header-meta {
  overflow: visible;
}
.post-header-meta:after {
  content: "";
  clear: both;
  display: block;
}

.bzb-sns-btn {
  padding: 0;
  margin: 0;
  font-size: 0;
}
.bzb-sns-btn li {
  display: inline-block;
  vertical-align: top;
  font-size:.14rem;
  width: auto;
  margin:4px;
}
/*
.bzb-sns-btn li.bzb-facebook {
  width: 98px;
}
.bzb-sns-btn li.bzb-facebook span {
  vertical-align: top !important;
}
.bzb-sns-btn li.bzb-twitter {
  width: 93px;
}
.bzb-sns-btn li.bzb-line a, .bzb-sns-btn li.bzb-line img {
  vertical-align: top;
}
*/
.bzb-sns-btn li.bzb-googleplus {
  width: 65px;
}
.bzb-sns-btn li.bzb-pocket {
  width: 86px;
}
.bzb-sns-btn li.bzb-line a img{
  vertical-align: top;
}


.bzb-facebook .fb-like > span {
  vertical-align: top !important;
}

.bzb-twitter {
  width: 92px;
}

.bzb-googleplus {
  width: 80px;
}

.post-header-category {
  float: right;
  width: 300px;
  text-align: right;
  padding: 20px 0 10px;
}

/* comment
******************************************************************************************************************************************************** */
#comments {
  padding: 40px 64px;
}

.comment-list > .comment {
  margin-bottom: 40px;
  border-bottom: 1px #eee solid;
}

.comment-list > .comment > .comment-body {
  padding: 0 20px;
  margin-bottom: 20px;
}

.comment-list .children {
  margin-left: 45px;
}
.comment-list .children .comment-body {
  padding: 20px 30px;
  margin-bottom: 20px;
  background: #f7f7f7;
}

.comment-author {
  float: left;
  vertical-align: top;
  font-size: 0.12rem;
  margin-left: 10px;
}
.comment-author img {
  vertical-align: top;
}

.comment-meta {
  font-size: 0.12rem;
  margin-bottom: 12px;
}

.reply a {
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 0.12rem;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.reply a:before {
  content: '? ';
  font-family: 'FontAwesome';
}
.reply a:hover {
  text-decoration: none;
}

.comment-form-comment label {
  display: none;
}
.comment-form-comment textarea {
  width: 80%;
  margin: 20px 0;
  border-radius: 3px;
}

.form-allowed-tags {
  font-size: 0.12rem;
  margin-bottom: 20px;
  display: none;
}

.comment-meta:after {
  content: ' ';
  display: block;
  clear: both;
}

.comments-title {
  font-size: .24rem;
  padding: 20px 0;
  margin-bottom: 30px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  overflow: hidden;
  margin: 10px 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  width: 15%;
  float: left;
  font-size: 0.12rem;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 40%;
  float: left;
  margin-left: 5%;
  border-radius: 3px;
  padding: 5px;
}

.form-submit #submit {
  width: 300px;
  line-height: 40px;
  border: none;
  border-radius: 3px;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
  cursor: pointer;
}

.comment-form-comment textarea {
  width: 95%;
  padding-left: 2%;
  padding-right: 2%;
}

.comment-form {
  overflow: hidden;
}

.comment-form-author,
.comment-form-email {
  width: 49%;
  margin: 0;
}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
  width: 90%;
  float: none;
  margin: 0 0 10px;
}

.comment-form-author {
  float: left;
}

.comment-form-email {
  float: right;
}

/* loop
******************************************************************************************************************************************************** */
.cat-content {
  background: #fff;
  padding:0;
  margin:0;
}

.post-loop-wrap article {
  width: 100%;
  margin:0 0 40px;
  padding:0;
}
.post-loop-wrap article p {
  margin-top: 0;
}
.post-loop-wrap .post-thumbnail {
	width:auto;
	height:auto;
  margin: 0 20px 20px 0;
  float: left;
}
.post-loop-wrap .post-thumbnail img {
  max-width: 100%;
  height: auto;
}
.post-loop-wrap .post-content {
  width: auto;
  padding: 0 0 42px;
}
.post-loop-wrap .post-footer {
  border-top: 1px #efefef solid;
  padding-top: 10px;
}
.post-loop-wrap .post-footer .bzb-sns-btn {
  padding: 0;
  margin-right: 50px;
  float: left;
}
.post-loop-wrap .post-footer .loop-comment-icon {
  float: right;
}
.post-loop-wrap .post-footer .loop-comment-icon .fa {
  font-size: .16rem;
  margin-right: 5px;
}
.post-loop-wrap .post-footer .loop-comment-icon .share {
  display: none;
}
.post-loop-wrap .post-footer .loop-comment-icon .count {
  font-size:.16rem;
}

.more-link {
  border: 1px #2581c4 solid;
  padding: 12px 24px;
  line-height: 26px;
  margin-bottom: 64px;
  box-sizing: border-box;
  clear: both;
  color: #2581c4;
  font-size: .16rem;
}
.more-link:hover {
  background: #2581c4;
  color: #fff;
  text-decoration: none;
}

/* content-none */
.content-none {
  padding-top: 40px;
}

/* ********************************************************************************************************************************************************
* pagenation
******************************************************************************************************************************************************** */
.pagination {
  margin: 0 0 120px 0;
  padding: 0;
}

.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 12px 18px;
  text-decoration: none;
  width: auto;
  border:1px solid #232f3e;
}

.pagination a:hover {
  background: #232f3e;
  color:#fff;
}

.pagination .current {
  padding: 12px 18px;
  background: #232f3e;
  color:#fff;
}

/* *****************************
side
****************************************************** */
.side-widget-area {
  padding: 0;
}

.side-widget {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: .14rem;
}
.side-widget .s-title {
  margin: 0;
  padding:10px;
  width:100%;
  display:block;
  background:#232f3e;
  
}
.side-widget .s-title{
  color:#febd69;
  font-weight:bold;
  font-size:.14rem;
}
.side-widget ul{
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}
.side-widget ul li {
	border:none;
	margin:0;
	padding:0;
}

.side-widget ul li a{
  padding: 8px 0 8px 10px;
	border:1px solid #ccc;
	border-bottom:none;
	display:block;
	width:100%;
	background:#fff;
}
.side-widget ul li a:hover{
	color:#FF6600;
	
}



/*サイドメニューをidごとにデザイン分け****************************************/
#nav_menu-4.side-widget ul li a{
	background:#f4f4f4;
	color:#666;
} 
#nav_menu-4.side-widget ul li a:hover{
	color:#666;
} 
#nav_menu-4.side-widget ul.sub-menu li a{
	color:#666;
	background:#fff;
} 
#nav_menu-4.side-widget ul.sub-menu li a:before{
	color:#666;
	background:#fff;
  content: "\f105";
  font-family: 'FontAwesome';
  margin-right:10px;
} 
#nav_menu-4.side-widget ul.sub-menu li a:hover{
	color:#FF6600;
} 

#nav_menu-10.side-widget ul li a{
	background:#f4f4f4;
	color:#666;
} 
#nav_menu-10.side-widget ul li a:hover{
	color:#666;
} 
#nav_menu-10.side-widget ul.sub-menu li a{
	color:#666;
	background:#fff;
} 
#nav_menu-10.side-widget ul.sub-menu li a:before{
	color:#666;
	background:#fff;
  content: "\f105";
  font-family: 'FontAwesome';
  margin-right:10px;
} 
#nav_menu-10.side-widget ul.sub-menu li a:hover{
	color:#FF6600;
} 


#nav_menu-5 #menu-side-category,
#nav_menu-6 #menu-side-category,
#nav_menu-11 #menu-side-category,
#nav_menu-12 #menu-side-category{
	border:none;
}

#nav_menu-5 ul li,
#nav_menu-6 ul li,
#nav_menu-11 ul li,
#nav_menu-12 ul li{
	border:none;
	padding:0;
	margin:0 0 15px;
}
#nav_menu-5 ul li a,
#nav_menu-6 ul li a,
#nav_menu-11 ul li a,
#nav_menu-12 ul li a{
	border:none;
	padding:0;
	margin:0;
}

/*ここまで****************************************************/




.side-widget ul li ul.sub-menu{
	border-bottom:none;
}
.side-widget ul li ul.sub-menu li a{
  padding: 8px 0 8px 16px;
	border:1px solid #ccc;
	border-bottom:none;
  margin:0;
	display:block;
	width:100%;
	background:#fff;
}
.side-widget ul li ul.sub-menu li a:hover{
	color:#FF6600;
}

.side-widget .s-title {
  font-size: .14rem;
}
.side-widget a {
  color: #5e6265;
  text-decoration: none;
}
.side-widget a:hover {
  color: #2581c4;
}
.side-widget.widget_recent_comments a {
  background: none;
}
.side-widget .post-date {
  margin: 0 0 0 36px;
  font-size:.14rem;
  color: #999999;
}

#views-2 ul li span {
  margin: 0 0 0 36px;
  font-size:0.10rem;
  color: #999999;
}

.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {
  color: #5e6265;
  text-decoration: none;
  padding-left: 36px;
  display: block;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {
  color: #2581c4;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

/* comment */
.recentcomments {
  color: #808080;
  font-size:.14rem;
}
.recentcomments a {
  color: #383838;
  font-size:.14rem;
}



/* follow */
#side .share-list-wrap {
  margin: 0 -20px 20px;
  background: #f9f9f9;
  padding: 20px;
}
#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
  overflow: hidden;
  margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
  float: left;
  width: 24%;
  margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
  border-radius: 100%;
  background: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  font-size:.22rem;
  color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
  display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

/* author */
#side-author {
  overflow: hidden;
  font-size: .14rem;
}
#side-author h4 {
  padding: 12px 0;
  margin-bottom: 20px;
  font-size: .14rem;
}
#side-author .side-author-img {
  float: left;
  width: 100px;
}
#side-author .side-author-meta {
  float: right;
  width: 180px;
}

/* *********************************** footer************************************************************************************************* */
#footer {
  
  background: #131a22;
  display:block;
}

#f_inner{
	max-width:1000px;
	margin:0 auto;
	padding:50px 0;
	clear:both;
	display:block;
}

#f_inner .f-rogo{
	float:left;
	margin:0 30px 15px 0;
}


#footer a {
  color: #fff;
}
#footer a:hover {
  color: #febd69;
  text-decoration:none;
}
#footer .post-share {
  padding-right: 0;
  padding-left: 0;
}

#footer-01 {
  background:none;
  border:none;
  width:auto;
  display:block;
  margin:15px 0 0;
  padding:0;
  float:left;
}
#footer-01 ul {
  margin:0;
  padding:0;
}
#footer-01 ul li {
  display: inline-block;
  margin-right: 20px;
  font-size:0.12rem;
}
#footer-01 ul li a{
  font-size:0.12rem;
}


#footer-02 {
	clear:both;
	padding:15px 0;
	margin:15px 0;
  background:none;
  border-top: 1px #efefef solid;
}
#footer-02 .footer-copy {
  text-align:left;
  font-size: 0.12rem;
  color:#fff;
}

/* ********************************************************************************************************************************************************
* LP
******************************************************************************************************************************************************** */
.single-lp {
  padding: 40px 0;
}
.single-lp .lp-wrap {
  width: 1157px;
  border: 1px solid #efefef;
  margin: 0 auto;
  background: #fff;
  padding: 45px 0;
}
.single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  float: right;
  margin: 0 0 13px 13px;
  border: 1px #ccc solid;
}
.single-lp .lp-thumbnail img {
  vertical-align: top;
}
.single-lp .post-content {
  padding: 0;
  overflow: hidden;
}
.single-lp #lp-header {
  background: #fff;
  padding: 0 56px;
}
.single-lp #lp-header h1 {
  font-size:.20rem;
  color: #2581c4;
  padding-bottom: 35px;
  border-bottom: 1px solid #efefef;
}
.single-lp #content {
  padding: 40px 56px;
  overflow: hidden;
}
.single-lp #main {
  width: 100%;
}
.single-lp .main-inner {
  overflow: hidden;
  margin-right: 350px;
}
/* one-column */
.one-column.single-lp #main{
  float: none;
}
.one-column.single-lp .main-inner {
  margin-left: 0;
  margin-right: 0;
}
.one-column.single-lp #side{
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.single-lp #side {
  width: 330px;
  margin-left: -330px;
}
.single-lp.right-content #side {
  width: 330px;
  margin-left: -100%;
}
.single-lp.right-content .main-inner{
  margin-left: 350px;
  margin-right: 0;
}
.single-lp .post-footer {
  padding: 20px 0;
}
.single-lp .lp-form {
  background: #494c4e;
  color: #fff;
  padding: 30px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.single-lp .lp-form h3{
  font-weight: bold;
  font-size: .16rem;
  margin-bottom: 12px;
}
.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {
  width: 90%;
  padding: 10px 5%;
  border: none;
}
.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {
  width: 100%;
  padding: 10px 0;
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
  -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s;
  border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {
  background: #6ed472;
}
.single-lp .lp-form dl {
  margin-bottom: 13px;
}


/* front-page.php用****************************************************************************************************************** */
#main_img{
	margin:0 auto !important;
	width:100%;
	display:block;
	overflow:hidden;
	clear:both;
}
.metaslider .flex-viewport {
overflow: visible !important;
}



#fp section{
	max-width:1000px;
	margin:0 auto;
	padding:60px 0;
	clear:both;
	overflow:hidden;
	box-sizing:border-box;
	
}


#fp #index00{
	margin:0;
}
#fp #index00 h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 30px;
}

#fp #index00 section dl{
	clear:both;
	overflow:hidden;
}
#fp #index00 section dt{
	float:left;
	
}
#fp #index00 section video{
	max-width:460px;
	border:3px solid #fff;
	box-shadow:0px 0px 5px 0px #cfcfcf;
	border-radius:6px;
	box-sizing:border-box;

}
#fp #index00 section dl dd{
	max-width:100%;
	float:right;
	font-size:.18rem;
	line-height:.30rem;
	box-sizing:border-box;
	vertical-align:top;
	padding:0 0 0 40px;
}
#fp #index00 section dd span{
	margin:40px 0 0;
	border:1px solid #fff;
	background:#febd69;
	border-radius:6px;
	display:block;
}
#fp #index00 section dd span a{
	color:#232f3e;
	font-size:.2rem;
	width:100%;
	text-decoration:none;
	padding:10px 15px;
	display:block;
	text-align:center;
}
#fp #index00 section dd span a:before{
  content: "\f0e0";
  font-family: 'FontAwesome';
  margin-right:10px;
	
}





#fp #t-menu{
	clear:both;
	overflow:hidden;
	margin:0;
	background:url("../../../wp-images/2017/11/service_s.jpg") top center no-repeat #fcfcfc;
	background-size:cover;
	
}
#fp #t-menu h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 30px;
	width:100%;
	
	
}
#fp #t-menu h2 span{
	display:block;
	font-size:.1rem;
}


#fp #t-menu .top-bnr{
	max-width:1000px;
	margin:0 auto;
}
#fp #t-menu .top-bnr ul{
	clear:both;
	overflow:hidden;
}

#fp #t-menu .top-bnr ul li{
	box-sizing:border-box;
	display:block;
	float:left;
	border-radius:4px;
	width:32%;
	margin:0 1.33333% 1.33333% 0;
	position: relative;
	padding:1%;
	border-radius:6px;
	border:1px solid #cccccc;
	background:#fff;
}

#fp #t-menu .top-bnr ul li:nth-child(3n){
	margin:0 0 1.3333% 0;
}


#fp #t-menu .top-bnr ul li a{
	margin:0;
	padding:0;	
	clear:both;
	overflow:hidden;
}
#fp #t-menu .top-bnr ul li a img{
	width:48%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
	border:1px solid #ccc;
	border-radius:3px;
}
#fp #t-menu .top-bnr ul li a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


#fp #t-menu .top-bnr ul li a span{
	position:absolute;
	top: 50%;
    margin: -0.08rem 0 0 0;
	width:50%;
	box-sizing:border-box;
}
#fp #t-menu .top-bnr ul li a:hover span{
	color:#FF6600;

}




#fp #index_w{
	clear:both;
	overflow:hidden;
}

#fp #index_w h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 30px;
}
#fp #index_w h2 span{
	display:block;
	font-size:0.1rem;
}

#fp #index_w ul{
	box-sizing:border-box;
	clear:both;
	overflow:hidden;
	max-width:1000px;
}

#fp #index_w ul li{
	box-sizing:border-box;
	float:left;
	width:25%;
	padding:10px;
}

#fp #index_w ul li img{
	width:100%;
	margin:0 auto;
}

#fp #index02{
	clear:both;
	overflow:hidden;
	background:url("../../../wp-images/2017/11/delivery_s.jpg") bottom center no-repeat;
	background-size:cover;
	
	
}
#fp #index02_inner{
	max-width:600px;
	box-sizing:border-box;
	margin:0 auto;
	padding:40px 60px;
	border-radius:10px;
	clear:both;
	overflow:hidden;
	background:#fff;
	filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
}


#fp #index02 h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 40px;
	
}
#fp #index02 h2 span{
	display:block;
	font-size:0.1rem;
}
#fp #index02 h3 a{
	display:block;
	font-size:.2rem;
	padding:0 0 20px;
}



#fp .top_btn a{
	color:#232f3e;
	font-size:.20rem;
	text-decoration:none;
	padding:10px 15px;
	display:block;
	text-align:center;
	margin:40px 0 0;
	border:1px solid #fff;
	background:#febd69;
	border-radius:6px;
	display:block;
}


#fp .w_btn a{
	background:#232f3e;
	color:#febd69;
}



#fp #index03{
	background:#232f3e;
	clear:both;
	overflow:hidden;
	width:100%;	
}
#fp #index03l{
	float:left;
	width:49%;
	margin:0 2% 0 0
}
#fp #index03r{
	float:right;
	width:49%;
	
}
#fp #index03 h2{
	color:#febd69;
	font-size:.3rem;
	text-align:center;
	padding:0 0 30px;
	
}
#fp #index03 h2 span{
	display:block;
	font-size:0.1rem;
	color:#febd69;
}

#fp #index03l_in{
	border:1px solid #ccc;
	background:#fff;
	height:400px;
	padding:15px;
	box-sizing:border-box;
	
}
#fp #index03l ul{
	height:330px;
	overflow:auto;
	
}
#fp #index03l ul li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
#fp #index03l ul li span{
	color:#232f3e;
	display:block;
}


#fp #index03l_in p a{
	width:100%;
	text-align:center;
	padding:5px;
	background:#fcfcfc;
	border:1px solid #ccc;
	color:#333;
	display:block;
	font-size:.16rem;
	text-decoration:none;
}
  


/*insatsu/booklet/********************************************************************************** */

div#booklet_ank{
	width:100%;
}

#b_ank{
	clear:both;
	overflow:hidden;
}
#b_ank li{
	width:19%;
	float:left;
	margin:0 1.25% 0 0; 
}
#b_ank li:last-child{
	margin:0;
}
#b_ank li a{
	border:1px solid #ccc;
	text-align:center;
	border-radius:5px;
	display:block;
	color:#232f3e;
	width:100%;
	padding:5px 0;
	text-decoration:none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #e6e6e6);
	background: -moz-linear-gradient(#fff, #e6e6e6);
	background: -o-linear-gradient(#fff, #e6e6e6);
	background: -ms-linear-gradient(#fff, #e6e6e6);
	background: linear-gradient(#fff, #e6e6e6);
}
#b_ank li a:hover{
	background:#232f3e;
	color:#febd69;
	
}
	
	

div#book4 ul{
	list-style:none;
	border:1px solid #ccc;
	width:100%;
	box-sizing:border-box;
	padding:0 20px;
}
div#book4 ul li{
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding:20px 0;
}
div#book4 ul li:last-child{
	border:none;
}


div#book4 ul li img{
	float:left;
	margin:0 20px 0 0;
	padding:0;
}

div#book4 ul li dl{
	float:left;
	margin:0;
	padding:0;
}

div#book4 ul li dl dt{
	margin:0;
	padding:0;
}

div#book4 ul li dl dd{
	border:none;
}




/*insatsu/flyer/用****************************************************************************************** */

.p-size{
		float:left;width:295px;margin-right:20px}

.p-size .p-a{
	width:295px;height:417px;margin:0 0 10px;position:relative;background:url("img/a-size.png") 0 0 no-repeat;
	}

.p-size .p-a a:link.s-a3,
.p-size .p-a a:visited.s-a3{
	display:block;position:absolute;top:0;left:0;height:209px;width:295px;
	}
.p-size .p-a a:link.s-a3:hover,
.p-size .p-a a:visited.s-a3:hover{
	background:url("img/a-size.png") 0 -417px no-repeat;
	}

.p-size .p-a a:link.s-a4,
.p-size .p-a a:visited.s-a4{
	display:block;position:absolute;top:208px;left:0px;height:209px;width:147px;
	}
.p-size .p-a a:link.s-a4:hover,
.p-size .p-a a:visited.s-a4:hover{
	background:url("img/a-size.png") 0px -625px no-repeat;
	}


.p-size .p-a a:link.s-a5,
.p-size .p-a a:visited.s-a5{
	display:block;position:absolute;top:208px;left:147px;height:105px;width:147px;
	}
.p-size .p-a a:link.s-a5:hover,
.p-size .p-a a:visited.s-a5:hover{
	background:url("img/a-size.png") -147px -625px no-repeat;
	}


.p-size .p-a a:link.s-a6,
.p-size .p-a a:visited.s-a6{
	display:block;position:absolute;top:313px;left:147px;height:105px;width:73px;
	}
.p-size .p-a a:link.s-a6:hover,
.p-size .p-a a:visited.s-a6:hover{
	background:url("img/a-size.png") -147px -730px no-repeat;
	}

.p-size .p-a a:link.s-a7,
.p-size .p-a a:visited.s-a7{
	display:block;position:absolute;top:313px;left:221px;height:52px;width:73px;
	}
.p-size .p-a a:link.s-a7:hover,
.p-size .p-a a:visited.s-a7:hover{
	background:url("img/a-size.png") -221px -730px no-repeat;
	}


/* Bサイズ用-----------------------------------------------------------------------------------------------------------------*/


.p-size .p-b{
	width:295px;height:417px;margin:0 0 10px;position:relative;background:url("img/b-size.png") 0 0 no-repeat;
	}

.p-size .p-b a:link.s-b3,
.p-size .p-b a:visited.s-b3{
	display:block;position:absolute;top:0;left:0;height:209px;width:295px;
	}
.p-size .p-b a:link.s-b3:hover,
.p-size .p-b a:visited.s-b3:hover{
	background:url("img/b-size.png") 0 -417px no-repeat;
	}

.p-size .p-b a:link.s-b4,
.p-size .p-b a:visited.b-a4{
	display:block;position:absolute;top:208px;left:0px;height:209px;width:147px;
	}
.p-size .p-b a:link.s-b4:hover,
.p-size .p-b a:visited.s-b4:hover{
	background:url("img/b-size.png") 0px -625px no-repeat;
	}

.p-size .p-b a:link.s-b5,
.p-size .p-b a:visited.s-b5{
	display:block;position:absolute;top:208px;left:147px;height:105px;width:147px;
	}
.p-size .p-b a:link.s-b5:hover,
.p-size .p-b a:visited.s-b5:hover{
	background:url("img/b-size.png") -147px -625px no-repeat;
	}


.p-size .p-b a:link.s-b6,
.p-size .p-b a:visited.s-b6{
	display:block;position:absolute;top:313px;left:147px;height:105px;width:73px;
	}
.p-size .p-b a:link.s-b6:hover,
.p-size .p-b a:visited.s-b6:hover{
	background:url("img/b-size.png") -147px -730px no-repeat;
	}


.p-size .p-b a:link.s-b7,
.p-size .p-b a:visited.s-b7{
	display:block;position:absolute;top:313px;left:221px;height:52px;width:73px;
	}
.p-size .p-b a:link.s-b7:hover,
.p-size .p-b a:visited.s-b7:hover{

	background:url("img/b-size.png") -221px -730px no-repeat;
	}


.p-size .p-b a:link.s-b8,
.p-size .p-b a:visited.s-b8{
	display:block;position:absolute;top:364px;left:221px;height:52px;width:36px;
	}
.p-size .p-b a:link.s-b8:hover,
.p-size .p-b a:visited.s-87:hover{

	background:url("img/b-size.png") -221px -782px no-repeat;
	}
	
	

.p-a a:hover, .p-b a:hover{
    -webkit-transition: background 0s ease;
            transition: background 0s ease;
}


/*insatsu/card/用******************************************************************************************************** */
#card00, #card01, #card02, #card03, #card04, #card05, #card06, #card07, #card08{
	clear:both;
	overflow:hidden;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
#card00{
	width:100%;
}

#card00 ul{
	clear:both;
	overflow:hidden;
	margin:0 0 30px;
	padding:0;
	box-sizing:border-box;
}


#card00 ul li{
	list-style:none;
	float:left;
	width:14%;
	box-sizing:border-box;
	margin:0 0.3333% 0 0;
}
#card00 ul li:last-child{
	margin:0 0 0 0;
}
#card00 ul li a{
	padding:10px 0;
	margin:0 5px 0 0;
	border:1px solid #ccc;
	text-align:center;
	color:#333;
	font-weight:bold;
	display:block;
	font-size:.11rem;
	line-height:.14rem !important;
	box-sizing:border-box;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #e6e6e6);
	background: -moz-linear-gradient(#fff, #e6e6e6);
	background: -o-linear-gradient(#fff, #e6e6e6);
	background: -ms-linear-gradient(#fff, #e6e6e6);
	background: linear-gradient(#fff, #e6e6e6);

	
}
#card00 ul li a:hover{
	text-decoration:none;
	color:#febd69;
	background:#232f3e;
}


#card01 ul{
	clear:both;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	list-style:none;
	margin:0;
	padding:0;
}
#card01 ul li{
	width:50%;
	display:block;
	box-sizing:border-box;
	float:left;
	padding-right:10px;
	margin:0;
}
#card01 ul li:nth-child(even){
	padding-right:0;
}
#card01 ul li dl{
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
	background:#fcfcfc;
	padding:15px;
	margin:0 0 10px;
	border-radius:5px;
}
#card01 ul li dl dt {
	font-size:.18rem !important;
	padding:0;
	display:block;
	vertical-align:-0.2rem!important;
	clear:both;
	
}
#card01 ul li dl dt span{
	display:block;
	float:left;
	color:#fff;
	background:#F60;
	border-radius:20px;
	padding:0 .1rem;
	margin-right:8px;
	font-size:.12rem;
}

#card01 ul li dl dd{
	font-size:.12rem;
	border:none;
	margin:0;
	padding:0;
}


#card02-1 ul{
	clear:both;
	overflow:hidden;
}
#card02-1 ul li{
	width:49%;
	float:left;
	margin:0 2% 0 0;
}
#card02-1 ul li:last-child{
	margin:0 0 0 0;
}
#card02-1 ul li span{
	display:block;
	background:#333;
	color:#fff;
	text-align:center;
}

#card02-2 img,
#card02-3 img{
	float:left;
	margin:0 15px 15px 0;
}



#card03 table {
	width:100%;
	box-sizing:border-box;
}

#card04 table th{
	text-align:center;
}
#card04 table th br{
	display:none;
}
#card04 table td{
	text-align:right;
}


#card05{
	width:100%;
}
#card05 li{
	
  position: relative;
  display: inline-block;
  margin: .5em 0;
  padding: 0px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 1px #ccc;
  box-sizing: border-box;
  border-radius:10px;
}
	
#card05 li:before{
  content: "";
  position: absolute;
  bottom: -28px;
  left:15%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 14px solid #fff;
  z-index: 2;
	
}
#card05 li:after{
  content: "";
  position: absolute;
  bottom: -29px;
  left:15%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 14px solid #ccc;
  z-index: 1;
}

#card05 li:last-child:before{
	border:none !important;
}
#card05 li:last-child:after{
	border:none !important;
}


#card05 li dl{
	clear:both;
	overflow:hidden;
	width:100%;
	font-size:.14rem;
	box-sizing:border-box;
	padding:0;
	margin:0;
}

#card05 li dl dt{
	font-size:.16rem;
	font-weight:bold;
	vertical-align:bottom;
	border-radius:9px 9px 0 0;
	width:100%;
	padding:.04rem .1rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e3e3e3), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #e3e3e3);
background: -moz-linear-gradient(#fff, #e3e3e3);
background: -o-linear-gradient(#fff, #e3e3e3);
background: -ms-linear-gradient(#fff, #e3e3e3);
background: linear-gradient(#fff, #e3e3e3);

}
#card05 li dl dt span{
	font-weight:bold;
	margin:0 .1rem 0 0;
	font-size:.16rem;
}

#card05 li dl dd{
	margin:10px;
}




/*special・ラミネート     ************************************************************************************************ */


#sp_p table th{
	width:17%;
}


/*mov_ctt 動画ページ     ************************************************************************************************ */

#mov_ctt .mov01{
	clear:both;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	
}
#mov_ctt .mov01 li{
	width:32%;
	float:left;
	border:1px solid #ccc;
	font-weight:bold;
	margin:0 2% 2% 0;
	box-sizing:border-box;
	padding:.1rem;
	border-radius:5px;
}
#mov_ctt .mov01 li:nth-child(3n) {
	margin:0 0 2% 0;
}
#mov_ctt ul.mov01 li:after{
	content:" ";
  content: "\f054";
  font-family: 'FontAwesome';
  float:right;
  color:#FF9900;
}
#mov_ctt .mov01 li:last-child:after{
	content:" ";
}

#mov_ctt .mov02{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:20px;
	border:1px solid #ccc;
	border-radius:5px;
	font-size:.18rem;
	line-height:.35rem !important;
}
#mov_ctt .mov02 img{
	float:left;
	width:150px;
	margin:0 20px 0 0;
}
	



/*cddvd用**************************************************************************************************************************** */
#cddvd00{
	clear:both;
	overflow:hidden;
}

#cddvd ul.cddvd_wng {
	border:1px solid #ccc;
	padding:20px;
	box-sizing:border-box;	
}
#cddvd ul.cddvd_wng li{
	margin:0 0 10px 0 ;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
#cddvd ul.cddvd_wng li:last-child{
	border:none;
}


#cddvd00 ul{
	clear:both;
	overflow:hidden;
	margin:0 0 30px;
	padding:0;
	box-sizing:border-box;
	width:100%;
}


#cddvd00 ul li{
	list-style:none;
	float:left;
	width:20%;
	box-sizing:border-box;
}
#cddvd00 ul li a{
	padding:10px 0;
	margin:0 5px 0 0;
	border:1px solid #ccc;
	text-align:center;
	color:#333;
	font-weight:bold;
	display:block;
	font-size:.13rem;
	box-sizing:border-box;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #e6e6e6);
	background: -moz-linear-gradient(#fff, #e6e6e6);
	background: -o-linear-gradient(#fff, #e6e6e6);
	background: -ms-linear-gradient(#fff, #e6e6e6);
	background: linear-gradient(#fff, #e6e6e6);
	line-height:.14rem !important;

	
}
#cddvd00 ul li:last-child a{
	margin:0;
}
#cddvd00 ul li a:hover{
	background:#232f3e;
	color:#febd69;
	text-decoration:none;
}

	
#cddvd01, #cddvd02, #cddvd03, #cddvd04, #cddvd05, #cddvd06{
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
}
	
#cddvd h3.dvd_t{
	font-size:.16rem;
	font-weight:bold;
	color:#232f3e;
	margin:0;
    position: relative;
	background-image:none !important;
}
#cddvd h3.dvd_t:before{
	content: url("../../../wp-images/2017/11/dvd_icon.png");
    position: relative;
	margin:0;
	padding:0;
	background:none !important;
	
}
#cddvd h3.dvd_t:after{
  position: absolute !important;
 bottom: 0;
  left: 0;
  z-index: -1!important;
  content: "test";
  width: 100%;
  height:0.32rem;
  display:block;
  background: #ccc !important;
	
}
	
#cddvd h3.cd_t{
	font-size:.16rem;
	font-weight:bold;
	color:#232f3e;
	margin:0;
    position: relative;
	background-image:none !important;
}
#cddvd h3.cd_t:before{
	content: url("../../../wp-images/2017/11/cd_icon.png");
    position: relative;
	margin:0;
	padding:0;
	background:none !important;
	
}





#cddvd04 {
	display:inline-block;
}


#cddvd05 dl{
	border:1px solid #ccc;
	padding:20px;
	box-sizing:border-box;
}
#cddvd05 dl dt{
	font-size:.18rem;
	margin:0 0 15px 0;
}

#cddvd05 dl dd{
	margin:0 !important;
	padding:0 !important;
}
#cddvd05 dl dd ul {
	clear:both;
	overflow:hidden;
	marign:0 !important;
	padding:0 !important;
}
#cddvd05 dl dd ul li{
	display:inline-block;
	margin:0 20px 0 0;
	font-size:.2rem;
	font-weight:bold;
}
#cddvd05 dl dd p{
	margin:0;
	line-height:.2rem;
	
}


#cddvd05 dl dd ul li.cd-t:before{
  content: "\f098";
  font-family: 'FontAwesome';
  margin-right:10px;
	
}
#cddvd05 dl dd ul li.cd-f:before{
  content: "\f1ac";
  font-family: 'FontAwesome';
  margin-right:10px;
	
}
#cddvd05 dl dd a{
	font-size:.2rem;
	font-weight:bold;
}

#cddvd05 dl dd a:before{
  content: "\f0e0";
  font-family: 'FontAwesome';
  margin-right:10px;
	
}






#cddvd_flow{
	width:100%;
}
#cddvd_flow li{
	
  position: relative;
  display: inline-block;
  margin: .5em 0;
  padding: 0px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 1px #ccc;
  box-sizing: border-box;
  border-radius:10px;
}
	
#cddvd_flow li:before{
  content: "";
  position: absolute;
  bottom: -28px;
  left:15%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 14px solid #fff;
  z-index: 2;
	
}
#cddvd_flow li:after{
  content: "";
  position: absolute;
  bottom: -29px;
  left:15%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 14px solid #ccc;
  z-index: 1;
}

#cddvd_flow li:last-child:before{
	border:none !important;
}
#cddvd_flow li:last-child:after{
	border:none !important;
}


#cddvd_flow li dl{
	clear:both;
	overflow:hidden;
	width:100%;
	font-size:.14rem;
	box-sizing:border-box;
	padding:0;
	margin:0;
}

#cddvd_flow li dl dt{
	font-size:.16rem;
	font-weight:bold;
	vertical-align:bottom;
	border-radius:9px 9px 0 0;
	width:100%;
	padding:.04rem .1rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e3e3e3), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #e3e3e3);
background: -moz-linear-gradient(#fff, #e3e3e3);
background: -o-linear-gradient(#fff, #e3e3e3);
background: -ms-linear-gradient(#fff, #e3e3e3);
background: linear-gradient(#fff, #e3e3e3);

}
#cddvd_flow li dl dt span{
	font-weight:bold;
	margin:0 .1rem 0 0;
	font-size:.16rem;
}

#cddvd_flow li dl dd{
	margin:10px;
}




#cddvd06 th{
	font-size:.14rem;
	font-weight:bold;
	vertical-align:top;
	background:#232f3e !important;
	padding:.04rem .15rem;
	color:#fff;

}

#cddvd06 td dl dt{
	box-sizing:border-box;
	float:left;
	width:100px;
	padding:15px;
}
#cddvd06 td dl dd{
	float:left;
	max-width:540px;
	padding:15px;
}


#cddvd07 ul{
	box-sizing:border-box;
	width:100%;
	clear:both;
	margin:0 0 30px;
}
#cddvd07 ul li{
	width:49%;
	margin:0 2% 0 0;
	float:left;
}
#cddvd07 ul li:last-child{
	margin:0 0 0 0;
}
#cddvd07 ul li a{
	border:1px solid #ccc;
	background:#f9f9f9 !important;
	padding:5px 15px;
	margin:0;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	font-size:.14rem;
	display:block;
	width:100%;
	border-radius:5px;
	clear:both;
	overflow:hidden;
	line-height:40px !important;
}
#cddvd07 ul li a:before{
  content: "\f138";
  font-family: 'FontAwesome';
  margin-right:10px;
}
#cddvd07 ul li a img{
	float:right;
	margin:0;
	padding:0;
}

#cddvd08 dl{
	border:1px solid #ccc;
	padding:20px;
	box-sizing:border-box;
	clear:both;
	overflow:hidden;
}
#cddvd08 dl dt{
	font-size:.18rem;
	float:left;
	margin:0 20px 0 0;
}
#cddvd08 dl dd{
	float:left;
	font-size:.14rem;
	margin:0;
	padding:0;
}
	
	




/*jacket　ページ  *************************** */
	
#jacket01 ul li dl{
	clear:both;
	overflow:hidden;
}
	
#jacket01 ul li dt{
	width:50%;
	display:block;
	float:left;
}
#jacket01 ul li dd{
	border:1px solid #ccc;
	background:#f3f3f3;
	padding:3px 10px;
	border-radius:5px;
	display:table-cell;
	text-decoration:none;
	color:#232f3e;
	width:50%;
}
#jacket01 ul li dd img{
	width:22px;
	margin:0 5px 0 0;
}
#jacket02{
}


#jacket03 ul{
	width:100%;
	clear:both;
	margin:0 0 30px;
}
#jacket03 ul li{
	width:49%;
	margin:0 2% 0 0;
	float:left;
}
#jacket03 ul li:last-child{
	margin:0 0 0 0;
}
#jacket03 ul li a{
	border:1px solid #ccc;
	background:#f9f9f9 !important;
	padding:5px 15px;
	margin:0;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	font-size:.14rem;
	display:block;
	width:100%;
	border-radius:5px;
	clear:both;
	overflow:hidden;
	line-height:40px !important;
}
#jacket03 ul li a:before{
  content: "\f138";
  font-family: 'FontAwesome';
  margin-right:10px;
}
#jacket03 ul li a img{
	float:right;
	margin:0;
	padding:0;
}

/*商品発送代行  *************************** */

#agency2 ul li{
	display:table;
	float:left;
	width:32%;
	background:#febd69;
	border-radius:4px;
	margin:0 1.3333% 1.3333% 0;
	padding:5px;
}

#agency2 ul li span.sh1{
	display:table-cell;
	vertical-align:middle;
	font-size:.14rem;
	text-align:center;
	color:#232f3e;
	font-weight:bold;
}

span.smin{
	font-size:.10rem;
	font-weight:normal;
	font-weight:bold;
	color:#232f3e;
}


#agency3 ul li{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px dotted #ccc;
}
#agency3 ul li:last-child{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:none;
}

#agency4 ul li{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px dotted #ccc;
}
#agency4 ul li:last-child{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:none;
}

/*商品管理  *************************** */


#storage2 {
	width:100%;
}
#storage2 li{
	
  position: relative;
  display: inline-block;
  margin: .5em 0;
  padding: 0px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 1px #ccc;
  box-sizing: border-box;
  border-radius:10px;
}
	
#storage2 li:before{
  content: "";
  position: absolute;
  bottom: -28px;
  left: 15%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 14px solid #fff;
  z-index: 2;
	
}
#storage2 li:after{
  content: "";
  position: absolute;
  bottom: -29px;
  left: 15%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 14px solid #ccc;
  z-index: 1;
}

#storage2 li:last-child:before{
	border:none !important;
}
#storage2 li:last-child:after{
	border:none !important;
}


#storage2 li dl{
	clear:both;
	overflow:hidden;
	width:100%;
	font-size:.14rem;
	box-sizing:border-box;
	padding:0;
	margin:0;
}

#storage2 li dl dt{
	font-size:.14rem;
	font-weight:bold;
	vertical-align:bottom;
	width:100%;
	padding:.04rem .2rem;
	border-radius:9px 9px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e3e3e3), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #e3e3e3);
background: -moz-linear-gradient(#fff, #e3e3e3);
background: -o-linear-gradient(#fff, #e3e3e3);
background: -ms-linear-gradient(#fff, #e3e3e3);
background: linear-gradient(#fff, #e3e3e3);

}

#storage2 li dl dd{
	padding:10px 20px;
}


#storage table.st_pri th{
	background:#D6E9E6;
	font-size:.16rem;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	padding:5px;
}
#storage .st_pri td{
	font-size:.24rem;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	padding:5px;
}

#storage .st_pri td span.ypm{
	font-size:.14rem;
	font-weight:normal;
	margin:0 5px;
}



/*業務委託ページ  *************************** */


#busi-c1{
	width:100%;
}
#busi-c1{
	clear:both;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
}
#busi-c1 li{
	box-sizing:border-box;
	display:block !important;
	width:49% !important;
	float:left;
	margin:0 2% 2% 0;
}
#busi-c1 li:nth-child(2n){
	margin:0 0 2% 0;
}
#busi-c1 li span{
	font-weight:bold;
	display:block !important;
	width:100%;
	padding:.07rem .10rem;
}
#busi-c1 li span:before{
  content: "\f046";
  font-family: 'FontAwesome';
  margin:2px 10px 0 0;
  font-size:.24rem;
  line-height:.2rem;
  display:block;
  width:20px;
  float:left;
  color:#F60;
}
	


/*design用**************************************************************************************************************************** */

#design1{
	clear:both;
	overflow:hidden;
	width:100%;
}
#design1 ul{
}
#design1 li span{
	float:left;
	width:50%;
	font-weight:bold;
	display:block !important;
	padding:.05rem .10rem;
}
#design1 li span:before{
  content: "\f046";
  font-family: 'FontAwesome';
  margin:2px 10px 0 0;
  font-size:.24rem;
  line-height:.2rem;
  display:block;
  width:20px;
  float:left;
  color:#F90;
}
	
	
	
	
/*ebook用**************************************************************************************************************************** */

#ebook1 dl{
	clear:both;
	overflow:hidden;
}
#ebook1 dl dt{
	float:left;
	display:block;
	width:30%;
}
#ebook1 dl dd{
	float:left;
	width:70%;
	display:block;
	padding:0 20px;
}


#ebook2 ul.ebook2a{
	width:100%;
	clear:both;
	overflow:hidden;
}
#ebook2 ul.ebook2a li{
	width:24%;
	float:left;
	box-sizing:border-box;
	border:1px solid #ccc;
	background:#f7f7f7;
	border-radius:5px;
	margin:0 1.3333% 1.3333% 0;
	display:block;
	padding:0;
}
#ebook2 ul.ebook2a li:nth-child(4n){
	margin:0 0 1.3333% 0;
}

#ebook2 ul.ebook2a li dl{
	clear:both;
	overflowh:hidden;
	display:table;
	margin:0;
	padding:0;
}
#ebook2 ul.ebook2a li dl dt{
	display:table-cell;
  	vertical-align: middle;
	background:#232f3e;
	color:#febd69;
	padding:0 10px;
	font-size:.18rem;
}

#ebook2 ul.ebook2a li dl dd{
	display:table-cell;
  	vertical-align: middle;
	padding:5px 0 5px 10px;
}

#ebook4 table{
	box-sizing:border-box;
	table-layout:fixed;
	width:100%;
}
#ebook4 table thead td{
	text-align:center;
	font-weight:bold;
	background:#232f3e;
	color:#fff;
}
#ebook4 table tbody th{
	text-align:center;
	font-size:.12rem;
	line-height:.18rem;
}
#ebook4 table tbody td{
	width:auto;
	text-align:center;
	vartical-align:middle;
}
	

/*faq用**************************************************************************************************************************** */
#faq00, #faq01, #faq02, #faq03, #faq04{
	clear:both;
	overflow:hidden;
}
#faq00 ul{
	clear:both;
	overflow:hidden;
	margin:0 0 20px;
	padding:0;
	box-sizing:border-box;
	width:100%;
}


#faq00 ul li{
	list-style:none;
	float:left;
	width:25%;
	box-sizing:border-box;
}
#faq00 ul li a{
	font-size:0.12rem;
	padding:5px 0;
	margin:0 5px 0 0;
	border:1px solid #ccc;
	text-align:center;
	color:#333;
	display:block;
	box-sizing:border-box;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #e6e6e6);
	background: -moz-linear-gradient(#fff, #e6e6e6);
	background: -o-linear-gradient(#fff, #e6e6e6);
	background: -ms-linear-gradient(#fff, #e6e6e6);
	background: linear-gradient(#fff, #e6e6e6);

	
}
#faq00 ul li a:hover{
	text-decoration:none;
	background:#232f3e;
	color:#febd69;
		
}

#faq dl{
	border:1px solid #ccc;
	padding:20px 20px 0;
	margin:10px 0 40px;
	list-style:none;
}

#faq dl dt{
	margin:0 0 5px;
	border-bottom:1px dotted #ccc;
	padding:0 0 5px;
}


#faq dl dt:before{
	content:"Q";
	display:block;
	color:#fff;
	background:#232f3e;
	font-size:.16rem;
	line-height:.16rem;
	padding:3px 5px;
	float:left;
	margin:0 10px 0 0;
	border-radius:4px;
}


#faq dl dd{
	border:none;
	margin:0 0 30px;
	padding:0;
}

#faq dl dd:before{
	content:"A";
	display:block;
	color:#fff;
	background:#F60;
	font-size:.16rem;
	line-height:.16rem;
	font-weight:bold;
	padding:3px 5px;
	float:left;
	margin:0 10px 0 0;
	border-radius:4px;
}

#faq dl dd p{
	display:block;
}



/*company *****************************************************************************/


#company .simplemap{
	margin:0 0 40px;
}


#company h4{
	background:#232f3e;
	color:#fff;
	padding:.1rem .2rem;
	border:1px solid #ccc;
	border-bottom:none;
	margin:0;
	font-weight:normal;
}
#company ul{
	border:1px solid #ccc;
	padding:20px;
	margin:0 0 40px;
	
}
#company ul li{  
  padding:0 0 10px;
  margin:0 0 10px;
  border-bottom:1px dotted #666;
}
#company ul li:last-child{  
  border:none;
  margin:0 0 0;
  padding:0 0 0;
}
	
	
#company table th{
	white-space:nowrap;
}


/*初めての方ページ*****************************************************************************/
#t-o-u table th{
	white-space:nowrap;
}


/*privacyページ*****************************************************************************/



/*sitemapページ*****************************************************************************/
#sitemap{
	margin:0 0 80px;
}



#sitemap ul{
	margin:0;
	padding:0;
}
#sitemap ul li {
	border:none;
	margin:0;
	padding:0;
}

#sitemap ul li a{
  padding: 10px;
	border-bottom:none;
	display:block;
	width:100%;
	text-decoration:none;
	color:#232f3e;
	border-bottom:2px solid #232f3e;
	font-weight:bold;
	font-size:.18rem;
}

#sitemap ul li ul.sub-menu{
	border-bottom:none;
	clear:both;
	overflow:hidden;
	border:none;
	margin:20px 0;
}
#sitemap ul li ul.sub-menu li a{
  padding: 10px 0 10px 20px;
  font-size:.14rem;
  font-weight:normal;
	border:none;
	display:block;
	float:left;
	width:33.3333%;
}
#sitemap ul li ul.sub-menu li a:hover{
	color:#F60;
}

#sitemap ul li ul.sub-menu li a:before{
  content: "\f138";
  font-family: 'FontAwesome';
  margin-right:10px;
	

}


#header-menu-tog {
  display:none;
}


/********************************************************************************************************************
* レスポンシブ
*********************************************************************************************************************/
@media screen and (max-width: 1200px) {
  /* laptop */
  .wrap,
  .one-column #content .wrap {
    margin:0 auto;
    max-width:1000px;
	padding:0;
  }

  .main-inner {
    margin-right: 330px;
    box-sizing: border-box;
  }


	#header-menu-tog {
  display: none !important;
}

  .single-lp .lp-wrap {
    width: auto;
    margin: 0 36px;
  }
  .single-lp .main-inner {
    margin-right: 350px;
  }
}

/* *******************************************************************************************************************
* レスポンシブ  /* tablet 
******************************************************************************************************************** */
@media screen and (max-width: 991px) {

body{
    font-size: .12em;
}
  	

#header {
  background: #232f3e;
  position:fixed;
  z-index:10000;
  left:0;
  top:0;
  width:100%;
  height:120px !important;
  padding:0;
  margin:0;
	
}
.h_inner{
  width:100%;
  display:block;
  margin:0 auto;
  padding:20px 0 !important;
  height:80px;
  box-sizing:border-box;
  clear:both;
  overflow:hidden;
}
  
#header #logo {
	box-sizing:border-box;
	float:left;
  display:block;
  padding:0;
 margin:0 0 0 15px;
 width:auto;
}


#h_t{
	float:right;
	display:block;
	padding:0 15px 0 0;
}


#header-menu-tog{
	display:block !important;
	width:100%;
	border:none;
	padding:0 !important;
	margin:0 !important;
}
#header-menu-tog a{
	height:40px;
	color: #232f3e;
	font-size:.24rem;
	padding:0 15px 0 0;
	margin:0;
	text-decoration:none;
  display:block;
  text-align:right;
  line-height:40px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c2c2c2), color-stop(0.94, #ededed), color-stop(0.33, #fff));
background: -webkit-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: -moz-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: -o-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: -ms-linear-gradient(top, #fff 33%, #ededed 94%, #c2c2c2 100%);
background: linear-gradient(to bottom, #fff 33%, #ededed 94%, #c2c2c2 100%);


}

.fa-align-justify{
	color: #232f3e;
	margin:0 5px 0 0;
}


  #gnav {
    margin:0;
 	 padding: 0;
    border:none;
	background:none;
	float:right;
  }

#gnav ul {
  margin: 0;
  padding: 0;
	width:300px;
	border:1px solid #ccc;
	background:#fff;
}
  
#gnav ul li {
    float: none;
    position: relative;
	width:100%;
	margin:0;
  border-bottom: 1px solid #ccc;
	
  }
#gnav ul li:last-child {
	border:none;
}
#gnav li.current-menu-item a {
	background:#f57300 !important;
	color:#fff;
}
#gnav li a {
  border:none;
  display: block;
  margin:0;
  padding:9px 0 !important;
  line-height:1.5;
  color: #2B2D2D;
  }
  #gnav ul li a:hover {
	background:#f57300 !important;
	color:#fff;
	border:none;
  margin:0;
  padding:9px 0 !important;
  line-height:1.5;
  }
  
  #gnav ul li .sub-menu {
  
  margin:0;
    position: relative;
    border-bottom: none;
	border:none;
  }
  #gnav ul li .sub-menu li {
   clear:both;
    margin: 0;
  }
  #gnav ul li .sub-menu li:last-child {
    border-bottom: none;
  }
  
  
  #gnav ul li .sub-menu li a{
  color: #232f3e;
	background:#f4f4f4;
    padding: 9px 15px !important;
  }
  #gnav ul li .sub-menu li a:hover {
	background:#f57300 !important;
    color: #fff;
    padding: 9px 15px;
  }
  
#gnav li .sub-menu:nth-child(2) li a:after {
  content: "\f107";
  float: right;
  font-family: 'FontAwesome';
}

  
  
  #gnav ul li .sub-menu .sub-menu {
    left:0;
    top: auto;
  }
#gnav .sub-menu li.current-menu-item a {
	background:#f57300 !important;
	color:#fff;
}



#nav_menu-5 ul,
#nav_menu-6 ul,
#nav_menu-11 ul,
#nav_menu-12 ul{
	clear:both;
	overflow:hidden;
}

#nav_menu-5 ul li,
#nav_menu-6 ul li,
#nav_menu-11 ul li,
#nav_menu-12 ul li{
	float:left;
	width:49%;
	margin:0 1% 1%;
}


#nav_menu-5 ul li:nth-child(2n),
#nav_menu-6 ul li:nth-child(2n),
#nav_menu-11 ul li:nth-child(2n),
#nav_menu-12 ul li:nth-child(2n){
	margin:0 0 1%;
}


#nav_menu-5 ul li a,
#nav_menu-6 ul li a,
#nav_menu-11 ul li a,
#nav_menu-12 ul li a{
	border:none;
	padding:0;
	margin:0 auto;
}


#nav_menu-5 ul li a img,
#nav_menu-6 ul li a img,
#nav_menu-11 ul li a img,
#nav_menu-12 ul li a img{
	margin:0 auto;
	width:100%;
}






  .wrap,
  .one-column #content .wrap {
	width:100%;
    margin:0 auto;
	padding:0;
  }

  #main,
  .main-inner,
  #side {
    float: none;
    width:100%;
    padding:0!important;
	box-sizing:border-box;
  }

  .left-content #main,
  .right-content #main {
    float: none;
  }
  .left-content .main-inner,
  .right-content .main-inner {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .left-content #side,
  .right-content #side {
    width: 100%;
    float: none;
    margin: 0;
  }

  #side {
    padding: 0 10px !important;
  }

  .sp-hide {
    display:block !important;
  }

  .sp-show {
    display: block !important;
  }

  #main .post-sns {
    margin: 0 -20px -20px !important;
  }
  #main .post-share-title {
    margin: 0 -20px !important;
  }

  .single-lp #lp-header {
    padding-left: 24px;
    padding-right: 24px;
  }
  .single-lp #lp-header .lp-title {
    padding: 0;
    margin: 0;
    font-size:.20rem;
  }
  .single-lp #content {
    padding: 20px;
  }
  .single-lp .lp-wrap {
    padding: 24px 0;
    width: auto;
    margin: 0 24px;
  }
  .single-lp .lp-wrap input[type=text] {
    width: 100%;
  }
  .single-lp .lp-wrap input[type=submit] {
    margin-top: 30px;
  }
  .single-lp .post-content {
    padding: 0 20px!important;
  }
  .single-lp #side {
    margin-left: 0;
    width: 100%;
  }
  .single-lp #side dl,
  .single-lp #side dt,
  .single-lp #side dd {
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
  }
  .single-lp #side dt {
    margin-bottom: 8px;
  }

  .alignleft,
  .alignright {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }


  /* loop */
  .cat-content {
    padding:0 10px;
  }

  .post-loop-wrap .post-thumbnail {
	width:auto;
    height:auto;
    float:left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .post-loop-wrap .post-thumbnail img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .post-loop-wrap .post-title {
    margin-bottom: 0;
  }
  .post-loop-wrap .post-content {
    padding: 0 20px;
  }
  .post-loop-wrap .post-footer {
    display: none;
  }

  /* comment */
  .comment-form-author,
  .comment-form-email {
    float: none;
    width: auto;
  }

  /* padding */
  .post-header {
    padding: 0 10px;
  }

  .post-content,
  .cta-post-title,
  .post-cta,
  .post-cta-inner,
  .post-share,
  .post-author,
  article.page .post-header {
    padding:0 10px!important;
  }

  .post-thumbnail,
  .post-cta-img {
    margin-left: 0;
    margin-right: 0;
    float:left;
  }

  .post-footer {
    padding: 0 20px;
  }

  .more-link {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }

#footer{
	display:block;
	height:auto;
}
#f_inner{
	width:100%;
	margin:0 auto;
	padding:20px !important;
	clear:both;
	overflow:hidden;
}

#f_inner .f-rogo{
	float:left;
	margin:0 50px 15px 0;
}
 /* ******** pagenation********************************************************************************* */
.pagination {
  margin: 0 0 120px 0;
  padding: 0 10px;
  clear:both;
}
  
 /*front-page**************************************************** *** */ 
  
  
#fp section{
	width:100%;
	margin:0 auto;
	padding:20px 10px;
	clear:both;
	overflow:hidden;
	box-sizing:border-box;
	
}

#fp #index00{
	margin:0;
}
#fp #index00 h2{
	font-size:.22rem;
	text-align:center;
	margin:0 0 20px;
}

#fp #index00 section dl{
	clear:both;
	overflow:hidden;
	width:100%;
}
#fp #index00 section dt{
	float:left;
	width:46%;
	
}
#fp #index00 section video{
	width:100%;
	border:3px solid #fff;
	box-shadow:0px 0px 5px 0px #cfcfcf;
	border-radius:6px;
	box-sizing:border-box;

}
#fp #index00 section dl dd{
	width:100%;
	float:right;
	font-size:.15rem;
	line-height:.30rem;
	box-sizing:border-box;
	vertical-align:top;
	padding:0 0 0 20px;
}
#fp #index00 section dd span{
	margin:20px 0 0;
	border:1px solid #fff;
	background:#febd69;
	border-radius:6px;
	display:block;
}
#fp #index00 section dd span a{
	color:#232f3e;
	font-size:.15rem;
	width:100%;
	text-decoration:none;
	padding:10px 15px;
	display:block;
	text-align:center;
}
#fp #index00 section dd span a:before{
  content: "\f0e0";
  font-family: 'FontAwesome';
  margin-right:10px;
	
}



#fp #t-menu{
	clear:both;
	overflow:hidden;
	margin:0;
	background:url("../../../wp-images/2017/11/service_s.jpg") top center no-repeat #fcfcfc;
	background-size:cover;
	
}
#fp #t-menu h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 30px;
	width:100%;
	
	
}
#fp #t-menu h2 span{
	display:block;
	font-size:.1rem;
}


#fp #t-menu .top-bnr{
	max-width:1000px;
	margin:0 auto;
}
#fp #t-menu .top-bnr ul{
	clear:both;
	overflow:hidden;
}

#fp #t-menu .top-bnr ul li{
	box-sizing:border-box;
	display:block;
	float:left;
	border-radius:4px;
	width:24%;
	margin:0 1.33333% 1.33333% 0;
	position: relative;
	padding:1%;
	border-radius:6px;
	border:1px solid #cccccc;
	background:#fff;
	text-align:center;
}

#fp #t-menu .top-bnr ul li:nth-child(3n){
	margin:0 1.33333% 1.33333% 0 !important;
}
#fp #t-menu .top-bnr ul li:nth-child(4n){
	margin:0 0 1.33333% 0 !important;
}


#fp #t-menu .top-bnr ul li a{
	margin:0;
	padding:0;	
	clear:both;
	overflow:hidden;
}
#fp #t-menu .top-bnr ul li a img{
	width:100%;
	margin:0 0 1% 0;
	padding:0;
	float:none;
	border:1px solid #ccc;
	border-radius:3px;
}
#fp #t-menu .top-bnr ul li a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


#fp #t-menu .top-bnr ul li a span{
	position:relative;
	top:0;
    margin: 0 0 0 0;
	width:100%;
	box-sizing:border-box;
}
#fp #t-menu .top-bnr ul li a:hover span{
	color:#FF6600;

}




#fp #index_w{
	clear:both;
	overflow:hidden;
}

#fp #index_w h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 30px;
}
#fp #index_w h2 span{
	display:block;
	font-size:0.1rem;
}

#fp #index_w ul{
	box-sizing:border-box;
	clear:both;
	overflow:hidden;
	max-width:1000px;
}

#fp #index_w ul li{
	box-sizing:border-box;
	float:left;
	width:25%;
	padding:10px;
}

#fp #index_w ul li img{
	width:100%;
	margin:0 auto;
}

#fp #index02{
	clear:both;
	overflow:hidden;
	background:url("../../../wp-images/2017/11/delivery_s.jpg") bottom center no-repeat;
	background-size:cover;
	
	
}
#fp #index02_inner{
	max-width:600px;
	box-sizing:border-box;
	margin:0 auto;
	padding:40px 60px;
	border-radius:10px;
	clear:both;
	overflow:hidden;
	background:#fff;
	filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
}


#fp #index02 h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 40px;
	
}
#fp #index02 h2 span{
	display:block;
	font-size:0.1rem;
}
#fp #index02 h3 a{
	display:block;
	font-size:.2rem;
	padding:0 0 20px;
}



#fp .top_btn a{
	color:#232f3e;
	font-size:.20rem;
	text-decoration:none;
	padding:10px 15px;
	display:block;
	text-align:center;
	margin:40px 0 0;
	border:1px solid #fff;
	background:#febd69;
	border-radius:6px;
	display:block;
}


#fp .w_btn a{
	background:#232f3e;
	color:#febd69;
}






#fp #index03{
	background:#232f3e;
	clear:both;
	overflow:hidden;
	width:100%;	
}
#fp #index03l{
	float:left;
	width:49%;
	margin:0 2% 0 0
}
#fp #index03r{
	float:right;
	width:49%;
	
}
#fp #index03 h2{
	color:#febd69;
	font-size:.3rem;
	text-align:center;
	padding:0 0 30px;
	
}
#fp #index03 h2 span{
	display:block;
	font-size:0.1rem;
	color:#febd69;
}

#fp #index03l_in{
	border:1px solid #ccc;
	background:#fff;
	height:400px;
	padding:15px;
	box-sizing:border-box;
	
}
#fp #index03l ul{
	height:330px;
	overflow:auto;
	
}
#fp #index03l ul li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
#fp #index03l ul li span{
	color:#232f3e;
	display:block;
}


#fp #index03l_in p a{
	width:100%;
	text-align:center;
	padding:5px;
	background:#fcfcfc;
	border:1px solid #ccc;
	color:#333;
	display:block;
	font-size:.16rem;
	text-decoration:none;
}
  
  
}

/********************************************************************************************************************
* レスポンシブ
*********************************************************************************************************************/



@media screen and (max-width: 767px) {
  /* phone */
  
#header {
  background: #232f3e;
  position:absolute;
  z-index:1000;
  left:0;
  top:0;
  width:100%;
  height:120px;
  padding:0;
  margin:0;
	
}  
#scroll_cont{
  padding:0;
  position:absolute;
  z-index:0;
  left:0;
  top:120px;
  width:100%;
  clear:both;
  }

  .wrap,
  .one-column #content .wrap {
	  width:100%;
    margin:0 auto;
  }

#header #logo {
	box-sizing:border-box;
	float:left;
  display:block;
  padding:0;
 margin:0 0 0 15px;
 width:auto;
}
#header .cp{
	display:none;
}


#h_t{
	float:right;
	display:block;
	padding:0 15px 0 0;
}

#h_t p{
}
#h_t a{
	display:block;
  color:#febd69;
	font-size:.16rem;
	font-weight:bold;
	line-height:1.0;
}
#h_t a:hover{
	text-decoration:none;
}
#h_t a i{
  color:#febd69;
	margin:0 5px 0 0;
}
#h_t span{
	color:#fff;
	font-size:0.10rem;
	line-height:1.0;
	margin:0;
	padding:0;
	
}
#h_t span .dow{
	display:block;
	margin:0;
	padding:0;
}

  .post-content{
	  width:100%;
  }

  .post-content h2 {
    font-size: .18rem;
    margin:0 0 20px !important;
  }
  .post-content h3 {
    font-size: .16rem;
    margin:0 0 10px !important;
  }
  .post-content h4 {
    font-size: .14rem;
  }
  
  
  
/*  table レイアウト変更 ***************************************************/  


  .post-content table th,
  .post-content table td{
	font-size:.10rem;
	padding:2px 5px;
  }
  
/*  sns レイアウト変更 ***************************************************/  

  #main .post-share .post-sns {
    margin: 0 -20px -20px;
  }
  #main .post-share .post-sns ul li {
    width: auto;
    float: none;
    border-right: none;
    border-bottom: 1px solid #eee;
  }
  #main .post-share .post-sns ul li a {
    padding: 16px 0;
    font-size:.16rem;
  }
  #main .post-share .post-sns ul li a span {
    font-size:.16rem;
  }
  #main .post-share .post-sns ul li a:before {
    font-size:.16rem;
  }
  #main #comments {
    padding: 20px;
  }
  #main .post-author {
    padding: 20px;
  }
  #main .post-author .post-author-img {
    float: none;
  }
  #main .post-author .post-author-meta {
    padding: 0;
    margin: 10px 0 0;
  }

  .post-cta .post-cta-img {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }
  .post-cta .post-cta-btn {
    margin: 24px 0 10px;
  }
  .post-cta .post-cta-btn a {
    width: 100%;
    box-sizing: border-box;
  }

  .post-footer {
    padding: 0 20px !important;
  }

  #main .post-cta .cta-post-title {
    padding: 0 0 20px !important;
  }

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


#footer{
	display:block;
	height:auto;
}
#f_inner{
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	padding:20px !important;
	clear:both;
	overflow:hidden;
}

#f_inner .f-rogo{
	float:none;
	margin:0 auto;
	text-align:center;
}
 

#footer a {
  color:inherit;
}
#footer a:hover {
	color:#F60;
}
#footer .post-share {
  padding-right: 0;
  padding-left: 0;
}

#footer-01 {
  background:none;
  border:none;
  width:auto;
  display:block;
  margin:15px 0 0;
  padding:0;
  float:none;
}
#footer-01 ul {
  margin:0;
  padding:0;
  border:1px solid #ccc;
  background:#fff;
}
#footer-01 ul li {
  display: block;
  margin:0;
  padding:.08rem;
  border-bottom:1px solid #ccc;
  text-align:center;
}
#footer-01 ul li:last-child {
	border:none;	
}
#footer-01 ul li a{
  font-size:0.12rem;
  display: block;
  width:100%;
  
}


#footer-02 {
  border:none;
}
#footer-02 .footer-copy {
  font-size: 0.10rem;
}




/*front-page-----------------------------------------------------------------*/
  

#fp section{
	width:100%;
	margin:0 auto;
	padding:20px 10px;
	clear:both;
	overflow:hidden;
	box-sizing:border-box;
	
}

#fp #index00{
	width:auto;
	margin:0 auto;
}
#fp #index00 h2{
	font-size:.16rem;
	text-align:center;
	margin:0 0 10px;
}

#fp #index00 section dl{
	clear:both;
	overflow:hidden;
	max-width:460px;
	margin:0 auto;
}
#fp #index00 section dt{
	float:none;
	width:inherit;
	
}
#fp #index00 section video{
	margin:0 auto;

}
#fp #index00 section dl dd{
	width:100%;
	float:none;
	padding:10px 0 0;
}
#fp #index00 section dd span{
	margin:10px 0 0;
}

#fp #t-menu{
	clear:both;
	overflow:hidden;
	margin:0;
	background:url("../../../wp-images/2017/11/service_s.jpg") top center no-repeat #fcfcfc;
	background-size:cover;
	
}
#fp #t-menu h2{
	font-size:.3rem;
	margin:0 0 15px;
	
	
}
#fp #t-menu h2 span{
	display:block;
	font-size:.1rem;
}


#fp #t-menu .top-bnr{
	width:100%;
	margin:0 auto;
}
#fp #t-menu .top-bnr ul{
	clear:both;
	overflow:hidden;
}

#fp #t-menu .top-bnr ul li{
	float:left;
	border-radius:4px;
	width:49%;
	margin:0 1% 1% 0;
	position: relative;
	padding:1%;
	text-align:center;
}

#fp #t-menu .top-bnr ul li:nth-child(3n){
	margin:0 1% 1% 0 !important;
}
#fp #t-menu .top-bnr ul li:nth-child(2n){
	margin:0 0 1% 0 !important;
}


#fp #t-menu .top-bnr ul li a{
	margin:0;
	padding:0;	
	clear:both;
	overflow:hidden;
}
#fp #t-menu .top-bnr ul li a img{
	width:100%;
	margin:0 0 1% 0;
	padding:0;
	float:none;
	border:1px solid #ccc;
	border-radius:3px;
}
#fp #t-menu .top-bnr ul li a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


#fp #t-menu .top-bnr ul li a span{
	position:relative;
	top: 50%;
    margin: -0.08rem 0 0 0;
	width:50%;
	box-sizing:border-box;
}
#fp #t-menu .top-bnr ul li a:hover span{
	color:#FF6600;

}




#fp #index_w{
	clear:both;
	overflow:hidden;
}

#fp #index_w h2{
	font-size:.3rem;
	text-align:center;
	margin:0 0 20px;
}
#fp #index_w h2 span{
	display:block;
	font-size:0.1rem;
}

#fp #index_w ul{
	box-sizing:border-box;
	clear:both;
	overflow:hidden;
	max-width:1000px;
	margin:0;
	padding:0;
}

#fp #index_w ul li{
	box-sizing:border-box;
	float:none;
	width:100%;
	padding:10px 0;
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}

#fp #index_w ul li img{
	float:left;
	width:49%;
	margin:0 2% 0 0;
}

#fp #index_w ul li .w_p{
	width:49%;
	float:left;
}

#fp span.top_btn a{
	margin:15px 0 0;
}



#fp #index02{
	clear:both;
	overflow:hidden;
	
	
}
#fp #index02_inner{
	padding:20px;
}


#fp #index02 h2{
	font-size:.3rem;
	margin:0 0 20px;
	
}
#fp #index02 h2 span{
	font-size:0.1rem;
}
#fp #index02 h3 a{
	font-size:.2rem;
	padding:0 0 20px;
	text-decoration:underline;
}




#fp #index03{
	background:#232f3e;
	clear:both;
	overflow:hidden;
	width:100%;	
}
#fp #index03l{
	float:none;
	width:100%;
	margin:0 0 15px 0
}
#fp #index03r{
	float:none;
	width:100%;
	
}
#fp #index03 h2{
	color:#febd69;
	font-size:.3rem;
	text-align:center;
	padding:0 0 15px;
	
}
#fp #index03 h2 span{
	display:block;
	font-size:0.1rem;
	color:#febd69;
}

#fp #index03l_in{
	border:1px solid #ccc;
	background:#fff;
	height:400px;
	padding:15px;
	box-sizing:border-box;
	
}
#fp #index03l ul{
	height:330px;
	overflow:auto;
	
}
#fp #index03l ul li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
#fp #index03l ul li span{
	color:#232f3e;
	display:block;
}


#fp #index03l_in p a{
	width:100%;
	text-align:center;
	padding:5px;
	background:#fcfcfc;
	border:1px solid #ccc;
	color:#333;
	display:block;
	font-size:.16rem;
	text-decoration:none;
}
  
  

/*mov_ctt 動画ページ     ************************************************************************************************ */

#mov_ctt .mov01{
	clear:both;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	
}
#mov_ctt .mov01 li{
	width:49.5%;
	float:left;
	border:1px solid #ccc;
	font-weight:bold;
	margin:0 1% 1% 0;
	box-sizing:border-box;
	padding:.1rem;
	border-radius:5px;
}
#mov_ctt .mov01 li:nth-child(3n) {
	margin:0 1% 1% 0;
}
#mov_ctt .mov01 li:nth-child(2n) {
	margin:0 0 1% 0;
}
#mov_ctt ul.mov01 li:after{
	content:" ";
  content: "\f054";
  font-family: 'FontAwesome';
  float:right;
  color:#FF9900;
}
#mov_ctt .mov01 li:last-child:after{
	content:" ";
}

/*業務委託ページ  *************************** */


#busi-c1{
	width:100%;
}
#busi-c1{
	clear:both;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
}
#busi-c1 li{
	box-sizing:border-box;
	display:block !important;
	width:100% !important;
	float:none;
	margin:0 0 1% 0;
	margin:0 auto;
}
#busi-c1 li:nth-child(2n){
	margin:0 0 0 0;
}
#busi-c1 li span{
	font-weight:bold;
	display:block !important;
	width:100%;
	padding:.05rem .10rem;
}
#busi-c1 li span:before{
  content: "\f046";
  font-family: 'FontAwesome';
  margin:2px 10px 0 0;
  font-size:.24rem;
  line-height:.2rem;
  display:block;
  width:20px;
  float:left;
  color:#F60;
}
	
/*card******************************************************************/



  
}


/********************************************************************************************************************
* レスポンシブ
*********************************************************************************************************************/
@media screen and (max-width: 414px) {
#header #logo {
	box-sizing:border-box;
	float:left;
  display:block;
  padding:0;
 margin:0 0 0 15px;
 width:40%;
}


p.si_p{
	font-size:.3rem !important;
}


.breadcrumb {
	padding:10px 0 !important;
}

h1.post-title{
	font-size:.20rem !important;
}
.post-content h2{
	font-size:.14rem !important;
}
.post-content h3{
	font-size:.12rem !important;
}
.c_catch{
	font-size:.12rem!important;
	margin:0 0 20px!important;
}



.post-thumbnail {
	width:100%;
	padding:0  !important;
	margin:0 0 10px !important;
	float:none !important;
}
.post-thumbnail img {
  width:100%;
  float:none;
  display:block;
  margin:0 auto;
  padding:0;
  margin:0;
  padding:0;
}

/*ページ下に表示されるお問い合わせ用バナー***********************************/

#contact_bnr{
	margin:0 0 20px;
}
#contact_bnr h3{
	font-size:.14rem !important;
}
#contact_bnr p{
	font-size:.13rem !important;
	padding:5px !important;
	
}
#contact_bnr p br{
	display:block!important;
}
#contact_bnr ul{
	width:100%;
	margin:0;
	padding:5px 10px 10px;
}
#contact_bnr ul li{
	float:none;
	width:100%;
	margin:0 0 5px 0;
}
#contact_bnr ul li:last-child{
	margin:0;
}

#contact_bnr ul li a{
	font-size:.14rem !important;
}

/*front-page******************************************************************/


#fp #index00 h2{
	font-size:.14rem;
}
#fp #index00 section dl dd{
	font-size:.14rem;
}
/*faq***********************************************************************************************/

#faq00 ul li{
	float:none;
	width:100%;
}
#faq00 ul li a{
	font-size:0.12rem;
	padding:5px 0;
	margin:0 0 0 0;
	
}
/*insatsu/booklet/********************************************************************************** */

#b_ank{
	clear:both;
	overflow:hidden;
}
#b_ank li{
	width:100% !important;
	float:none !important;
	margin:0 0 5px 0; 
}
#b_ank li:last-child{
	margin:0;
}
/*insatsu/card/用**************************************** */


#card00 ul{
	margin:0 0 20px;
}


#card00 ul li{
	float:none !important;
	width:100% !important;
	margin:0 0 5px 0!important;
}
#card00 ul li:last-child{
	margin:0 0 0 0;
}

#card01 ul li{
	width:100% !important;
	float:none !important;
	padding-right:0 !important;
}
#card01 ul li:nth-child(even){
	padding-right:0;
}
#card01 ul li dl{
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
	background:#fcfcfc;
	padding:15px;
	margin:0 0 10px;
	border-radius:5px;
}
#card01 ul li dl dt {
	margin:0 0 .8em;
	
}
#card01 ul li dl dt span{
	color:#fff;
	background:#F60;
	border-radius:20px;
	padding:2px 10px;
	margin-right:8px;
}

#card01 ul li dl dd{
	font-size:.12rem;
	border:none;
	margin:0;
	padding:0;
}



#card02-1 ul{
	clear:both;
	overflow:hidden;
}
#card02-1 ul li{
	width:100%;
	float:none;
	margin:0 0 2% 0;
}
#card02-1 ul li:last-child{
	margin:0 0 0 0;
}
#card02-1 ul li span{
	display:block;
	background:#333;
	color:#fff;
	text-align:center;
}

#card02-2 img,
#card02-3 img{
	width:100%;
	float:none;
	margin:0 0 15px 0;
}


#card04 table th br{
	display:block;
}

/*mov_ctt 動画ページ     ************************************************************************************************ */

#mov_ctt .mov01{
	clear:both;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	
}
#mov_ctt .mov01 li{
	width:100% !important;
	float:none !important;
	margin:0 0 1% 0;
	box-sizing:border-box;
	padding:.1rem;
}
#mov_ctt .mov01 li:nth-child(3n) {
	margin:0 0 1% 0;
}
#mov_ctt .mov01 li:nth-child(2n) {
	margin:0 0 1% 0;
}
#mov_ctt ul.mov01 li:after{
	content:" ";
}
#mov_ctt .mov01 li:last-child:after{
	content:" ";
}
#mov_ctt .mov02{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:20px;
	border:1px solid #ccc;
	border-radius:5px;
	font-size:.14rem;
	line-height:.18rem !important;
}
#mov_ctt .mov02 img{
	float:none;
	width:100%;
	margin:0 0 10px;
}


/*cddvd******************************************************************************/

#cddvd00 ul{
	margin:0 0 20px;
	width:100%;
}


#cddvd00 ul li{
	float:none !important;
	width:100% !important;
}
#cddvd00 ul li a{
	padding:10px 0;
	margin:0 0 5px 0;
	line-height:.14rem !important;	
}
#cddvd00 ul li a br{
	display:none;
}
#cddvd04 ul li dt{
	font-size:.14rem !important;
}
#cddvd04 ul li dd{
	font-size:.12rem !important;
}

#cddvd06 td dl dt{
	box-sizing:border-box;
	float:left;
	width:100px;
	padding:0;
	margin:0;
}
#cddvd06 td dl dd{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	box-sizing:border-box;
}


#cddvd07 ul li{
	width:100% !important;
	margin:0 0 2% 0;
	float:none !important;
}
#cddvd07 ul li a img{
	display:none;
}


/*jacket ********************************************************************************/


	
#jacket01 ul li dl{
	clear:both;
	overflow:hidden;
}
	
#jacket01 ul li dt{
	width:100%;
	display:block;
	float:none;
}
#jacket01 ul li dd{
	border:1px solid #ccc;
	background:#f3f3f3;
	padding:3px 5px;
	border-radius:5px;
	display:table-cell;
	text-decoration:none;
	color:#232f3e;
	width:100%;
}
#jacket01 ul li dd img{
	width:20px !important;
	margin:0 5px 0 0;
}
#jacket02 table th,
#jacket02 table td{
	font-size:.12rem;
}
#jacket02 table th{
	font-weight:bold;
}

#jacket02 table th br{
}

#jacket03 ul{
	margin:0 0 20px;
}
#jacket03 ul li{
	width:100% !important;
	margin:0 0 2% 0 !important;
	float:none !important;
}
#jacket03 ul li a{
	border:1px solid #ccc;
	background:#f9f9f9 !important;
	padding:5px 15px;
	margin:0;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	font-size:.14rem;
	display:block;
	width:100%;
	border-radius:5px;
	clear:both;
	overflow:hidden;
	line-height:40px !important;
}
#jacket03 ul li a:before{
  content: "\f138";
  font-family: 'FontAwesome';
  margin-right:10px;
}
#jacket03 ul li a img{
	display:none;
}	
/*ebook用**************************************************************************************************************************** */

#ebook1 dl{
	clear:both;
	overflow:hidden;
}
#ebook1 dl dt{
	float:none;
	width:100%;
}
#ebook1 dl dd{
	float:none;
	width:100%;
	display:block;
	padding:0;
}


#ebook2 ul.ebook2a{
	width:100%;
	clear:both;
	overflow:hidden;
}
#ebook2 ul.ebook2a li{
	width:49%;
	float:left;
	box-sizing:border-box;
	border:1px solid #ccc;
	background:#f7f7f7;
	border-radius:5px;
	margin:0 1% 1% 0;
	display:block;
	padding:0;
}
#ebook2 ul.ebook2a li:nth-child(2n){
	margin:0 0 1% 0;
}

#ebook2 ul.ebook2a li dl{
	clear:both;
	overflowh:hidden;
	display:table;
	margin:0;
	padding:0;
}
#ebook2 ul.ebook2a li dl dt{
	display:table-cell;
  	vertical-align: middle;
	background:#232f3e;
	color:#febd69;
	padding:0 10px;
	font-size:.18rem;
}

#ebook2 ul.ebook2a li dl dd{
	display:table-cell;
  	vertical-align: middle;
	padding:5px 0 5px 10px;
}

#ebook4 table tbody th{
	text-align:center;
	font-size:.10rem;
	line-height:.15rem;
}
#ebook4 table tbody img{
	width:80%;
}
	
/*design用**************************************************************************************************************************** */

#design1 li span{
	float:none;
	width:100%;
	font-weight:bold;
	display:block !important;
	padding:.05rem .1rem;
}

	

/*sitemapページ*****************************************************************************/


#sitemap ul li a{
  padding:5px 0;
}

#sitemap ul li ul.sub-menu{
	margin:10px 0 20px;
}
#sitemap ul li ul.sub-menu li a{
  padding: 10px 0;
	width:50%;
  font-size:.12rem;
}
	
}