@charset "utf-8";

/* -------------------------------------------------------------------------------------

	ヘッダー

-------------------------------------------------------------------------------------- */

header{
	width:100%;
	background:#fff;
}

header .head{
	width:94%;
/*	padding:10px 0;*/
	margin:0px auto;
	text-align:center;
}

header .head h1{
	width:100%;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
}

header .head h1 img{
	width:100%;
	max-width:383px;
	height:auto;
}

header ul,
header ul li{
	width:100%;
	text-align:center;
}


header ul li img{
	width:70%;
	max-width:254px;
	height:auto;
	margin:0px auto;
}

header .head li{
	list-style:none;
	float:left;
	text-align:center;
	color:#323232;
	font-size:100%;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

header .head li a{
	display:block;
	padding:3px 0;
	width:90%;
	background:#0099CC;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}

/* -------------------------------------------------------------------------------------

	メインビジュアル

-------------------------------------------------------------------------------------- */

.mv{
	width:100%;
	background:#DDEFF3;
}

.mainimg img{
	width:100%;
	height:auto;
}

/* -------------------------------------------------------------------------------------

	証拠が無ければはじまりません！

-------------------------------------------------------------------------------------- */

.f-action{
	background-color: rgba(255,255,255,0.8);
	width:90%;
	padding:5%;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	position:relative;
	min-height:40px;
	margin-bottom:20px;
	text-align:center;
}

.contactinfo img{
	max-width:380px;
	width:100%;
	height:auto;
}

.f-tel{
	color:#323232;
	font-size:150%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.tel_deliver {
	font-size: 150%;
	display:block;
	padding:10px 0;
	width:100%;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:0px auto;
}

.tel_deliver02 {
	font-size: 120%;
	display:block;
	padding:10px 0;
	width:100%;
	background:#ed7d31;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:10px auto;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
}

.tel_deliver03 {
	padding:0;
	margin:0;
	background:initial;
}

.btn{
	width:100%;
	margin:10px auto 0px;
}

.btn img{
	width:100%;
	height:auto;
}

.first-problem{
	width:100%;
	background:#2282AE;
	padding-bottom:30px;
}

.inport{
	width:94%;
	padding:80px 0 0;
	margin:40px auto 0px;
	position:relative;
}

.imples img,
.inport img{
	width:100%;
	height:auto;
}

.first-problem .imples{
	position:absolute;
	top:-30px;
}

.inport ul{
	margin:20px 0 0px;}

.inport li{
	float:left;
	list-style:none;
	width:49%;
	margin:0 2% 0 0;
}

.inport li:last-child{
	margin:0;
}

/* -------------------------------------------------------------------------------------

	あなたのパートナーにこんな変化はありませんか？

-------------------------------------------------------------------------------------- */

.change{
	width:100%;
	margin:50px auto;
}

.change-bg{
	width:100%;
	margin:0px auto;
	padding-bottom:50px;
}

.change h2{
	width:94%;
	margin:0px auto;
	text-align:center;
}

.change img{
	width:100%;
	height:auto;
}

.change-bg ul{
	width:94%;
	margin:0px auto 30px;
}

.change-bg ul li{
	list-style:none;
	background:url(../img/icon-check.png) no-repeat left center;
	border-bottom:1px dotted #ccc;
	font-size:110%;
	line-height:150%;
	padding:10px 0 10px 30px;
}

.hit{
	width:94%;
	margin:0px auto;
}

.answer{
	text-align:center;
	z-index:20 !important;
	margin-top:-80px;
	padding-top:20px;
}

.bg-blue{
	width:100%;
	background:#D7E9F5;
	padding:20px 0 50px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.bg-blue:before{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #ccc;
	position: absolute;
	right: 45%;
	bottom: -41px;
}
.bg-blue:after{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #D7E9F5;
	position: absolute;
	right: 45%;
	bottom: -40px;
}

.cant{
	width:94%;
	margin:0px auto;
	font-size:110%;
	line-height:150%;
	font-weight:bold;
	margin-top:30px;
}

/* -------------------------------------------------------------------------------------

	このようなあなたの気持ち、お察しします

-------------------------------------------------------------------------------------- */

.mind{
	margin:0px auto;
	width:100%;
}

.mind p img{
	width:100%;
	height:auto;
}

.mind .mb-txt{
	padding:30px 0;
	text-align:center;
}

.mind .mb-txt p{
	margin-bottom:20px;
}

.mind .mb-txt p:last-child{
	margin:0;
}

.nopro{
	font-size:0;
	line-height:0;
}

/* -------------------------------------------------------------------------------------

	コンバージョンエリア

-------------------------------------------------------------------------------------- */

.action{
	box-shadow: 0 0 0 4px #ccc inset;
	width:90%;
	padding:0 5%;
	margin:0px auto 70px;
}

.action div{
	width:100%;
	padding:18px 0 18px;
	text-align:center;
}

.action div img{
	width:100%;
	height:auto;
}

.ac-tel{
	color:#323232;
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:15px;
}

.ac-tel a{
	display:block;
	padding:10px 0;
	width:100%;
    background:linear-gradient(0deg,#058cbb 0%, #058cbb 50%,#0099CC 50%,#0099CC 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}

.ac-tel02{
	color:#323232;
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:15px;
}

.ac-tel02 a{
	display:block;
	padding:10px 0;
	width:100%;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:0px auto;
}



/* -------------------------------------------------------------------------------------

	原一が選ばれる7つのポイント

-------------------------------------------------------------------------------------- */

.pointarea{
	background:url(../img/point-bg.gif) repeat left top;
	background-size:30px auto;
	padding:5px 0;
}

.point-base{
	width:96%;
	margin:0px auto;
}

.point-base img{
	width:100%;
	height:auto;
	margin:0px auto;
}

.point-base ul li{
	background:#fff;
	padding:10% 5%;
	list-style:none;
	margin-bottom:5px;
}

/* -------------------------------------------------------------------------------------

	「浮気調査事例の一部を公開します。」

-------------------------------------------------------------------------------------- */

.release{
	width:90%;
	border-bottom:5px solid #C8C8C8;
	padding:30px 5% 20px;
	position:relative
}

.release:before{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #C8C8C8;
	position: absolute;
	right: 44%;
	bottom: -45px;
}

.release:after{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #fff;
	position: absolute;
	right: 44%;
	bottom: -40px;
}

.release img{
	width:100%;
	height:auto;
}

.exa{
	background:#DCE9F0;
	padding:40px 0 0;
}

.case{
	background:#fff;
	margin:0px auto 0px;
	width:94%;
	padding:30px 3%;
}

.case img{
	width:100%;
	height:auto;
}

.case ul{
	width:100%;
	margin:0px auto;
}

.case ul li{
	width:100%;
	margin:0 20px 0 0;
	list-style:none;
}

.case ul li:last-child{
	margin:40px 0 0;
}

.case1{
	text-align:center;
	background:#3381A6;
	padding:3%;
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	width:94%;
	margin-bottom:15px;
}
.case ul li dl{
	margin-bottom:20px;}

.case ul li dt{
	font-size:90%;
	line-height:150%;
}

.case ul li dd{
	padding:0;
	margin:20px 0 0 ;
	font-size:0;
	line-height:0;
}

.case ul li p{
	text-align:left;
	font-size:90%;
	line-height:150%;
}

/* -------------------------------------------------------------------------------------

	実際の尾行の様子をご覧ください。

-------------------------------------------------------------------------------------- */

.movie{
	background:url(../img/movie-bg.gif) repeat top #fff;
	position:relative;
	width:100%;
	margin-bottom:40px;
}

.movie:after{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #333;
	position: absolute;
	right: 44%;
	bottom: -40px;
}


.movie h3{
	font-size:140%;
	line-height:150%;
	color:#fff;
	margin-bottom:15px;
	text-align:center;
}

.movie .area{
	width:94%;
	margin:0px auto;
	position:relative;
	padding:30px 0 38px;
}

.movie-frame iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie-frame{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	background:url(../img/movie-frame.gif) no-repeat center center;
}

/* -------------------------------------------------------------------------------------

	心配は一切いりません。

-------------------------------------------------------------------------------------- */

.safety{
	width:94%;
	margin:0px auto 50px;
}

.safety img{
	width:100%;
	height:auto;
}

.safe{
	font-size:120%;
	line-height:150%;
	text-align:center;
}

.safe span{
	color:#E95F5D;
	font-size:130%;
	font-weight:bold;
}

.extl{
	padding:5%;
	border-bottom:5px solid #CCCCCC;
}

.extl strong{
	font-weight:bold;
}

.extl span{
	color:#E46565;
}

.propose{
	box-shadow: 0 0 0 5px #1474B1 inset;
	background:url(../img/math.gif) repeat;
	padding:10%;
	margin:30px 0 50px;
	position:relative;
}

.propose:after{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #1474B1;
	position: absolute;
	right: 44%;
	bottom: -40px;
}

.propose li{
	list-style:none;
	background:url(../img/icon-check.png) no-repeat left 10px;
	font-size:120%;
	line-height:150%;
	padding:0 0 10px 40px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}

.propose li:last-child{
	border:none;
	padding-bottom:0;
}

.propose li strong{	color:#1372B1;}

/* -------------------------------------------------------------------------------------

	何故調査力は重要なの！？
　　探偵事務所を選ぶ場合に重要な「調査力」！

-------------------------------------------------------------------------------------- */

.important{
	background:url(../img/important-bg.gif) repeat left top;
	background-size:30px auto;
	padding:40px 0;
}

.important-base{
	width:94%;
	margin:0px auto;
}

.important-base img{
	width:100%;
	height:auto;
}

.important-base ul{
	background:#fff;
	padding:10% 5%;
	list-style:none;
	margin-bottom:5px;
}

.important-base ul li{
	width:100%;
	margin:0 0 30px;
	list-style:none;
}

.important-base ul li:last-child{
	margin:0;
}

.important-base ul li dt{
	font-weight:bold;
	color:#1372B1;
	border-bottom:1px dotted #ccc;
}

.imp-case01{
	background:url(../img/imp-case01.gif) no-repeat left center;
	background-size:46px auto;
	padding:10px 0 10px 56px;
}

.imp-case02{
	background:url(../img/imp-case02.gif) no-repeat left center;
	background-size:46px auto;
	padding:10px 0 10px 56px;
}

.imp-case03{
	background:url(../img/imp-case03.gif) no-repeat left center;
	background-size:46px auto;
	padding:10px 0 10px 56px;
}

.important-base ul li dd p{
	margin-top:20px;
	font-size:90%;
	line-height:150%;
}

.important-base ul li dd span{
	color:#E46565;
	font-weight:bold;
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------

	テレビ各局から信頼される
	「原一探偵事務所の圧倒的な”調査力！”」

-------------------------------------------------------------------------------------- */

.tvision{
	width:94%;
	padding:30px 3%;
	margin:0px auto;
	position:relative;
}

.tvision p img{
	width:100%;
	height:auto;
}

.tvision:after{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #fff;
	position: absolute;
	right: 44%;
	bottom: -40px;
}


#media {
	background: url(../img/bg_media.png) repeat;
	color: #fff;
	font-size: 87%;
	line-height: 170%;
	padding-bottom: 60px;
	padding-top:40px;
}

#media .boxs{
	width:94%;
	margin:0px auto;
}


#media h2{
	text-align:center;
	margin-bottom:20px;
}

#media h2 img{
	width:100%;
	height:auto;
}

#media ul {
	list-style: none;
}

#media ul li {
	display: inline;
	float: left;
}

#media ul.tv li{
	width:48%;
	float:left;
	margin:0 4% 30px 0;
}

#media ul.tv li:nth-child(2n){
	margin:0 0 30px;
}

