@charset "UTF-8";
/*======================================================================
	Title:layout_sp.css
	------------------------------------------------------
	Copyright S.P.D Rico All Rights Reserved.
======================================================================*/
@keyframes visible{
	from{ opacity: 0; }
	to{ opacity: 1; }
}
@-moz-keyframes visible{
	from{ opacity: 0; }
	to{ opacity: 1; }
}
@-webkit-keyframes visible{
	from{ opacity: 0; }
	to{ opacity: 1; }
}

body{
	width:100%;
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_01.png) repeat 0 0;
	color:#000;
}
a, a:hover{
	color:#0408ff;
}
/* ============================================================

コンテンツ部分

============================================================ */
#header{
	width:92%;
	margin:0 auto 20px;
	padding:4% 0 0 0;
	text-align:center;
}
#header table{
	width:100%;
	border-collapse:separate;
	border-spacing:0px;
}
#header table td{
	width:96%;
	padding:2%;
	position:relative;
	background:url(/extend/sidekicks/himitsu/_img/bg_header_table.png) no-repeat top center #fff0f0;
	background-size:contain;
	border-style:solid;
	border-color:#f2e7e7 #ccc3c3 #ccc3c3 #f2e7e7;
	border-width: 8px;
}
#header h1#ttl_main{
	width:100%;
	height:0;
	padding-top:20.40%;
	overflow:hidden;
	position:absolute;
	top:-10px;
	background:url(/extend/sidekicks/himitsu/_img/ttl_main.gif) no-repeat 0 0;
	background-size:contain;
}
#header #header_intro{	
	width:100%;
	height:0;
	padding-top:22.78%;
	overflow:hidden;
	margin:18% auto 0 auto;
	background:url(/extend/sidekicks/himitsu/_img/text_header_intro.png) no-repeat 0 0;
	background-size:contain;
}
/* ============================================================

contents_main

============================================================ */
#contents_main{
	width:92%;
	margin:0 auto;
}
#global_nav{
	margin:0 0 20px 0;
}
#global_nav li{
	width:100%;
	margin:0 0 2% 0;
}
@media all and (orientation: landscape) {
	#global_nav li{
		width:49%;
		float:left;
	}
	#global_nav li:nth-child(even){
		float:right;
	}
}
#global_nav li a{
	display:block;
	width:100%;
	padding:8px 0;
	line-height:1;
	border-radius:8px;
	box-sizing: border-box;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}
#global_nav li a.menu_soon{
	border: 8px outset #bbb;
	background-color:#999;
}
#global_nav li a.menu_odekake{
	border: 8px outset #5ed374;
	background-color:#1aa039;
}
#global_nav li a.menu_chika{
	border: 8px outset #ea6374;
	background-color:#d80d1d;
}
#global_nav li a.menu_hibari{
	border: 8px outset #9054d6;
	background-color:#62219f;
}
#global_nav li a.menu_shishiba{
	border: 8px outset #4ddbe2;
	background-color:#2ba8b6;
}
#global_nav li a.menu_tatewaki{
	border: 8px outset #e0c551;
	background-color:#e2b700;
}
#global_nav li a.menu_nora{
	border: 8px outset #5c93ea;
	background-color:#0754ed;
}
#global_nav li a.menu_rico{
	border: 8px outset #e892cf;
	background-color:#ff5cc9;
}
#global_nav li a.menu_scoop{
	border: 8px outset #61c6e5;
	background-color:#12bcff;
}
#global_nav li a.menu_shisui{
	border: 8px outset #727272;
	background-color:#565656;
}
#global_nav li a.menu_case{
	border: 8px outset #e59e41;
	background-color:#f99400;
}

#global_nav li a.menu_tour{
	border: 8px outset #ED4A2B;
	background-color:#E0370A;
}

/* ============================================================

footer

============================================================ */
#footer{
	width:92%;
	margin:0 auto;
	background:url(/extend/sidekicks/himitsu/_img/bg_footer.png) no-repeat center top;
	text-align:center;
}
#footer .bn_home{
	display:inline-block;
	width:70px;
	margin:15px 0;
	padding-top:38px;
	background:url(/extend/sidekicks/himitsu/_img/bn_footer_sk.png) no-repeat center top;
	background-size:35px 35px;
	font-size:16px;
	font-weight:bold;
}
#footer #notice{
	padding:15px 0;
	background:url(/extend/sidekicks/himitsu/_img/bg_footer.png) no-repeat center top;
	font-size:12px;
	line-height:1.3em;
}

