/*
Theme Name: FANNY
Theme URI: http://http://www.fanny-lace.co.jp
Author: ACS
Author URI: http://www.acs-net.co.jp/
Description: 株式会社ファニー様用テーマ
Version: 1.0
Template: habakiri
*/
@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700);
/*======================================

	書体の設定

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

body {
    /* ゴシック体の場合 */
    font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8;
    color: #F2F2F2;
    margin:0;
    padding:0;
}

ul, ol, dl, table {
    margin-bottom: 20px;
}

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

	h1の設定

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

h1 img{
	vertical-align:middle;
}
/*======================================

	h2の設定

=======================================*/
.entry__content > :first-child{
	margin-top: 50px;
}
h2{margin-top: 50px;}


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

	pの設定

=======================================*/
p{
	width:100%; /* 700px以下は幅いっぱいに広げる */
	max-width:700px; /* 最大幅の指定 */
	margin:30px auto 50px auto; /* ブロック要素の中央揃え */
}
.post-5 p {
    max-width:710px;
}

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

	リストの設定

=======================================*/
div.entry__content ul, div.entry__content ol{
	width:100%; /* 700px以下は幅いっぱいに広げる */
	max-width:700px; /* 最大幅の指定 */
	margin:30px auto 0 auto; /* ブロック要素の中央揃え */
	list-style: none;
	font-size: 1.2em;
	line-height: 2.0;
}
div.entry__content ul li {
	margin-top: .5em;
}
div.entry__content ul li:first-child {
	margin-top: 0;
}
div.entry__content ul li {
	position: relative;
}
div.entry__content ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .8em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #ac1875;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
div.entry__content ol li{
	list-style-type: decimal;
	margin-left: 10px;
	position: relative;
}

div.entry__content ol.kanji li {
	list-style-type: cjk-ideographic;
	margin-left: 10px;
	position: relative;
}
div.entry__content ul.children{
	margin: 10px 0 0 -38px;
}
div.entry__content ul.children li{
	font-size: 0.9em;
	margin: 2px 0;
	padding: 0 0 5px 0;
}
div.entry__content ul#pp{
	margin-top: -30px;
	margin-bottom: 50px;
}
/*======================================

	tableの設定

=======================================*/
table{
	width:100%; /* 700px以下は幅いっぱいに広げる */
	max-width:700px; /* 最大幅の指定 */
	margin:30px auto 0 auto; /* ブロック要素の中央揃え */
}
table.table{
	width:100%; /* 700px以下は幅いっぱいに広げる */
	max-width:700px; /* 最大幅の指定 */
	margin:30px auto 0 auto; /* ブロック要素の中央揃え */
}
.table > tbody > tr > td, .table > tbody > tr > th{
	padding: 15px;
	line-height: 2.0;
	font-size: 1.2em;
	border-top: none;
	font-weight: normal;
}



table.table-striped > tbody > tr > th {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
table.table-striped > tbody > tr > td {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
table.table-striped > tbody > tr:nth-child(odd) {
	background-color: #333;
}


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

	フォームの設定

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

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="text"],
textarea {
	width: 100%;
	padding: 5px;
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
}
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #ac1875;
	border: 1px solid #ac1875;
}
input[type="email"],
textarea {
	width: 100%;
	padding: 5px;
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
}
input[type="email"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #ac1875;
	border: 1px solid #ac1875;
}

/* input type="checkbox" のみ */
input[type="checkbox"] {
	property: value;
}

/* input type="reset" のみ */
input[type="reset"] {
	property: value;
}

/* input type="submit" のみ */
input[type="submit"] {
	property: value;
	border: 1px solid #ac1876;
	background: #ac1876;
	color: #fff;
	padding: 8.5px 18px;
}

select{
	width: 100%;
	height: 40px;
	line-height: 2.0;
	font-size: 1em;
	border:1px solid #aaa;
	margin-bottom:5px;
	padding: 0;
}
select:focus {
	box-shadow: 0 0 7px #ac1875;
	border: 1px solid #ac1875;
}
div#entry span.hissu{color: #ac1876; font-size: 0.7em;}

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

	ページ共通の設定

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

div.header__content{
	width:100%; /* 960px以下は幅いっぱいに広げる */
	max-width:960px; /* 最大幅の指定 */
	height:auto; /* 高さの指定 */
	margin:0 auto; /* ブロック要素の中央揃え */
}
#main{margin-bottom: 0;}
div.page-header{
	padding: 0;
	border-bottom: none;
}
div.sub-page-contents{
	padding-top: 0;
}
div.entry{
	margin: 0;
}
div.entry__content{
	width:100%; /* 960px以下は幅いっぱいに広げる */
	max-width:960px; /* 最大幅の指定 */
	height:auto; /* 高さの指定 */
	margin:0 auto; /* ブロック要素の中央揃え */
}
dl.highlight{
	width:100%; /* 700px以下は幅いっぱいに広げる */
	max-width:700px; /* 最大幅の指定 */
	margin:30px auto 0 auto; /* ブロック要素の中央揃え */
	padding: 20px;
	background: #333;
	border: 1px #666 solid;
	box-shadow: 0 2px 3px 0 #000;
	-moz-box-shadow: 0 2px 3px 0 #000;
	-webkit-box-shadow: 0 2px 3px 0 #000;
}
dl.highlight dt{
	font-size: 2em;
	line-height: 2em;
	font-weight: normal;
	text-align:center;
	font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
footer.footer{background: #000;}
div.footer-widget-area div.container div.col-md-6{
	width: 100%;
}
div.footer-widget-area{
	padding: 40px 0;
}
ul#menu-footernavi{
	width:100%; /* 970px以下は幅いっぱいに広げる */
	max-width:970px; /* 最大幅の指定 */
	margin:0 auto; /* ブロック要素の中央揃え */
	font-family: 'Cinzel', serif;
	font-size: 16px;
}
ul#menu-footernavi li{
	float: left;
	color: #e4e4e4;
	background: url("images/footernavi_line.png") no-repeat right center;
	padding: 0 30px 0 0;
}
ul#menu-footernavi li:first-child{
	background-image: url("images/footernavi_line.png"), url("images/footernavi_line.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	padding: 0 30px 0 30px;
}
	ul#menu-footernavi li a{color: #e4e4e4;}
	ul#menu-footernavi li a:hover{color: #e4e4e4;}