#media ul.tv li img{
	width:100%;
	height:auto;
}


#media div.magazine {
	background: url(../img/media_bg_magazine.png) no-repeat bottom center;
	background-size:100% auto;
}

#media div.magazine ul {
	width: 70%;
	margin: 40px auto 0;
}

#media div.magazine ul li{
	width:48%;
	float:left;
	margin:0 4% 20px 0;
}

#media div.magazine ul li:nth-child(2n){
	margin:0 0 20px 0;
}

#media div.magazine ul li img{
	width:100%;
	height:auto;
}

#media div.magazine ul li p { margin-bottom:5px; }

/* -------------------------------------------------------------------------------------

	原一探偵事務所はお客様のお気持ちを第一に考えます。
	お客様が理想とする結末までをしっかりサポートします。

-------------------------------------------------------------------------------------- */

.ideal{
	margin:50px auto;
	width:94%;
}

.ideal img{
	width:100%;
	height:auto;
}

.ideal dl dt{
	width:100%;
}

.ideal dl dd{
	width:100%;
	padding:10px 0 0;
}

/* -------------------------------------------------------------------------------------

	原一探偵事務所のワンストップサービス。

-------------------------------------------------------------------------------------- */

.staff-bg{
	background:url(../img/staff-bg.gif) repeat;}
	