/* ============================================================

下層ページ用

============================================================ */
body.contents #header h1 a{
	width:155px;
	height:0;
	padding-top:32px;
	overflow:hidden;
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-77px;
	background:url(/extend/sidekicks/himitsu/_img/ttl_contents_header.png) no-repeat 0 0;
	background-size:contain;
}
body.contents #header h1 a:hover{
	opacity:0.8;
}
body.contents #header p{
	padding:10px 0 0 0;
	text-align:center;
}
body.contents #header p img{
	display:inline-block;
	width:100%;
	min-height:auto;
}
.bn_return{
	margin:0 0 15px 0;
	text-align:center;
}
.bn_return a{
	display:inline-block;
	padding:0 0 0 42px;
	line-height:38px;
	background:url(/extend/sidekicks/himitsu/_img/bn_return.png) no-repeat left center;
	background-size:38px 38px;
	font-size:16px;
	font-weight:bold;
}

/* ============================================================

profile

============================================================ */
body#chika{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_02.png) repeat 0 0;
}
body#hibari{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_hibari.png) repeat 0 0;
}
body#shishiba{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_shishiba.png) repeat 0 0;
}
body#rico{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_rico.png) repeat 0 0;
}
body#tatewaki{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_tatewaki.png) repeat 0 0;
}
body#nora{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_nora.png) repeat 0 0;
}
.profile #header table td{
	background:#fff0f0;
	border-color:#fff8f8 #ccc3c3 #ccc3c3 #fff8f8;
}

#profile_table,
.scoop_table{
	width:100%;
	margin:0 0 15px 0;
	background:#dff4ed;
	border-collapse:separate;
	border-spacing:2px;
	border:solid 2px #9b9b9b;
	font-size:1.4rem;
	line-height:1.6em;
}
#profile_table td{
	display:block;
	padding:2%;
	background:#dff4ed;
	border:solid 1px #9b9b9b;
	vertical-align:top;
}
#profile_table td.profile_figure{
	padding:0;
	margin:0 0 2px 0;
	text-align:center;
}
#profile_table td.profile_figure figure{
	display:inline-block;
	width:90px;
}
#profile_table td.profile_figure figure img{
	display:block;
	width:100%;
	min-height:auto;
}
#profile_table td p{
	margin-bottom:0.8em;
}
#profile_table td .text_image{
	display:inline-block;
	width:100%;
	min-height:auto;
	float:none;
}
#profile_table td .half{
	width:48%;
}
/* ============================================================

scoop

============================================================ */
body#scoop{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_03.png) repeat 0 0;
}
#scoop #header table td{
	background:#fff0f0;
	border-color:#fff8f8 #ccc3c3 #ccc3c3 #fff8f8;
}
#scoop_nav{
	width:100%;
	margin:0 0 15px 0;
}
#scoop_nav li{
	width:49%;
	margin:0 2% 2% 0;
	float:left;
}
#scoop_nav li:nth-child(2n){
	margin:0 0 2% 0;
}
#scoop_nav li a{
	display:block;
	width:100%;
	padding:8px 0;
	line-height:1;
	background-color:#ff6ef1;
	border: 8px outset #ffbbfc;
	border-radius:10px;
	box-sizing: border-box;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}
#scoop_nav li a:hover{
	background-color:#ff94fa;
}

.scoop_table td{
	padding:2%;
	background:#dff4ed;
	border:solid 1px #9b9b9b;
	vertical-align:top;
}
.scoop_table .ttl_entry p{
	font-size:18px;
	font-weight:bold;
}
.scoop_table .ttl_entry h2{
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
}

.scoop_table .img_entry{
	margin:0 0 10px 0;
	float:none;
}
.scoop_table .img_entry figure{
	width:100%;
}
.scoop_table .img_entry img{
	display:inline-block;
	width:100%;
	min-height:auto;
}
.scoop_table .text_entry{
	float:none;
}

.scoop_table .comment_entry{
	height:70px;
	padding-right:70px;
	vertical-align:middle;
	background:url(/extend/sidekicks/himitsu/_img/img_scoop_rico.png) no-repeat right center #fff;
	background-size:70px 62px;
	color:#ff5cc9;
	font-weight:bold;
}
.scoop_table .comment_entry.comment_2{
	height:211px;
	padding-left:110px;
	padding-right:10px;
	background:url(/extend/sidekicks/himitsu/_img/img_scoop_07_03.jpg) no-repeat left center #fff;
	background-size:100px 211px;
}

.scoop_table .subject{
	margin:0 0 5px 0;
	font-style:italic;
	font-style:oblique;
	font-weight:bold;
}
.scoop_table .scoop_line{
	margin:0 0 2% 0;
}
.scoop_table .read{
	margin:0 0 10px 0;
}
/* ============================================================

odekake

============================================================ */
body#scoop.scoop_odekake{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_04.png) repeat 0 0;
}
body#scoop.scoop_odekake #header table td{
	background:#fdfff3;
	border-color:#fbfffa #ccc3c3 #c5ccc4 #fbfffa;
}