div.breadcrumbs{
	width:100%; /* 960px以下は幅いっぱいに広げる */
	max-width:960px; /* 最大幅の指定 */
	height:auto; /* 高さの指定 */
	margin:40px auto; /* ブロック要素の中央揃え */
	padding: 0 10px;
	border: solid 1px #666;
}
div.copyright{
	background: url("images/copyright_bg.png") repeat-x;
	color:#c5c5c5;
	height: 40px;
	padding: 0;
}
div.copyright div#copy{
	width:100%; /* 960px以下は幅いっぱいに広げる */
	max-width:960px; /* 最大幅の指定 */
	height:40px; /* 高さの指定 */
	margin:0 auto; /* ブロック要素の中央揃え */
}
div.copyright div#copy_left{float:left; line-height: 40px;}
div.copyright div#copy_left img{vertical-align: top;}
div.copyright div#copy_right{float:right; line-height: 40px;}


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

	TOPへ戻るボタン（Go to top）

=======================================*/
#page-top{
    position:fixed;
    right:16px;
    bottom:16px;
    display: none;
}

#page-top a{
    color:#fff;
    padding:10px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#555;
    line-height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
}

#page-top a:hover{
    background:#333;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

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

	会社概要

=======================================*/
@media (min-width: 992px) and (max-width: 1199px) {
	#overview .container__bg {
		padding-left: 0;
		padding-right: 0;
		background-color: rgba(42,42,42,0.6);
	}
}
/*======================================

	協力工場

=======================================*/
div#factory-contents{
	margin-top: 50px;
}
div.factory-contents div.col-md-4{
	box-sizing: border-box;
}
div.factory-contents div.col-md-4 dl{
	border: solid 1px #999;
}
div.factory-contents div.col-md-4 dt{
	margin: 10px;
}

div.factory-contents div.col-md-4 dd.name{
	font-size: 1.5em;
	line-height: 1.8;
	border-bottom: solid 1px;
	text-align: center;
}
div.factory-contents div.col-md-4 dd.adress{
	margin: 20px;
}


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

	施設紹介

=======================================*/
div.shaoku{
	margin: 30px;
}
/*======================================

	製品案内

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

div#system{background: url("images/system_bg.png") no-repeat left top;}
div#system ol{margin-top: 42px; margin-left: 60px;}
div#system ol li{height: 67px; list-style: none; font-size: 1.2em; line-height: 1em;}
div.entry__content ol li span.cap{font-size: 0.8em; color:#888;}
div.products-lace dd.name{text-shadow: 1px 1px 5px #000; border: solid 1px #000; font-size: 1.4em; font-weight: bold; line-height: 1.5em; color:#fff; text-align:center; padding: 5px; margin: 10px 0;}
div.products-lace dd.description{font-size: 1.2em; line-height: 1.7;}
.totalsystem_subheader {
    display: block;
    line-height: 1.6;
    color: #fff;
    letter-spacing: 0.5em;
    text-align: center;
}

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

	採用情報

=======================================*/
div#pagelink{margin:20px;}
div#pagelink div{margin:5px 0;}
div#recruit-eigyo {margin-top: -100px; padding-top: 100px;}
div#recruit-design {margin-top: -100px; padding-top: 100px;}
div#recruit-clerk {margin-top: -100px; padding-top: 100px;}

div#entry{
	background: #EEE;
	border-radius: 5px;
	padding: 20px;
	margin: 50px 0;
	color: #333;
	font-size: 1.2em;
	line-height: 2.0;
}
div#entry div.row{margin: 20px 0;}

p#contact_tel{background: url("images/contact_tel.png") no-repeat left center; font-size: 2.0em; font-weight: bold; margin-top: -40px; padding-left: 30px;}

.recruit_main article:not(.no-minheight) {
    min-height: calc(100vh - 478px);
}
.recruit_main form .row {
    margin: 20px 0;
}
.recruit_main form .row .form_heading {
    font-size: 1.2em;
    line-height: 2.0;
}
.recruit_main form .row .form_body {
    font-size: 1.2em;
}
.recruit_main form .row .form_body input[type="radio"] {
    -webkit-appearance: radio;
    appearance: radio;
}
.recruit_main form .row .form_body label {
    font-weight: normal;
    cursor: pointer;
}
.recruit_main form .row .form_body label:not(:first-child) {
    margin-left: 20px;
}
.recruit_main .child_page_header {
    margin-top: 40px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.2em;
}
/*======================================

	アクセス

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

.access-map{
    margin:50px auto;
    width: 100%;
    height: 400px;
}
.access-map > div{
    pointer-events:none;
}
#map-canvas,#map-canvas2,#map-canvas3{
     width: 80%;
     height: 100%;
     max-height: 100%;
     margin: 0 auto;
}
.maptext{
    color: #333;
}
.maptext a, .maptext a:link, .maptext a:visited, .maptext a:hover, .maptext a:active{
    color: #1A73E8;
}

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

	投稿（イベント）

=======================================*/
.thumb{margin: 10px;}