/* ここは重要！消してはダメ！！
 Theme Name:   SB Cube Child
 Template:     sb_cube
ここは重要！消してはダメ！！ */


body { background:#F3F1E5; }

/*フォント*/
body, .family-sans-serif { font-family: 'Montserrat' , 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }
.family-serif { font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; }

/*リンクカラー*/
a:link, a:visited { color:#428bca; }
a:hover { color:#2a6496; }
.carousel a:link, .carousel a:visited { color:#fff; }
img.pagetop { opacity: 0.2; }
img.pagetop:hover { opacity: 0.5; }

/*メインイメージ前面*/
#main-logo, #main-logo-lower { background:rgba(0,0,0,0);}
#main-logo, #main-logo-lower { position:absolute; top:0; z-index:10000;}
#main-logo { width:100%; height:100vh; overflow: hidden; }
#main-logo-lower { width:100%; height:65vh; overflow: hidden; }
	/*ロゴ*/
#main-logo .logo, #main-logo-lower .logo{ text-align:center; }
#main-logo .logo img, #main-logo-lower .logo img { max-width:60%; margin-top:10vh;}
	/*PRリンクと動画*/
#main-logo .pr{ width:100%; position:absolute; z-index:10000; text-align:center; margin-top:50px; }
#main-logo .pr img { max-width:45%;}
#main-logo .mv{ width:100%; position:absolute; z-index:10000; text-align:center; margin-top:50px; }
#main-logo .mv img { max-width:15%;}
	/*スクロール*/
.scroll{ background-color: rgba(0,0,0,0.1); border:2px solid #fff; }
.scroll a{ color:#fff; }
.scroll a span { border: 2px solid #fff; }
.scroll a span::before { background-color: #fff; }

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
#main-logo .pr img { max-width:60%;}
}
@media screen and (max-width: 767px) {
#main-logo .pr img { max-width:75%;}
}

/*メインイメージ後面*/
#main-image .item { width:100%;}
#main-image .item img { width:100%; }

/*セクション指定*/
div[class$="-outer"] h2 { color:#E94F0D; }
div[class$="-outer"] h2 small { color:#333; }

	/*ショートコードでさ出される投稿一覧*/
div[class$="-outer"] div.news-item { font-size:110%; }
div[class$="-outer"] div.item-img { display: none; }
div[class$="-outer"] div.item-txt { border-bottom:1px solid #cccccc; padding:10px 0 3px; margin:0 0 10px; }
div[class$="-outer"] div.item-content { display: none; }
div[class$="-outer"] div.item-date { display:table-cell; padding:0 30px 0 0;}
div[class$="-outer"] div.item-title {display:table-cell; }
	/* col-xs- 767px 以下 */
@media screen and (max-width: 767px) {
div[class$="-outer"] div.item-date { margin-bottom:10px; }
div[class$="-outer"] div.item-date, div[class$="-outer"] div.item-title { display:block }
}

/*投稿ページ指定*/
div[class$="-outer"] div.entry-cate { font-size:50%; padding:0 0 5px; }
div[class$="-outer"] div.entry-cate h2 { color:#333; }
div[class$="-outer"] div.entry-title { margin:0; padding:0 0 5px; border-bottom:1px solid #D52C25; color:#D52C25; }
div[class$="-outer"] div.entry-date { margin:3px 0 30px; padding:0 0 0 3px; }
div[class$="-outer"] div.entry-detail {  }

/*ページネーション*/
.pagination span, .pagination a { color:#666; border:1px solid #ccc; }
.pagination a:hover, .pagination .current{ color:#fff; background: #D52C25; border:1px solid #D52C25; }

/*ボタン*/
div[class$="-outer"] a.more-link:link, div[class$="-outer"] a.more-link:visited{ background:#E94F0D;color:#fff; }
div[class$="-outer"] a.more-link:hover{ background:#b20000;color:#fff; }
div[class$="-outer"] a:link .op-btn, div[class$="-outer"] a:visited .op-btn{ background:#E94F0D;color:#fff; }
div[class$="-outer"] a:hover .op-btn{ background:#b20000;color:#fff; }

/*インナー*/

.profile-outer .sec-inner, .bookinfo-outer .sec-inner, .campaign-outer .sec-inner { border:5px solid #FBE0BF; padding:5%; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; }

/*フッタ*/
footer{ text-align:center; padding:30px; }
footer img { width:200px; }
.copyright{ background:#E94F0D;color:#fff; }

/*基本フォーム部分*/



div.inq-form{ font-size:120%; }

div.inq-form dl{
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 1.5rem 0;
margin-bottom: 0;
}

div.inq-form dt{
display: table-cell;
vertical-align:middle;
font-weight: normal;
width: 25%;
background: #fff;
padding: 2rem;
border: 1px solid #e3e3e3;
}

div.inq-form dd{
display: table-cell;
vertical-align: middle;
padding: 2rem;
background: #fff;
border: 1px solid #e3e3e3;
}

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

div.inq-form dl{
display: block;
width: 100%;
border-collapse: collapse;
}

div.inq-form dt{
display: block;
width: 100%;
background: #e3e3e3;
padding: 1rem;
}

div.inq-form dd{
display: block;
padding: 1rem;
background: #fff;
border: none;
}
}

/*アンケート部分*/

div.enq-form{ font-size:120%; }

div.enq-form dl{
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 1.5rem 0;
margin-bottom: 0;
}

div.enq-form dt{
display: table-cell;
vertical-align:middle;
font-weight: normal;
width: 75%;
background: #fff;
padding: 2rem;
border: 1px solid #e3e3e3;
}

div.enq-form dd{
display: table-cell;
vertical-align: middle;
text-align:center;
padding: 2rem;
background: #fff;
border: 1px solid #e3e3e3;
}

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

div.enq-form dl{
display: block;
width: 100%;
border-collapse: collapse;
}

div.enq-form dt{
display: block;
width: 100%;
background: #e3e3e3;
padding: 1rem;
}

div.enq-form dd{
display: block;
padding: 1rem;
background: #fff;
border: none;
}
}



/*デフォルトリセット*/
/*
div.enq-form input,
div.enq-form button,
div.enq-form textarea,
div.enq-form select,
div.inq-form input,
div.inq-form button,
div.inq-form textarea,
div.inq-form select {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
*/
/*テキスト*/

input[type="text"],select {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding:10px;
}

input[type="text"] {
  outline: none;
  border: 1px solid #ccc;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 25%;
}

input#result_age {
  outline: none;
  border: 1px solid #ccc;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 15%;
}

textarea {
  outline: none;
  border: 1px solid #ccc;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
}

input[type="text"]:focus,
textarea:focus {
  box-shadow: 0 0 7px #1abc9c;
  border: 1px solid #1abc9c;
  width: 50%;
}

select{
  outline: none;
  border: 1px solid #ccc;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 15%;
}

select:focus{
  box-shadow: 0 0 7px #1abc9c;
  border: 1px solid #1abc9c;
  width: 25%;
}

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

select{
  width: 20%;
}

select:focus{
  width: 40%;
}

}



/* 男女ラジオボタン */

input[type="radio"] {
  display: none;
}
label[for^="result_sex_code_"] {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
}
label[for^="result_sex_code_"]::before,
label[for^="result_sex_code_"]::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}
label[for^="result_sex_code_"]::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
label[for^="result_sex_code_"]:hover::before {
  background: #fff;
}
label[for^="result_sex_code_"]::after {
  opacity: 0;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #3498db;
  -webkit-transform: scale(2);
  transform: scale(2);
}
input[type="radio"]:checked + label[for^="result_sex_code_"]::before {
  background: #fff;
  border: 1px solid #3498db;
}
input[type="radio"]:checked + label[for^="result_sex_code_"]::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* アンケートチェックボックス */

input[id^="result_question_ids_"] {
  display: none;
}
input[id^="result_question_ids_"]+label,
input[id^="result_question_ids_"]+label::before,
input[id^="result_question_ids_"]+label::after {
  -webkit-transition: all .2s;
  transition: all .2s;
}
input[id^="result_question_ids_"]+label {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 48px;
  border-radius: 24px;
  cursor: pointer;
}
input[id^="result_question_ids_"]+label::before {
  display: block;
  content: attr(data-off-label);
  position: absolute;
  top: 14px;
  right: 7px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 18px;
}
input[id^="result_question_ids_"]+label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 50%;
}
input[id^="result_question_ids_"]:checked+label::before {
  content: attr(data-on-label);
  left: 7px;
  right: auto;
  color: #fff;
}
input[id^="result_question_ids_"]:checked+label::after {
  left: 54px;
  background-color: #f7f7f7;
}
input[id^="result_question_ids_"]+label {
  background-color: /*#e74c3c*/#ccc;
}
input[id^="result_question_ids_"]:checked+label {
  background-color: #1abc9c;
}

label[for^="result_question_ids_"] {
width:100%;
}

label[for^="result_question_ids_"] div.question {
max-width:500px;
margin-left:100px;
}

div.question_none { display:none; }

/*送信ボタン*/

input[type="submit"]{
font-size:120%;
display:block;
width:80%;
padding:20px;
margin:30px auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:1px solid #ccc;
background:#efefef;
}

/*リスト表現*/

.text-list
,.text-list li{

}
 
.text-list li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.list01 li {
	position: relative;
}
.list01 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #3498db;
	border-radius: 100%;
}


/*管理ツール*/

.n_admin{}

.n_admin table th,
.n_admin table td{
padding:10px;
border:1px solid #ccc;
}