@charset "utf-8";
/*
Theme Name: マンションオートロック専科
Version:1.0.0
Author: Detail Drawing
Theme URI: http://detail-drawing.com/
Description: マンションオートロック専科様用のオリジナルテーマ
*/

/*////////////////////////////////////////////////////

	[Font-size list (base: 13px)]
	 62% =  8px
	 70% =  9px
	 77% = 10px
	 85% = 11px        162% = 21px        239% = 31px
	 93% = 12px        170% = 22px        247% = 32px
	100% = 13px        177% = 23px        254% = 33px
	108% = 14px        185% = 24px        262% = 34px
	116% = 15px        193% = 25px        270% = 35px
	124% = 16px        200% = 26px        277% = 36px
	131% = 17px        208% = 27px        285% = 37px
	139% = 18px        216% = 28px        293% = 38px
	147% = 19px        224% = 29px        300% = 39px
	154% = 20px        231% = 30px        308% = 40px


/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Base] 
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,a,p,blockquote,pre,abbr,address,
cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video {
	/*padding と border の幅を要素の幅と高さに含める*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { 
	overflow-y: scroll;
	-webkit-text-size-adjust: 100% /* スマホ文字サイズの自動調整をオフ */
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 13px;
	*font-size: 82%;
	/* for ie6/7 */
}
a {
	color: #333;
	transition: all 0.3s;
}
a:hover,
a:active {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}
h1 {}
.h1A {}
.h1B {}
h2 {}
.h2A {
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	text-shadow: 0 0 5px #000;
}
.h2B {
	color: #10843a;
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 50px;
	text-align: center;
}
.h2C {
	color: #ff0000;
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 50px;
	text-align: center;
}
.area-top-price h2,
.area-top-reason h2,
.area-top-ranking h2,
.area-top-kikan h2,
.area-top-construction h2,
.area-top-report h2,
.area-top-voice h2,
.area-top-type h2,
.area-top-forms h2 {
	background: #10843a;
	color: #FFF;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 50px;
	text-align: center;
	padding: 20px 0;
}
@media only screen and (max-width: 1000px) {
	.h2A {
		font-size: 18px;
	}
	.h2B {
		font-size: 18px;
		margin-bottom: 30px;
	}
	.area-top-price h2,
	.area-top-reason h2,
	.area-top-ranking h2,
	.area-top-kikan h2,
	.area-top-construction h2,
	.area-top-report h2,
	.area-top-voice h2,
	.area-top-type h2,
	.area-top-forms h2 {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 10px;
		padding: 10px 0;
	}
	.h2C {
		font-size: 24px;
		margin-bottom: 10px;
	}
}
h3 {}
.h3A {
	color: #ffa72a;
	font-size: 30px;
	font-weight: 800;
	margin: 50px 0 20px;
	text-align: center;
}
.h3B {}
@media only screen and (max-width: 1000px) {
	.h3A {
		font-size: 14px;
		margin: 10px 0;
	}	
}
h4 {}
.h4A {}
.h4B {}
h5 {}
.h5A {}
.h5B {}
h6 {}
.h6A {}
.h6B {}
p {
    font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 1em;
}

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
ul { letter-spacing: -.40em; }
li { list-style: none; letter-spacing: normal; }
ul.basic li { float: left; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	width: 100%;
}
table.typeA {
	border-bottom: 1px solid #e6e6e6;
}
table.typeA th {
	border-top: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: 400;
	padding: 15px 0;
    text-align: left;
    width: 15%;
}
table.typeA td {
	border-top: 1px solid #e6e6e6;
	padding: 15px 0;
	width: 85%;
}
@media only screen and (max-width: 500px) {
	table.typeA th {
		width: 30%;
	}
	table.typeA td {
		width: 70%;
	}
}



/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
	box-sizing: border-box;
	color: #333;
	font-size: 12px;
	padding: 7px;
	width: 100%;
}
.wpcf7 .wpcf7-form ul {
	margin-bottom: 15px;
}
.wpcf7 .wpcf7-form li {
	float: left;
}
.wpcf7 .wpcf7-form li.item {
	font-size: 12px;
	width: 15%;
}
.wpcf7 .wpcf7-form li.formarea {
	width: 85%;
}
.wpcf7-submit {
	background: #ffba1d;
	border-style: none;
	color: #FFF;
	font-weight: 800;
	font-size: 24px;
	padding: 10px 0;
	width: 100%;
	transition: all 0.3s;
}
.wpcf7-submit:hover {
	background: #10843A;
}
@media only screen and (max-width: 1000px) {
	.wpcf7 .wpcf7-form li {
		float: none;
	}
	.wpcf7 .wpcf7-form li.item {
		width: 100%;
	}
	.wpcf7 .wpcf7-form li.formarea {
		width: 100%;
	}
	.wpcf7-submit {
		font-size: 18px;
	}
}