/* ============================================================

shisui

============================================================ */
body#shisui{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_shisui.png) repeat 0 0;
}
#shisui #header table td{
	background:#f4f4f4;
	border-color:#eaeaea #c5c5c5 #c5c5c5 #eaeaea;
}
#shisui #header p{
	padding:15px 0 10px 0;
}
#shisui #profile_table,
#shisui #profile_table td{
	background:#ddd;
}
#shisui #footer{
	color:#fff;
}

/* ============================================================

case

============================================================ */
body#case{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_case.png) repeat 0 0;
}
#case #header table td{
	background:#fcfbe8;
	border-color:#fffbf3 #ccc3c3 #ccc3c3 #fffbf3;
}
#case .scoop_table,
#case .scoop_table td:not(.comment_entry){
	background:#f2f1df;
}
#case .case_table h2{
	font-size:18px;
	text-align:center;
}
#case .case_table .ttl_entry{
	color:#C41200;
}
#case .case_line{
	margin:0 0 2% 0;
}
#case .img_rico{
	display:inline-block;
	width:80px;
	min-height:auto;
}

#case .case_line .text_entry.full{
	width:100%;
	display:table;
}
#case .case_line .text_entry.full:first-child{
	margin:0;
}
#case .case_line .text_entry.full p,
#case .case_line .text_entry.full figure{
	display:table-cell;
	vertical-align:middle;
}
#case .case_line .text_entry.full p br{
	display:none;
}
#case .case_line .text_entry.full figure{
	width:20%;
}
#case .case_line .text_entry.full figure img,
#case .case_question > figure img{
	display:inline-block;
	width:100%;
	min-height:auto;
}

#case .case_question{
	font-weight:bold;
	text-align:center;
}
#case .case_question > p{
	margin:0 0 10px 0;
}
#case .case_question > figure{
	width:90%;
	margin:10px auto;
}
#case .case_question > figure.mini{
	max-width:150px;
}

#case .case_table .answer .bn_answer{
	display:block;
	text-align:center;
	cursor:pointer;
}
#case .case_table .answer .case_line{
	overflow:hidden;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
#case .case_table .answer .case_line.close{
	margin:0;
	max-height:0;
}
#case .case_table .answer .case_line.open{
	max-height:1500px;
}

#case .case_table .answer td,
#case .case_table .answer th{
	background:#fff;
	font-weight:bold;
	font-size:0.95em;
}
#case .case_table .answer .chika{
	color:#D80D1D;
}
#case .case_table .answer .hibari{
	color:#62219F;
}
#case .case_table .answer .shishiba{
	color:#2BA8B6;
}
#case .case_table .answer .rico{
	color:#FD5AA4;
}
#case .case_table .answer .tatewaki{
	color:#937B18;
}
.entry_03_table{
	width:90%;
	margin:20px auto;
}
.entry_03_table table{
	width:100%;
	border:solid 1px #ccc;
	border-bottom:none;
}
.entry_03_table table th,
.entry_03_table table td{
	width:15%;
	padding:4px;
	text-align:center;
	vertical-align:middle;
	border:none;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.entry_03_table table td:last-child{
	width:40%;
	text-align:left;
}
.entry_03_table table tr.gray td{
	background:#aaa!important;
}
.entry_03_table table tr.yellow td{
	background:#FFFF00!important;
}


/* ============================================================

tour

============================================================ */
body#tour{
	background:url(/extend/sidekicks/himitsu/_img/bg_ptn_tour.png) repeat 0 0;
}
#tour #header table td{
	background:#fff0f0;
	border-color:#fff8f8 #ccc3c3 #ccc3c3 #fff8f8;
}
.tour_intro td{
	padding:2%;
	background:#dff4ed;
	border:solid 1px #9b9b9b;
	vertical-align:top;
}
.tour_intro figure{
	width:120px;
	padding:0 20px 0 0;
}
.tour_intro figure img{
	display:block;
	width:100%;
	min-height:auto;
}
.tour_intro .left{
	float:left;
}
.tour_intro .right{
	float:right;
}

.tour_entry .ttl_entry{
	display:block;
	width:100%;
	padding:8px 0;
	line-height:1;
	background-color:#FF790B;
	border: 8px outset #FF8E39;
	border-radius:10px;
	box-sizing: border-box;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;	
	cursor:pointer;
}
.tour_entry .ttl_entry:hover,
.tour_entry .ttl_entry.visible{
	border: 8px outset #FFAD1D;
	background-color:#FFA300;
}
.tour_entry .body_entry{
	height:0;
	overflow:hidden;
	transition:all 0.4s ease;
}
.tour_entry .body_entry.visible{
	margin:20px 0;
	height:auto;
}
.tour_entry .body_entry p:not(:last-child){
	margin:0 auto 20px;
}
.tour_entry .body_entry figure{
	width:100%;
	max-width:640px;
	margin:0 auto 20px;
}
.tour_entry .body_entry figure img{
	display:block;
	width:100%;
	min-height:auto;
}