@charset "UTF-8";
/*
Theme Name: illumy　ヘルプ
Theme URI:
Description: ヘルプページSP用テンプレート
Author: Arcphilia.inc
Version: 1.0
Tags:
-------------------------------------------------------------- */
/* ------------------------------
 CommonStyle
------------------------------ */
body, #root {
	padding-top: 45px;
}
.pc {
	display: none;
}
.sp {
	display: block;
}

/* ------------------------------
 Header
------------------------------ */
#CbHeader {
	height: 45px;
	border-top: 3px solid #8C9C2E;
	background: #404040;
}
#CbHeaderLogo {
	display: block;
	top: 9px;
	left: 14px;
}
#CbHeaderLogo a img {
	width: 58px;
}
#CBTOPLink {
	margin: 8px 0 0 0;
}
#CbHeader #CBTOPLink a {
	padding: 4px 15px;
	width: 100px;
	font-size: 11px;
}

/* ------------------------------
 footer
------------------------------ */
.l-official .l-copyright .logoArcphilia.pc {
  display: none;
}
.l-official .l-copyright .logoArcphilia.sp {
  display: block;
}

/* ------------------------------
 Contents
------------------------------ */
h1 {
  margin: 0;
  font-size: 20px;
  letter-spacing: 0;
}
#search_form {
  position: relative;
  bottom: auto;
  left: auto;
  margin-top: 10px;
}
#search_form input[type="text"] {
  width: 100% !important;
}
#pageTitle {
	padding: 20px 0;
	width: 90%;
	font-size: 20px;
}
#Main {
  background: #F5F5F5;
}
#Contents {
  display: block;
  width: 100%;
}
#sidebar {
  padding: 24px 0 0;
}
#sidebar .categoryList {
  margin: 20px auto !important;
  padding: 20px 0 10px !important;
  width: 90%;
  font-size: 16px;
}
#sidebar #frequently h3,
#sidebar .categoryList h3 {
  padding: 0 0 20px !important;
}
#sidebar .categoryList h3 {
  font-size: 16px !important;
  background: #ffffff !important;
  color: #333333 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-bottom: none;
}
#sidebar .categoryList ul li {
  margin: 0 10px;
  padding: 10px 15px !important;
  border-bottom:none;
  border-bottom: 1px dotted #ccc;
}
#sidebar .categoryList ul li:first-child {
  padding: 0 15px 10px !important;
}
#sidebar .contactLink {
  margin: 0 auto 20px;
  width: 90%;
}
#twitter-widget-0 {
	display: none !important;
}
#frequently {
  margin: 0 auto !important;
  padding: 20px 0 !important;
  width: 90% !important;
  border: none;
}
#frequently ul li {
  margin:10px;
}
#frequently ul li:first-child {
  margin: 0 10px 10px;
}
#MainContents {
  padding: 40px 20px 20px;
  border-left: none;
}
#MainContents .btnSingleHelpBack {
  margin-bottom: 15px;
}
.helpList {
  position: static !important;
  margin: 0 auto !important;
  padding: 4% 0 !important;
  width: 90% !important;
  border: none;
  float: none;
  font-size: 16px;
  line-height: 150%;
  border-top: 3px solid #EEE;
}
.helpList:first-child {
  border-top: none;
}

.singlePage #sidebar,
.categoryPage #sidebar {
	display: none;
}
#MainContents .btnHelpBack a {
  background: none;
  padding: 10px 5%;
  display: block;
  float: none;
  width: 90%;
  border-bottom: 3px solid #EEE;
  font-size: 16px;
  border-radius: 0px;
}
.entry {
	padding: 0 1%;
}
.entry_main {
	font-size: 16px;
	line-height: 150%;
}
#MainContents .entry_main {
	margin: 0 !important;
	word-wrap: break-word;
}
.state {
	font-size: 16px;
}
#comment {
	padding: 0 5%;
	font-size: 16px;
	line-height: 150%;
}

#comment {
	padding: 0 5%;
	font-size: 16px;
	line-height: 150%;
}
.comment-form-comment textarea {
  width: 90%;
  padding: 6px 5%;
}
.form-submit #submit {
  margin-left: 33%;
  font-size: 16px;
}
.categoryPage h2 {
	padding: 20px 5%;
	font-size: 20px;
}
.categoryPage ul li {
	font-size: 16px;
	line-height: 150%;
	margin: 0 5%;
}
#MainContents .btnHelpBack a {
	display: none;
}

#MainContents .btnSpHelpBack {
	display: block;
	float: right;
	margin-top: -5px;
	margin-bottom: 10px;
}
#MainContents .btnSpHelpBack a {
	font-size: 12px;
	padding: 5px 15px 5px 30px;
	display: inline;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-decoration: none;
	float: right;
	color:#FFF;
	background:url(/images/btnBack.png) no-repeat 5px center #89a222;
	letter-spacing: 1px;
}
#PrivacyBody {
	width: 100%;
}
#MainContents .entry_main ol li {
  padding: 0px 0 10px 20px;
  margin-left: 10px;
}
#MainContents .entry_main ol li:before {
  line-height: 1.5;
}
#MainContents .entry_main ul li {
  margin-left: 10px;
}
#MainContents .entry_main img.size-full {
	width: 100%;
	height: 100%;
}
#MainContents .entry_main table td,
#MainContents .entry_main table tr {
	width: auto;
}
#Contact_form .form_box {
	padding: 10px 3%;
}
.form_box dt {
  float: none;
}
#Contact_form dd {
  padding-left: 0;
}
input.wpcf7-text[type="text"],
input.wpcf7-text[type="email"] {
  width: 94%;
}
.wpcf7-textarea {
  width: 94%;
}
.your-id input[type="text"].wpcf7-text {
  width: 94%;
}
/*================

ヘルプセンター：CCコモンズ

===================*/
#CCMainContents .list_box {
	margin-bottom: 40px;
}
#CCMainContents .case dd {
	width: auto;
}
#CCMainContents .case .txtBox .caseIcon {
	display: none;
}
#CCMainContents .iconDetail li h4 {
  float: none;
  width: auto;
}
#MainContents .entry_main #CCMainContents .iconDetail li {
	width: auto;
}
#CCMainContents .iconDetail li .iconImg {
  border-left: none;
  padding: 10px 0 0 0;
}
#CCMainContents .iconDetail li .txtBox {
  padding-left: 60px;
}
#MainContents .entry_main #CCMainContents .iconPattern > li {
	width: auto;
	margin: 0px 15px;
}