.staff{
	width:94%;
	margin:0px auto;
	padding-bottom:30px;
}

.staff img{
	width:100%;
	height:auto;
}

.staff dl{
	padding:6%;
}

.step-1{
	background:url(../img/one-bg01.png) no-repeat left top;
}

.step-2{
	background:url(../img/one-bg02.png) no-repeat left top;
}

.step-3{
	background:url(../img/one-bg03.png) no-repeat left top;
}

.staff ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .staff ul { zoom:1; }
*:first-child+html .staff ul { zoom:1; }

.staff ul{
	margin:20px 0 0 0;}

.staff .name{
	font-weight:bold;
	margin-bottom:10px;
}
.staff .name span{
	font-size:90%;
}

.delt{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}

.staff dl li{
	width:48%;
	margin:0 4% 0 0;
	float:left;
	list-style:none;
	font-size:80%;
	line-height:150%;
}

.staff dl li:last-child{
	margin:0;}

/* -------------------------------------------------------------------------------------

	ご相談～ご依頼の流れ

-------------------------------------------------------------------------------------- */

.flow{
	box-shadow: 0 0 0 4px #999 inset;
	padding:5%;
	width:90%;
	margin:60px auto 30px;
	position:relative;
}

.flow h4{
	text-align:center;
	background:url(../img/flow-dot.gif) repeat;
	color:#fff;
	font-size:130%;
	padding:16px 5%;
}