/*メインビジュアルエリア*/
.hero .wpcf7 .wpcf7-form {
	background-color: rgba(255,255,255,0.7);
	height: 340px;
	left: 320px;
	padding: 30px;
	position: absolute;
	top: 135px;
	width: 680px;
}


/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
    border: none;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}
object {
    vertical-align: middle;
    outline: none;
}
em, strong { font-weight: bold; font-style: normal; }
abbr, acronym { border: none; font-variant: normal;}
q { quotes: "「" "」" "『" "』"; }
q:before { content: open-quote; }
q:after { content: close-quote; }
address, caption, cite, code, dfn, var {
	font-weight: normal; font-style: normal;
}
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr {
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 20px 0;
}



/* --------------------------------------------------
	7. For IE6/7
-------------------------------------------------- */
/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }



/* --------------------------------------------------
	8. FLEX関連
-------------------------------------------------- */

/* 横並び設定
------------------------------*/
.flex-base {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.flex-bet {
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.flex-wrap{
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap: wrap;
}
@media only screen and (max-width: 1000px) {
	.flex-base img {
		height: auto;
		width: 100%;
	}
}

/* フィギュア設定
------------------------------*/
.fig-1 { width: 100%; }
.fig-2 { width: 475px; }
.fig-3 { width: 300px; }
.fig-4 { width: 225px; }

@media only screen and (max-width: 1000px) {
	.fig-2 {
		margin-bottom: 10px;
		width: 100%;
	}
	.fig-3 {
		margin-bottom: 10px;
		width: 100%;
	}
	.fig-4 {
		margin-bottom: 10px;
		width: 48%;
	}
	.fig-5 { width: 200px; }
}



/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Layout]
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */

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

	0. Container

-------------------------------------------------- */
.wrapper {
	margin: 0 auto;
	width: 1000px;
}

@media only screen and (max-width: 1000px) {
	.wrapper {
		width: 96%;
    }
}

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

	1. ヘッダエリア

-------------------------------------------------- */
header {
	background: #FFF;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	width: 100%;
}
/*インフォメーション*/
.header-info {
	float: left;
}
.header-info h1 {
	color: #FFF;
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0;
}
.header-contact {
	float: right;
}
.header-contact p {
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0;
}

/*ナビエリア*/
.header-logo {
	float: left;
	padding: 29px 0;
}
.header-logo img {
	height: 42px;
	width: auto;
}
.header-nav {
	float: right;
	padding: 25px 0 0 0;
}
@media only screen and (max-width: 1000px) {
.header-logo {
	padding: 15px 0;
}
.header-logo img {
	height: 40px;
	width: auto;
}
}

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

	2. コンテンツエリア

-------------------------------------------------- */
.contents-top {
}
@media only screen and (max-width: 1000px) {
	.contents-top {
	}
}


/* メインビジュアル
--------------------------------------------------*/
.hero {
	height: 500px;
	background-image: url(img/top-mainvisual.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 100px;
}
.hero .wrapper {
	position: relative;
}
@media only screen and (max-width: 1000px) {
	.hero-sp {
		margin-bottom: 30px;
	}
	.hero-sp img {
		height: auto;
		width: 100%;
	}	
}

/* トップページ
------------------------------*/
.area-top {
	margin-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
	.area-top {
		margin-bottom: 30px;
	}	
}

/*メインビジュアル*/

/*納得の価格と安心の施工公開！まずはご相談ください！*/
.area-top-price {}

/*お客様満足度96％以上で選ばれる3つ理由*/
.area-top-reason .fig-3 .inner {
	background: #f9fcf5;
	border: solid 1px #d7e8b8;
	padding: 30px;
	text-align: center;
}
.area-top-reason .fig-3 .inner h3 {
	color: #10843a;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 10px;
}
.area-top-reason .fig-3 .inner p {
	margin-bottom: 0;
	text-align: left;
}
@media only screen and (max-width: 1000px) {
	.area-top-reason img {
		height: auto;
		width: 50%;
	}
}

/*入居者に人気の設備ランキング*/
.area-top-ranking .inner {
	background: #f9fcf5;
	border: solid 1px #d7e8b8;
	padding: 30px;
}
.area-top-ranking .inner h3 {
	background: #10843A;
	color: #FFF;
	font-size: 18px;
	line-height: 2em;
	margin-bottom: 10px;
	text-align: center;
}
.area-top-ranking .inner li {
	font-size: 18px;
}
.area-top-ranking p {}

@media only screen and (max-width: 1000px) {
	.area-top-ranking p {
		text-align: left;
		margin-top: 0px;
	}
	.area-top-ranking .inner {
		padding: 20px;
	}
	.area-top-ranking .inner li {
		font-size: 14px;
	}
}


/*インターホン工業会による更新についてとメーカーの部品の保有期間*/
.area-top-kikan ul li.thum {
	float: left;
	width: 15%;
}
.area-top-kikan ul li.thum img {
	height: auto;
	width: 100%;
}
.area-top-kikan ul li.desc {
	float: right;
	width: 80%;
}
@media only screen and (max-width: 1000px) {
	.area-top-kikan ul li.thum {
		float: none;
		margin: 15px auto;
		width: 70%;
	}
	.area-top-kikan ul li.desc {
		float: none;
		width: 100%;
	}
}


/*施工までの流れ*/
.area-top-construction {}

/*よくあるご質問*/
.area-top-faq {
	background-image: url(img/top-faq.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0;
}
.area-top-faq h3 {
    background: #ffba1d;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    margin-top: 50px;
    padding: 15px 0;
    text-align: center;
}
.area-top-faq .inner {
	background: #FFF;
	padding: 40px 100px;
}
@media only screen and (max-width: 1000px) {
	.area-top-faq h3 {
		font-size: 14px;
		margin-top: 10px;
		padding: 15px;
		text-align: center;
	}	
	.area-top-faq .inner {
		padding: 20px;
	}
}


/*マンションオートロック専科のシステム*/
.area-top-system .inner {
	border: 10px solid #10843a;
	position: relative;
	padding: 50px 90px;
}

/*リニューアル時の施工の報告と確認方法について*/
.area-top-report .inner {
	background: #f9fcf5;
	border: solid 1px #d7e8b8;
	padding: 30px;
	text-align: center;
}
.area-top-report p {
	text-align: center;
	margin-top: 50px;
}
@media only screen and (max-width: 1000px) {
	.area-top-report p {
		text-align: left;
		margin-top: 0px;
	}	
}

/*注意*/
.area-top-attention {
	background-image: url(img/top-attention-01.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0;
}
.area-top-attention .inner {
	background-color: rgba(0,0,0,0.7);
	padding: 50px;
}
.area-top-attention .inner p {
	color: #FFF;
	text-align: center;
}
@media only screen and (max-width: 1000px) {
	.area-top-attention .inner {
		padding: 20px;
	}
	.area-top-attention .inner p {
		text-align: left;
	}
}

/*お客様の声*/
.area-top-voice .fig-2 .inner {
	background: #fdf6e5;
	margin-bottom: 50px;
}
.area-top-voice .fig-2 .inner .ttl {
	align-items: center;
	display: flex;
	height: 100px;
	justify-content: center;
}
.area-top-voice .fig-2 .inner h3 {
	color: #efa601;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2em;
	text-align: center;
}
.area-top-voice .fig-2 .inner p.owner{
	background: #efa601;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
	text-align: center;
}
.area-top-voice .fig-2 .inner .desc {
	height: 120px;
	padding: 15px 40px 0;
}
.area-top-voice .fig-2 .inner .desc p {
	margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
	.area-top-voice .fig-2 .inner {
		margin-bottom: 10px;
	}
	.area-top-voice .fig-2 .inner h3 {
		font-size: 14px;
	}
	.area-top-voice .fig-2 .inner .ttl {
		height: 60px;
	}
	.area-top-voice .fig-2 .inner p.owner {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	.area-top-voice .fig-2 .inner .desc {
		height: auto;
		padding: 15px;
	}
}

/*マンショオートロックの種類や修理・リニューアルについて*/
.area-top-type .fig-2 {
	border: 10px solid #7fbf26;
	padding: 40px 25px;
}
.area-top-type .fig-2 h3 {
	color: #7fbf26;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: center;
}

/*その他のシステム例*/
.sonota {}
.sonota h3 {
	color: #10843A;
	font-size: 18px;
	font-weight: 600;
	margin: 30px 0 10px 0;
}
.sonota .flex-base {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.sonota .flex-bet {
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.sonota .flex-wrap{
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap: wrap;
}


/*マンショオートロックのリニューアルの流れ*/
.area-top-flow {
	background-image: url(img/top-flow.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0;
}
.area-top-flow p {
	color: #FFF;
    text-align: center;
	margin: 20px 0;
}
.area-top-flow .fig-2 {
	margin-bottom: 30px;
}
@media only screen and (max-width: 1000px) {
	.area-top-flow p {
		text-align: left;
	}	
}

/*お申込みフォーム*/
.area-top-forms {}




/* 下層ページ設定
------------------------------*/
.contents-lower {
	margin-top: 50px;
}
@media only screen and (max-width: 1000px) {
	.contents-lower {
		margin-top: 30px;
	}
}

.contents-lower h2 {
    background: #117933;
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    height: 80px;
    line-height: 80px;
    margin-bottom: 60px;
    text-align: center;
}
.contents-lower h3 {
	border-bottom: 1px solid #117933;
	color: #117933;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 40px;
}
.contents-lower h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
}


/*ブログ記事一覧*/
.postList {
	border-bottom: dashed 1px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.postList li {
	margin-right: 20px;
}

.homeLp a {
	background: #f2f2f2;
	display: block;
	line-height: 50px;
	margin: 100px 0;
	text-align: center;
	text-decoration: none;
}
/* --------------------------------------------------

	3. サイドバー

-------------------------------------------------- */
#sidebar {
	
}


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

	4. フッタエリア

-------------------------------------------------- */
footer {
	margin-top: 100px;
}

/* コピーライト
------------------------------*/
.ft-copy {
	float: right;
    height: 100px;
    line-height: 100px;
    text-align: center;
	width: 34%;
}
.ft-copy a {
    color: #FFF;
    text-decoration: none;
}
@media only screen and (max-width: 1000px) {
	.ft-copy {
		float: none;
		height: 30px;
		line-height: 30px;
		width: 100%;
	}
}

/* メニュー
------------------------------*/
.ft-menu {
	float: right;
    height: 100px;
    line-height: 100px;
    text-align: right;
	width: 33%;
}
.ft-menu a {
	color: #FFF;
	text-decoration: none;
}
@media only screen and (max-width: 1000px) {
	.ft-menu {
		float: none;
		height: 30px;
		line-height: 30px;
		text-align: center;
		width: 100%;
	}
}



/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Module]
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */


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

	1. Common Module

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

/* textSize
----------------------------------- */
.textSize10 { font-size:77%; }
.textSize12 { font-size:93%; }
.textSize14 { font-size:108%; }
.textSize16 { font-size:124%; }
.textSize18 { font-size:139%; }
.textSize20 { font-size:154%; }
.textSize22 { font-size:170%; }
.textSize24 { font-size:185%; }
.textSize26 { font-size:200%; }
.textSize28 { font-size:216%; }
.textSize30 { font-size:231%; }
.textSize40 { font-size:308%; }
.textSize50 { font-size:385%; }
.textSize60 { font-size:462%; }
.bold { font-weight: bold;}

/* font weight
----------------------------------- */
.fw10 { font-weight: 100; }
.fw20 { font-weight: 200; }
.fw30 { font-weight: 300; }
.fw40 { font-weight: 400; }
.fw50 { font-weight: 500; }
.fw60 { font-weight: 600; }
.fw70 { font-weight: 700; }
.fw80 { font-weight: 800; }
.fw90 { font-weight: 900; }

/* textColor
----------------------------------- */
.textWhite { color: #FFFFFF; }
.textGray { color: #bfbfbf; }
.textRed { color: #ff0000; }
.textBlue { color: #0878c1; }
.textOrange { color: #f39700; }
.textGreen { color: #638c0b; }

/* background color
----------------------------------- */
.s-bg-black { background: #000; }
.s-bg-green { background: #10843a; }



/* Button
----------------------------------- */



/* section
----------------------------------- */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }

.mb1000 { margin-bottom: 1000px; }

/* grid
------------------------------*/
.grid1 { width: 10%; }
.grid2 { width: 20%; }
.grid3 { width: 30%; }
.grid4 { width: 40%; }
.grid5 { width: 50%; }
.grid6 { width: 60%; }
.grid7 { width: 70%; }
.grid8 { width: 80%; }
.grid9 { width: 90%; }
.grid10 { width: 100%; }

/* position
----------------------------------- */
.naka { text-align: center; }
.migi { text-align: right; }


/* --------------------------------------------------
	90. Other
-------------------------------------------------- */

/*スマホの場合は非表示にする*/
@media screen and (max-width: 999px) {
    /* 999px以下用（タブレット／スマートフォン用）の記述 */
	.no-sp { display: none; }
}
/*PCの場合は非表示にする*/
@media screen and (min-width: 1000px) {
	/*1000px以上用（PC用）の記述*/
	.no-pc { display: none; }
}

.cf:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
    overflow:hidden;
}
.cf { zoom:1;/*for IE 5.5-7*/ }