.flow ul{	margin-top:30px;}

.flow ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .flow ul { zoom:1; }
*:first-child+html .flow ul { zoom:1; }

.flow li{
	list-style:none;
}
	
.flow li img{
	width:100%;
	height:auto;
}

.flow li.fl{
	width:80%;
	padding:0 0 0 20%;
	margin-bottom:20px;
}

.flow li.no01{	
	background:url(../img/flow-01.gif) no-repeat left top;
	background-size:40px auto;
}

.flow li.no02{	
	background:url(../img/flow-02.gif) no-repeat left top;
	background-size:40px auto;
}

.flow li.no03{	
	background:url(../img/flow-03.gif) no-repeat left top;
	background-size:40px auto;
}

.flow li.no04{	
	background:url(../img/flow-04.gif) no-repeat left top;
	background-size:40px auto;
}

.inchant{
	font-size:140%;
	line-height:120%;
}

.subs{
	font-size:110%;
	line-height:150%;
	color:#1372B1;
	margin-bottom:20px;
}

.folows{
	width:94%;
	margin:0px  auto 60px;
}

.folows img{
	width:100%;
	height:auto;
}

.folows .fl{
	width:48%;
	float:left;
}

.folows .fr{
	width:48%;
	float:right;
}

.folows .fl img{
	width:100%;
	height:auto;
}

.folows ul{
	margin:0 0 0 20px;}

/* -------------------------------------------------------------------------------------

	原一探偵事務所のご案内

-------------------------------------------------------------------------------------- */	
	
.c-name{
	text-align:center;
	font-size:150%;
	line-height:150%;
	font-weight:bold;
	margin-bottom:20px;
}

.cp-bg{
	width:100%;
	background:url(../img/cp-bg.jpg) repeat center top;
	background-size:auto 100%;
}

.cp-bg img{
	width:100%;
	height:auto;
}

.cp-bg .caparea{
	width:94%;
	margin:0px auto;
	background:url(../img/un-delat.png) no-repeat center top;
	padding:60px 0;
}

.cmda{
	font-size:140%;
	text-align:center;
	font-weight:bold;
	color:#1E7199;
	margin-bottom:20px;
}

.data{
	width:94%;
	margin:0px auto 50px;
}

.data table{
	width:100%;
	margin:0 0 40px 0;
}

.data table th{
	display:block;
	width:100%;
	padding:2% 0 0;
	text-align:left;
	font-size:90%;
}

.data table td{
	display:block;
	width:100%;
	padding:0 0 2%;
	text-align:left;
	font-size:90%;
}

.data table tr{
	border-bottom:1px solid #ccc;
}

.sub-list li{
	width:100%;
	margin:0px 0 0;
	font-size:80%;
	line-height:150%;
	list-style:none;
}

.sub-list li:last-child{
	margin:0;
}

.sub-list li dd{
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}



/* -------------------------------------------------------------------------------------

	お問い合わせ

------------------------------------------------------------------------------------- */

.inqtit img{
	width:100%;
	height:auto;
}

ul.inq-tel,
ul.inq-tel li{
	width:100%;
	text-align:center;
}


ul.inq-tel li img{
	width:70%;
	max-width:254px;
	height:auto;
	margin:0px auto;
}

ul.inq-tel li{
	list-style:none;
	text-align:center;
	color:#323232;
	font-size:150%;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

ul.inq-tel li a{
	display:block;
	padding:10px 0;
	width:90%;
    background:linear-gradient(0deg,#058cbb 0%, #058cbb 50%,#0099CC 50%,#0099CC 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}

ul.inq-tel02,
ul.inq-tel02 li{
	width:100%;
	text-align:center;
}


ul.inq-tel02 li img{
	width:70%;
	max-width:254px;
	height:auto;
	margin:0px auto;
}

ul.inq-tel02 li{
	list-style:none;
	text-align:center;
	color:#323232;
	font-size:140%;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

ul.inq-tel02 li a{
	display:block;
	padding:3px 0;
	width:90%;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}


ul.inq-tel02 li a{
	display:block;
	padding:10px 0;
	width:90%;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:10px auto;
}

#inquiry{
	width:84%;
	margin:20px auto;
	padding:5%;
	background:#E7ECEF;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
}
.formWrap{
	width:84%;
	margin:20px auto 80px;
	padding:5%;
	background:#E7ECEF;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
}

.single img{
	width:100%;
	height:auto;
}

#inquiry dl{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

#inquiry img{
	width:100%;
	height:auto;
}

#inquiry dt.required{
	background:url(../img/inquiry_icon_required.png) no-repeat left top;
	background-size: auto 20px;
	padding:0 0 0 50px;
	margin-bottom:10px;
}

#inquiry .long input,
#inquiry .long textarea{
	padding:2%;
	width:96%;
}

#inquiry .short input{
	padding:2%;
}

.submit{
	background:url(../img/submint.jpg) no-repeat left top;
	background-size:100% auto;
	border:none;
	width:100%;
	height:50px;
	margin:0px auto;
	text-indent:-9999px;
	text-align:center;
}

address{
	padding:20px 0;
	text-align:center;
}

.ERR{	color:#C00;}

.box{
    width:1000px;
	margin:0px auto 0;
	box-shadow:0px 0px 5px #ccc;
	padding:20px;
}


.titlebar_private {
    background-color:#2884AC ;
    display: block;
    height: 60px;
    text-decoration: none;
	color:#fff;
	font-weight:bold;
    width: 100%;
	margin:20px auto;
	text-align:center;
	font-size:35px;
	line-height:160%;
	box-shadow: 0px 0px 5px #ccc;
}


.pp_title {
    border-left:10px solid #2884AC; 
	border-bottom:1px solid #2884AC; 
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 20px;
    font-weight: normal;
    height: 45px;
    line-height: 235%;
    margin: 10px 0;
    padding: 0;
    text-indent: 10px;
	font-weight:bold;
}

#cont .txt_box {
    height: auto;
    line-height: 140%;
    margin: 0 auto;
    padding: 10px;
    width: 95%;
}

.copyright {
    background-color: #2884AC;
    color: #ffffff;
    height: 40px;
    margin: 15px auto 0;
    padding-top: 15px;
	    text-align: center;
}

.coupon {
	width: 92%;
	margin: auto auto;
}
.coupon img{
	width: 100%;
}
/* -------------------------------------------------------------------------------------

	#followFoot

-------------------------------------------------------------------------------------- */
#followFoot{
	width:100%;
	background: #0283c9;
	overflow: hidden;
	padding: 10px 0  0;
	position: fixed;
	bottom: 0;
	z-index: 999;
}
#followFoot .inner{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
#followFoot ul{
	overflow: hidden;
}
#followFoot .txt{
	color: #222;
	/* margin-bottom: 5px; */
	font-size: 13px;
	background: #eee;
	text-align: center;
}
#followFoot li{
	list-style: none;
}
#followFoot li img{
	width: 100%;
}
#followFoot .left{
	float: left;
	width: 48%;
	padding-left: 1%;
}
#followFoot .right{
	float: right;
	/* padding-top: 5px; */
	width: 48%;
	padding-right: 1%;
	margin-top:9px;
}


#followFoot .left02{
	float: left;
	width: 48%;
	padding-left: 1%;
}
#followFoot .center02{
	float:right;
	width: 48%;
	padding-right: 1%;
}
#followFoot .right02{
	float: right;
	/* padding-top: 5px; */
	width: 32%;
	padding-right: 1%;
}

#followFoot .right03{
   margin:0 auto;
	width: 98%;
	padding-right: 1%;
}


.ranking img{
	display: block;
	width:100%;
	margin: 0 auto;
}



.cp_boxleft{

}

.cp_boxright{

}

.cp_boxright img{
	width: 35%;
display: block;
margin: 0 auto;
}

.cp_boxleft02{

}

.cp_boxright02{

}

.cp_boxleft02 img{
	width: 35%;
display: block;
margin: 0 auto;	
}

.cpbox00 {
	margin: -2% auto;
}


.balloon1-right{
	background-color: #a7d5ed;
	margin: 2% 2%;
	padding:3%;
}

.cp_tb02{
	font-size: 120%;
	font-weight: bold;
}

.cp_bb02 span{
	text-align: right;
}

.cp_bb02{
	background-color: #f0c0eb;
	padding:2%;
	margin:0% auto 2%;
	font-size: 108%;
	color:#000;
	font-weight: bold;
}

/* 吹き出し本体 */
.balloon1{
  position: relative;
  padding: 2%;
  background-color: #a7d5ed;;
  display: inline-block;     /* 横幅を自動で変更 */
   margin:2% 2%;	
}

/* beforeで三角を表現 */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #a7d5ed;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.balloon2{
  position: relative;
  padding: 2%;
  background-color: #a7d5ed;
  display: inline-block;     /* 横幅を自動で変更 */
   margin:2% 2%;	
}

/* beforeで三角を表現 */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #a7d5ed;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.cp_txt02{
font-size: 91%;
line-height: 140%;
}



.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '↓'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
    background-color: #1f4356;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 380px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '↑'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}