/*
Theme Name: movie
Theme URI:
Description: 大阪南森町の 配信・中継・企業VP制作・商品VPなら 株式会社デルタウィズ
Author: 株式会社リースエンタープライズ, 塩谷　朋広 and 鮫島
Author URI: http://wreath-ent.co.jp/
Version: 1.0
*/

@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');



/* =Reset default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
section, nav, article, aside, hgroup, header, footer, figure, figcaption
 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}
ol, ul li {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

a {
	text-decoration:none;
	color:#7D0000;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
a:hover {
}
a.opacity:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
a.btn_red:hover {
	color:#7D0000;
}
.btn_more {
	display:block;
	width:260px;
	height:50px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	padding:18px 0;
	color:#FFF;
	background:#EA6000;
	border:1px solid #EA6000;
	position:relative;
	margin:30px auto;
	font-size:15px;
}
.btn_more:hover {
	background:#FFF;
	color:#EA6000;
}

.mar10 {
	margin:10px auto !important;
}
.mar20 {
	margin-top:20px !important;
}
.mar30 {
	margin-top:30px !important;
}
.mar50 {
	margin-top:50px !important;
}
.marb30 {
	margin-bottom:30px !important;
}

.pad20 {
	padding-top:20px !important;
}
.pad50 {
	padding-top:50px !important;
}
.pad80 {
	padding-top:80px !important;
}
.pad {
	padding-bottom:100px !important;
}
.clear:after {
	content:'';
	clear:both;
	height:0;
	display:block;
}

.pc {
	display:inline !important;
}
.tablet {
	display:none !important;
}
.sp {
	display:none !important;
}
.pctablet {
	display:inline !important;
}
.tabletsp {
	display:none !important;
}

input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.red {
	color:#7D0000;
}


/* =structure
-------------------------------------------------------------- */
#container {
	width:100%;
	position:relative;
	margin:0 auto;
	padding:0;
	background:#FFF;
}
.wrapper {
	width:100%;
	margin:0 auto;
}
.contents {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
.main {
float:left;
width:-webkit-calc(100% - 320px);
width:-moz-calc(100% - 320px);
width:-ms-calc(100% - 320px);
width:calc(100% - 320px);  
}
.smallbox {
	width:870px;
	margin:0 auto;
}
.sidebar {
	width:300px;
	float:right;
}

/* =general
-------------------------------------------------------------- */
/*テーブル*/
.table {
	width:100%;
	font-family:'Noto Sans Japanese', sans-serif;
	font-size:18px;
	letter-spacing: 0.1em;
	border-collapse:collapse;
	margin:30px auto;
}
.table th {
	width:30%;
	padding:20px 12px;
	color:#606060;
	border-bottom:1px dotted #606060;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}
.table td {
	width:70%;
	color:#606060;
	border-bottom:1px dotted #606060;
	padding:20px 12px;
	line-height:1.5em;
}
.table a {
	color:#000;
}
.table td.form {
	padding:0;
}

.table2 {
  width:100%;
  font-family:'Noto Sans Japanese', sans-serif;
  font-size:14px;
  letter-spacing: 0.1em;
  border-collapse:collapse;
  margin:20px auto;
}
.table2 th {
  width:35%;
  padding:12px;
  color:#606060;
  border-bottom:1px dotted #606060;
  text-align:left;
  font-weight:normal;
  vertical-align:middle;
}
.table2 td {
  width:32.5%;
  color:#606060;
  border-bottom:1px dotted #606060;
  padding:12px;
  line-height:1.5em;
}
.table2 a {
  color:#000;
}
.table2 td.form {
  padding:0;
}

/* =header
-------------------------------------------------------------- */
header {
	width:100%;
	background:#FFF;
}
header h1 {
	display:block;
	width:100%;
	height:35px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	margin:0 auto;
	padding:10px 0;
	background:#000;
}
header h1 span{
	display:block;
	font-size:12px;
	color:#FFF;
	max-width:1200px;
	width:90%;
	margin:0 auto;
}
.mainheader {
	position:fixed;
	width:100%;
	left:0; 
	z-index:99999;
	background:#FFF;
	border-bottom:1px solid #F5F5F5;
	padding:15px 0 0 0;
}
.mainheader2 {
	width:100%;
	background:#FFF;
	border-bottom:1px solid #F5F5F5;
	padding:15px 0 0 0;
}
.mainheader.top {
	top:0;
	animation: show 1s linear 0s;
}
.mainheader2.top {
	position:fixed;
	top:0;
	left:0; 
	z-index:99999;
}

.mainheader.bottom {
	bottom:0;
}
.head {
	max-width:1200px;
	width:90%;
	margin:0 auto;
}
.mainheader h2, .mainheader2 h2{
	width:285px;
	float:left;
}
.mainheader .global, .mainheader2 .global {
	width:-moz-calc(100% - 350px);
	width:-webkit-calc(100% - 350px);
	width:-ms-calc(100% - 350px);
	width:calc(100% - 350px);
	float:right;
	padding:0 10px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
nav {
	width:100%;
	margin:0 auto;
}
nav ul {
	width:100%;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
nav li {
	position:relative;
}
nav li a {
	display:block;
	width:100%;
	font-family: "Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
		font-weight:900;
	font-size:22px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 15px 30px;
}
nav li a span{
	display:block;
	padding:8px 0 0 0;
	font-size:12px;
	font-weight:normal;
	color:#B2B2B2;
}
header nav li.globalbtn:before {
	content:'';
	position:absolute;
	bottom:-4px;
	left:0;
	width:100%;
	height:4px;
	z-index:13;
	background:#EA6000;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0;
}
header nav li.globalbtn:hover:before {
	bottom:0;
	opacity: 1;
}
nav li.call {
	background:url(img/call.svg) no-repeat left 10px;
	text-align:left;
	padding:0 0 0 40px;
}
@media screen and  (max-width: 1250px) {
	nav li.call {
		width:35px;
		height:77px;
		position:relative;
		padding:0;
	}
	nav li.call a{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	nav li.call p{
		display:none;
	}
}

.sns {
	padding:10px 0 0 0;
}
.sns img {
	cursor: pointer;
}
.tooltip {
	display:none;
	position: absolute;
	right:-10px;
	animation: show 0.4s linear 0s;
}
@keyframes show{
		from{
				opacity: 0;
		}
		to{
				opacity: 1;
		}
}
.mainheader.top .tooltip, .mainheader2 .tooltip  {
	bottom:0px;
}
.mainheader.bottom .tooltip {
	bottom:70px;
}
.mainheader.top .tooltip:before, .mainheader2 .tooltip:before {
	content:'';
	position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 8px 5px;
border-color: transparent transparent #efefef transparent;
right:20px;
top:-8px;
}
.mainheader.bottom .tooltip:before {
	content:'';
	position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #efefef transparent transparent transparent;
right:20px;
bottom:-8px;
}

.snslist {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	width:240px;
	padding:0 10px;
	background:#EFEFEF;
}
.sns:hover .tooltip {
	display:block;
}
.snslist li img{
	width:35px;
	height:35px;
}
.snslist li a {
	padding:10px 0;
}

.spmenu_btn {
	display:none;
}
.spmenu {
	display:inherit !important;
}

/*addmenu*/
.addmenu li a {
	display:block;
	width:130px;
	background:#0080D6;
	text-align:center;
	color:#FFF;
	padding:12px 0;
	float:left;
	font-size:14px;
	margin:0 10px 0 0;
}
.addmenu li:last-child a {
	margin:0;
}

/* =toponly
-------------------------------------------------------------- */
.topmovie1 {
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;
}
#youtube{
	width:120%;
	height:1280px;
	position:absolute;
	z-index:5;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
		 -moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			 -o-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}
.topmovie1:before{
	content:'';
	position:absolute;
	width:100%;
	height:400px;
	background:rgba(0,0,0,0.45);
	top:0;
	left:0;
	z-index:6;
}
.movie_caption {
	width:90%;
	 z-index:7;
	max-width:1200px;
	position:relative;
	left:50%;
	text-align:center;
	padding:80px 0 0 0;
	color:#FFF;
	-webkit-transform: translateX(-50%);
		 -moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			 -o-transform: translateX(-50%);
					transform: translateX(-50%);
}
.movie_caption .txt1 {
	font-family: "Lato", sans-serif;
	font-size:60px;
	font-weight:700;
}
.movie_caption .txt2 {
	width:672px;
	margin:0 auto;
	padding:25px 0 50px;
	font-size:16px;
	line-height:1.5em;
}
.movie_caption a {
	display:block;
	width:260px;
	text-align:center;
	padding:15px 0;
	color:#000;
	margin:0 auto;
	background:#FFF;
} 

.topmovie2 {
	width:100%;
	height:650px;
	background:url(img/movie/bg_movie2.jpg) no-repeat center center;
	border-bottom:8px solid #CCCCCC;
}
.topmovie2 .movie_box{
	width:904px;
	height:506px;
	margin:0 auto;
	padding:70px 0 0 0;
}

/*service*/
.toplist {
	width:100%;
}
.toplist li {
	width:100%;
	height:525px;
	position:relative;
	border-bottom:8px solid #CCCCCC;
}
.toplist li:nth-of-type(1){
	background:url(img/top/service1.jpg) no-repeat center center;
}
.toplist li:nth-of-type(2){
	background:url(img/top/service2.jpg) no-repeat center center;
}
.toplist li:nth-of-type(3){
	background:url(img/top/service3.jpg) no-repeat center center;
}
.toplist_box_l {
	width:460px;
	padding:50px 5px;
	float:left;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.toplist_box_r {
	width:460px;
	padding:50px 5px;
	float:right;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.toplist li .en {
	font-family: "Lato", sans-serif;
	font-size:44px;
	font-weight:700;
}
.toplist li h3 {
	display:block;
	padding:10px 0 0 0;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:21px;
	letter-spacing: 0.3em;
	color:#606060;
}
.toplist li .normal {
	line-height:1.5em;
	padding:30px 0;
}


/*制作実績*/
.portfolio {
	width:90%;
	max-width:1080px;
	text-align:center;
	margin:0 auto;
	padding:60px 0 30px 0;
}
.portfolio .en{
	font-family: "Lato", sans-serif;
	font-size:44px;
	font-weight:700;
}
.portfolio h3 {
	display:block;
	padding:10px 0 0 0;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:21px;
	letter-spacing: 0.3em;
	color:#606060;
}
.portfolio ul {
	padding:30px 0 0 0;
}
.portfolio li {
	width:350px;
	float:left;
	margin:0 15px 15px 0;
}
.portfolio li:nth-of-type(3n) {
	margin:0 0 15px 0;
}
.portfolio li a {
	display: block;
	position:relative;
}
.portfolio li img{
	display: block;
	width:350px;
	height:auto;
}
.portfolio a:before{
	content:'';
	position: absolute;
	width:60px;
	height:60px;
	background:url(img/top/play.svg) no-repeat center center;
	top:45%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
		 -moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			 -o-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}
.portfolio li a p {
	color:#000;
	padding:10px 0;
	font-size:12px;
}


/* =archive
-------------------------------------------------------------- */
.top_archive {
	width:100%;
	background:#CADEEA;
	margin:0 auto;
	padding:50px 0;
	text-align:center;
}
.top_archive .en{
	font-family: "Lato", sans-serif;
	font-size:44px;
	font-weight:700;
}
.top_archive h3 {
	display:block;
	padding:10px 0 0 0;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:21px;
	letter-spacing: 0.3em;
	color:#606060;
}
.archive {
	width:100%;
	max-width:1080px;
	margin:30px auto 0;
}
.archive li{
	position:relative;
	width:100%;
	height:240px;
	background:#FFF;
			margin:0 auto 15px;
			position:relative;
	-webkit-transition: all 0.3s;
		 -moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			 -o-transition: all 0.3s;
					transition: all 0.3s;
}
.postbox {
	height:242px !important;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
					border:1px solid #000;
}
.newarchiveimg {
	float:left;
	width:360px;
	height:240px;
}
.newarchiveimg img {
	width:360px;
	height:240px;
}
.newarchivetxt {
	float:right;
	width:-webkit-calc(100% - 360px);
	width:-moz-calc(100% - 360px);
	width:-ms-calc(100% - 360px);
	width:calc(100% - 360px);
	padding:20px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.newarchiveinfo {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.newarchiveinfo time {
	width:30%;
	display:block;
	float:left;
	text-align:center;
	font-size:12px;
	padding:10px 0;
	color:#FFF;
	margin:0 5% 0 0;
	background: #000;
}
.newarchiveinfo span {
	display:block;
	font-size:12px;
	text-align:center;
	padding:10px 0;
	position:relative;
	color:#000;
	float:left;
	width:65%;
	max-width:220px;
}
.newarchiveinfo span:before {
	content:'';
	width:11px;
	height:34px;
	background:url(img/kakko1.svg) no-repeat center center;
	position: absolute;
	top:0;
	left:0;
}
.newarchiveinfo span:after {
	content:'';
	width:11px;
	height:34px;
	background:url(img/kakko2.svg) no-repeat center center;
	position: absolute;
	top:0;
	right:0;
}
.newarchiveinfo span a {
	color:#000;
}

.newarchivetxt a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:999;
}
.newarchivetxt a h1 {
	position:absolute;
	top:85px;
	left:380px;
	text-align:left;
	padding:0 10px 0 0;
	font-size:24px;
	font-weight: bold;
	color:#000;
	line-height:1.5em;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.archive .excerpt {
	position:absolute;
	top:165px;
	left:380px;
	text-align:left;
	padding:0 10px 0 0;
	font-size:14px;
	color:#777;
	line-height: 1.5em;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.archive .author {
	position:absolute;
	top:175px;
	left:380px;
	-webkit-opacity: 0;
	opacity: 0;
	text-align:left;
	font-size:14px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.archive .author div{
	float:left;
	margin:0 15px 0 0;
	width:48px;
	height:48px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.archive .author div img{
	display: block;
	width:48px;
	height:48px;
	border-radius: 24px;
	border:1px solid #000;
}
.archive .author p {
	float:left;
	text-align:left;
	padding:16px 0 0 0;
}
.archive li:hover h1 {
	top:40px;
}
.archive li:hover .newarchiveinfo  {
	-webkit-opacity: 0;
	opacity: 0;
}
.archive li:hover .excerpt {
	top:120px;
}
.archive li:hover .author  {
	-webkit-opacity: 1;
	opacity: 1;
}
.archive .new {
	position:absolute;
	top:5px;
	left:5px;
	font-size:12px;
	font-weight:200;
	text-align:center;
	background:#960000;
	width:40px;
	height:40px;
	z-index:100;
	color:#FFF;
	padding:15px 0 0 0;
	border-radius:20px;
	-webkit-border-radius:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.btn_blog {
	display:block;
	width:260px;
	height:50px;
	background:#FFF;
	border-radius: 25px;
	text-align: center;
	color:#000;
	padding:15px 0;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
					margin:30px auto 0;
}

/* ページネーション */
.tablenav {
	width:100%;
	margin:50px auto;
	text-align:center;
	position: relative;
	overflow: hidden;
}
.pagenav {
	position: relative;
	left: 50%;
	float: left;
}
.page-numbers {
	text-align:center;
	display:block;
	margin:5px;
	font-size:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:12px 0;
	color:#EA6000;
	width:45px;
	height:45px;
	float:left;
	border:1px solid #EA6000;
	position: relative;
	left: -50%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:100;
}
a.page-numbers {
	color:#FFF;
	background:#EA6000;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
a.page-numbers:hover {
	background:#FFF;
	color:#EA6000;
}
.tablenav .current {
	background:#FFF;
	color:#EA6000;
}
.tablenav .dots {
	color:#666;
}
.tablenav .next {
	display:none;
	width:80px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.tablenav .prev {
	display:none;
	width:80px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* =お知らせ＆メディア
-------------------------------------------------------------- */
.newsmedia {
	width:100%;
	text-align: center;
	margin:0 auto;
	padding:50px 0;
}
.newsmedia .en{
	font-family: "Lato", sans-serif;
	font-size:44px;
	font-weight:700;
}
.newsmedia h3 {
	display:block;
	padding:10px 0 0 0;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:21px;
	letter-spacing: 0.3em;
	color:#606060;
}
.newsmedia .contents {
	padding:30px 0 0 0;
}
.news {
	float:left;
	text-align:left;
	width:-webkit-calc(100% - 660px);
	width:-moz-calc(100% - 660px);
	width:-ms-calc(100% - 660px);
	width:calc(100% - 660px);
}
.news li {
	padding:10px 0;
	margin:0 auto 15px;
	border-bottom:1px solid #000;
	font-size:12px;
}
.news li .catname{
	width:30%;
	float:left;
	text-align:center;
	border:1px solid #EA6000;
	color:#EA6000;
	padding:10px 0;
}
.news li .time {
	width:55%;
	float:left;
	color:#EA6000;
	margin:0 0 0 4%;
	padding:10px 0;
}
.news li h1 {
	font-size:14px;
	padding:15px 0 0 0;
}
.news li h1 a {
	color:#000;
}
.fbwall {
	float:left;
	width:320px;
	margin:0 0 0 10px;
}
.twwall {
	float:left;
	width:320px;
	margin:0 0 0 10px;
}

/* =breadcrumb
-------------------------------------------------------------- */
#breadcrumb {
	width:100%;
	background:#F5F5F5;
}
#breadcrumb ol {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#breadcrumb li {
	float:left;
	width:auto;
	padding:10px 10px 10px 0;
	color:#000;
	font-size:12px;
}
#breadcrumb li a {
	font-size:12px;
	color:#000;
}

/* =page common
-------------------------------------------------------------- */
.bg_company {
	background:url(img/company/bg_company.jpg) no-repeat center bottom fixed;
	width:100%;
	height:300px;
	text-align:center;
}
.bg_service {
	background:url(img/service/bg_service.jpg) no-repeat center bottom fixed;
	width:100%;
	height:300px;
	text-align:center;
}
.bg_blog {
	background:url(img/blog/bg_blog.jpg) no-repeat center bottom fixed;
	width:100%;
	height:300px;
	text-align:center;
}
.bg_contact {
	background:url(img/contact/bg_contact.jpg) no-repeat center top fixed;
	width:100%;
	height:300px;
	text-align:center;
}
.bg_company p, .bg_service p, .bg_blog p, .bg_contact p {
	font-family: "Lato", sans-serif;
	font-size:44px;
	font-weight:700;
	color:#FFF;
	padding:100px 0 0 0;
}
.bg_company h3, .bg_service h3, .bg_blog h3, .bg_contact h3 {
	display:block;
	padding:10px 0 0 0;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:21px;
	letter-spacing: 0.3em;
	color:#FFF;
}
.title {
	display:block;
	width:100%;
	font-family: "Lato", sans-serif;
	font-size:44px;
	font-weight:700;
	background:url(img/bg_title.png) no-repeat left bottom;
	background-size:100% auto;
}
.title span{
	display:block;
 padding:10px 0 25px;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:21px;
	letter-spacing: 0.3em;
	color:#606060;
}

/* =company
-------------------------------------------------------------- */
.concept h4{
	display:block;
	width:100%;
	font-family: "Lato", sans-serif;
	font-size:34px;
	font-weight:700;
	padding:50px 0 0 0;
}
.concept h4 span{
	display:block;
 padding:10px 0 25px;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:21px;
	letter-spacing: 0.3em;
	color:#606060;
}
.concept p {
	padding:30px 0 0 0;
	font-size:18px;
	line-height:1.5em;
	letter-spacing: 0.1em;
}

.access p {
	padding:30px 0 0 0;
	font-size:18px;
	line-height:1.5em;
}

.stafflist {
	padding:50px 0 0 0;
}
.stafflist .staffimg{
	width:47%;
	float:left;
	margin:0 3% 0 0;
}
.stafflist .staffimg img {
	width:100%;
	height:auto;
}
.stafflist .staffinfo{
	width:50%;
	float:left;
}
.stafflist .staffinfo h4 {
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:700;
	font-size:28px;
}
.stafflist .staffinfo h4 span{
	display:block;
	 font-weight:300;
	font-size:16px;
	padding:10px 0 30px;
}
.stafflist .staffinfo p {
	line-height:1.5em;
}

.hist {
	width:100%;
	margin:50px auto;
}
.hist th{
	width:25%;
	background:url(img/company/dot.gif) repeat-y center top;
	padding:0 0 30px 0;
}
.hist th p{
	border:1px solid #000;
	padding:15px 0;
	background:#FFF;
}
.hist td{
	width:75%;
	padding:0 0 30px 20px;
	line-height:1.5em;
}

/* =service
-------------------------------------------------------------- */
.service1 {
	background:url(img/service/service1.jpg) no-repeat center center;
	background-size:880px 300px;
	width:100%;
	height:300px;
	position:relative;
	margin:50px auto 0;
}
.service2 {
	background:url(img/service/service2.jpg) no-repeat center center;
	background-size:880px 300px;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service3 {
	background:url(img/service/service3.jpg) no-repeat center center;
	background-size:880px 300px;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.servicebox a {
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	color:#000;
}
.service1 p, .service2 p, .service3 p {
	background:url(img/service/label1.png) no-repeat center center;
	width:538px;
	height:100px;
	position: absolute;
	right:15px;
	bottom:15px;
	font-family: "Lato", sans-serif;
	font-size:37px;
	font-weight:700;
	padding:15px 15px 15px 80px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.service1 p span, .service2 p span, .service3 p span{
	display: block;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:16px;
	padding:7px 0 0 0;
	letter-spacing: 0.3em;
}

.servicelist li:nth-of-type(odd){
	float:left;
	width:47.5%;
	margin:15px 5% 0 0;
}
.servicelist li:nth-of-type(even){
	float:left;
	width:47.5%;
	margin:15px 0 0 0;
}
.servicelist p {
	background:url(img/service/label2.png) no-repeat left center;
	width:95%;
	height:72px;
	position: absolute;
	right:10px;
	bottom:10px;
	font-family: "Lato", sans-serif;
	font-size:26px;
	font-weight:700;
	padding:15px 15px 15px 80px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.servicelist p span {
	display: block;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size:12px;
	padding:7px 0 0 0;
	letter-spacing: 0.3em;
}

.service4 {
	background:url(img/service/service4.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service5 {
	background:url(img/service/service5.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service6 {
	background:url(img/service/service6.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service7 {
	background:url(img/service/service7.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service8 {
	background:url(img/service/service8.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service9 {
	background:url(img/service/service9.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service10 {
	background:url(img/service/service10.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.service11 {
	background:url(img/service/service11.jpg) no-repeat center center;
	width:100%;
	height:300px;
	position:relative;
	margin:15px auto 0;
}
.forC {
	padding:0 0 80px 0;
}

/* サービス詳細 */
.service_portfolio {
	padding:50px 0 0 0;
}
.service_portfolio li {
	width:47%;
	float:left;
	margin:0 3% 15px 0;
}
.service_portfolio li:nth-of-type(even) {
	margin:0 0 15px 3%;
}
.service_portfolio li a {
	display: block;
	position:relative;
}
.service_portfolio li img{
	display: block;
	width:100%;
	height:auto;
}
.service_portfolio a:before{
	content:'';
	position: absolute;
	width:60px;
	height:60px;
	background:url(img/top/play.svg) no-repeat center center;
	top:45%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
		 -moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			 -o-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}
.service_portfolio li a p {
	color:#000;
	padding:10px 0;
	font-size:12px;
}

.flowbox {
	padding:50px 0 0 0;
}
.flowbox li {
	margin:0 auto 10px;
}
.flowbox .flowimg {
	float:left;
	width:320px;
	height:245px;
	padding:10px;
	background:url(img/service/bg_flow.png) no-repeat center center;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.flowbox .flowimg img{
	width:300px;
	height:180px;
}
.flowbox .flowinfo {
	float:right;
	width:-webkit-calc(100% - 340px);
	width:-moz-calc(100% - 340px);
	width:-ms-calc(100% - 340px);
	width:calc(100% - 340px);
}
.flowbox .flowinfo h4 {
	font-size:24px;
	letter-spacing: 0.3em;
	font-weight:700;
	font-family:'Noto Sans Japanese', sans-serif;
}
.flowbox .flowinfo p {
	font-size:16px;
	line-height:1.5em;
	padding:20px 0 0 0;
}


/* =contact
-------------------------------------------------------------- */
.contact {
	width:100%;
	padding:0 0 80px 0;
}
.contact h3 {
	display:block;
	font-size:28px;
	font-weight:300;
	letter-spacing: 0.3em;
	font-family:'Noto Sans Japanese', sans-serif;
	padding:0 0 50px 0;
}
.contact .txt {
	font-size:18px;
	line-height:1.5em;
	padding:0 0 30px 0;
	background:url(img/bg_title.png) no-repeat left bottom;
	background-size:100% auto;
}

#contact {
	width:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	border-collapse:collapse;
	margin:30px auto;
}
#contact th {
	width:30%;
	padding:12px;
	color:#000;
	border-bottom:1px dotted #606060;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}
#contact td {
	width:50%;
	position: relative;
	color:#000;
	border-bottom:1px dotted #606060;
	padding:5px 12px 12px 12px;
	line-height:1.5em;
	text-align:left;
}
#contact td:before {
	content:'必須';
	display:block;
	width:18%;
	position: absolute;
	text-align: center;
	padding:12px 0;
	left:-20%;
	top:15px;
	background:#EA6000;
	color:#FFF;
}
#contact a {
	color:#000;
}
#contact input[type=text], #contact input[type=tel], #contact input[type=email], #contact textarea, #contact input[type=number] {
	display:block;
	width:100%;
	background:#f4f4f4;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:12px 10px;
	border:1px solid #DDD;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin:10px auto 0;
}
#contact input[type=radio] {
	margin:10px 0;
}
#contact select {
	display:block;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:12px 20px;
	background:#f4f4f4;
	border:1px solid #DDD;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	appearance:none;
	-webkit-appearance:none;
	margin:10px auto 0;
}
#btn_send {
	display:block;
	width:280px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	padding:16px 0;
	color:#FFF;
	border:1px solid #EA6000;
	position:relative;
	margin:30px auto;
	background:#EA6000;
	font-size:16px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	cursor:pointer;
	-webkit-transition: all .25s;
		 -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
					transition: all .25s;
}
#btn_send:hover {
	background:#FFF;
	color:#EA6000;
}
.wpcf7-not-valid-tip {
	display:block;
	padding:5px 0;
}


/* =SINGLE
-------------------------------------------------------------- */
.single {
	padding: 0 0 50px 0;
}
.single h1 {
	display:block;
	width:100%;
	font-family:'Noto Sans Japanese', sans-serif;
	font-size:36px;
	font-weight:300;
	line-height:1.3em;
	padding:0 0 15px 0;
	color:#000;
}
.single .postdata {
	margin:15px auto;
}

.single .postdata li:nth-of-type(1){
	width:160px;
	float:left;
	background:#000;
	text-align: center;
	font-size:12px;
	padding:12px 0;
	color:#FFF;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.single .postdata li:nth-of-type(2){
	width:220px;
	float:left;
	color:#000;
	font-size:12px;
	padding:12px 0;
	margin: 0 0 0 15px;
	text-align:center;
	position:relative;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.single .postdata li:nth-of-type(2):before {
	content:'';
	width:11px;
	height:34px;
	background:url(img/kakko1.svg) no-repeat center center;
	position: absolute;
	top:0;
	left:0;
}
.single .postdata li:nth-of-type(2):after {
	content:'';
	width:11px;
	height:34px;
	background:url(img/kakko2.svg) no-repeat center center;
	position: absolute;
	top:0;
	right:0;
}
.single .postdata li:nth-of-type(3){
	width:220px;
	float:left;
	text-align:left;
	font-size:12px;
	margin: 0 0 0 15px;
	color:#000;
}
.single .postdata li:nth-of-type(3) .author img {
	display:block;
	float:left;
	border:1px solid #000;
	width:32px;
	height:32px;
	border-radius: 16px
}
.single .postdata li:nth-of-type(3) .author p {
	float:left;
	padding:12px 0 12px 10px;
}
.socialbtn {
	padding:15px 0 30px 0;
}
.socialbtn li {
	width:auto;
	padding:0 10px;
	float:left;
}

#single h2 {
	font-size:24px;
	color:#EA6000;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	border-left:10px solid #EA6000;
	margin:30px auto;
}
#single h3 {
	font-size:24px;
	color:#000;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	border-bottom:1px solid #EA6000;
	margin:30px auto;
}
#single h4 {
	font-size:20px;
	color:#000;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	border-left:10px solid #666;
	border-bottom:1px solid #666;
	margin:30px auto;
}
#single h5, #single h6 {
	font-size:20px;
	color:#000;
	font-weight:bold;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:30px auto;
}
#single p {
	font-size:18px;
	line-height:1.5em;
	margin:0 auto 10px;
}
#single img {
	max-width:100%;
	height:auto;
	margin:30px auto;
}
#single .important {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #000;
	padding:15px;
	font-size:18px;
	line-height:1.5em;
	margin:30px auto;
}
#single strong {
	font-weight:bold;
}
#single ul, #single ol {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #000;
	margin:30px auto;
	padding:15px;
}
#single ul li {
	list-style:square;
	padding:5px 10px; 
	margin:0 0 0 30px;
}
#single ol li {
	list-style:decimal;
	padding:5px 10px; 
	margin:0 0 0 30px;
}

.related {
	padding:0 0 80px 0;
}

/* =sidebar
-------------------------------------------------------------- */
.sidebox {
	width:100%;
	margin:0 auto 40px;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.sidebox h4{
	display:block;
	font-family: "Lato", sans-serif;
	font-weight:700;
	font-size:21px;
	padding:15px 0 15px 35px;
}
.sidebox h4.ico1{
	background:url(img/sidebar/ico1.svg) no-repeat 10px center #F4F4F4;
}
.sidebox h4.ico2{
	background:url(img/sidebar/ico2.svg) no-repeat 10px center #F4F4F4;
}
.sidebox h4.ico3{
	background:url(img/sidebar/ico3.svg) no-repeat 10px center #F4F4F4;
}
.sidebox h4.ico4{
	background:url(img/sidebar/ico4.svg) no-repeat 10px center #F4F4F4;
}
.menulist, .newpost, .sidesns, .sidecontact, .ranking {
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.menulist li a {
	display:block;
	width:100%;
	border-bottom:1px solid #999;
	padding:20px 12px;
	color:#000;
	background:url(img/sign.svg) no-repeat 97% center #FFF;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
.menulist li a:hover {
 background:url(img/sign.svg) no-repeat 98% center #f5f5f5;
}

.ranking {
	width:300px;
	counter-reset: wpp-ranking;
}
.ranking li:before {
	content:'';
	position:absolute;
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	top:0;
	left:0;
	text-align:center;
	background:#EA6000;
	padding:4px 0 0 0;
	color:#FFF;
	width:25px;
	height:25px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index:50;
}
.ranking li, .newpost li {
	width:100%;
	height:66px;
	background:#FFF;
	border-bottom:1px solid #666;
	position:relative;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.ranking li:hover, .newpost li:hover {
	background:#f5f5f5;
}
.newpost li {
	overflow:hidden;
}
.newpost li img {
	position:relative;
	width:100px;
	height:66px;
}
.ranking li a, .newpost li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	color:#000;
}
.ranking li h1 {
	display:block;
	top:5px;
	left:110px;
	font-weight:normal;
	position:absolute;
	width:190px;
	font-size:14px;
	line-height:1.3em;
	z-index:9;
}
.newpost li h1 {
	top:5px;
	left:110px;
		font-weight:normal;
	position:absolute;
	width:190px;
	font-size:14px;
	line-height:1.3em;
	z-index:9;
}

.sidesns li {
	border-bottom:1px solid #999;
}
.sidesns li img{
	display:block;
	width:100%;
	}

.sidecontact {
padding:15px;
-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
				box-sizing: border-box;
}
.sidecontact p{
	font-size:14px;
	border:1px solid #000;
	text-align: center;
	padding:15px 0;
}
.sidecontact a{
	display: block;
	text-align: center;
	color:#EA6000;
	font-size:30px;
	font-weight:bold;
	padding:15px 0 5px 0;
}
.sidecontact small{
	display:block;
	width:100%;
	line-height:1.4em;
	text-align: center;
}
.sidecontact .btn_contact {
	display:block;
	width:100%;
	padding:15px 0;
	font-size:16px;
	color:#FFF;
	text-align: center;
	font-weight:bold;
	margin:20px auto 0;
	 background:url(img/ico_contact.svg) no-repeat 10px center #619EDB;
	 background-size:20px;
}


.catlist li a {
	display:block;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px 0;
	border-bottom:1px solid #666;
	position:relative;
	color:#000;
	background:url(img/ico_sign.svg) no-repeat 97% center;
}

.newnews > li {
	width:100%;
	height:68px;
	background:#FFF;
	margin:15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #666;
	position:relative;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.newnews li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	color:#000;
}
.newnews .newnewsinfo li:nth-of-type(1) {
	width:45%;
	float:left;
	font-size:12px;
	border:1px solid #7D0000;
	padding:5px 0;
	margin:0 5% 0 0;
	color:#7D0000;
	text-align:center;
}
.newnews .newnewsinfo li:nth-of-type(2) {
	width:48%;
	float:left;
	padding:5px 0;
}
.newnews h1 {
	font-size:12px;
	padding:10px 0 0 0;
	font-weight:normal;
	line-height:1.5em;
}


/* =お問い合わせ
-------------------------------------------------------------- */
.inquiry {
	width:100%;
	height:100vh;
	background:url(img/bg_contact.jpg) center center no-repeat fixed;
	position:relative;
	color:#FFF;
	text-align: center;
}
.inquirybox {
	width:700px;
	position: relative;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
		 -moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			 -o-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}
.inquirybox .txt1 {
	font-family:'Noto Sans Japanese', sans-serif;
	font-size:20px;
	font-weight:300;
	letter-spacing: 0.2em;
}
.inquirybox .txt2 {
	font-family:'Noto Sans Japanese', sans-serif;
	font-size:27px;
	padding:10px 0;
	font-weight:300;
	letter-spacing: 0.2em;
}
.btn_call {
	font-size:74px;
	font-weight:bold;
	padding:0 0 0 38px;
	background:url(img/call_white.svg) no-repeat left center;
	color:#FFF;
}
.inquirybox small {
	display:block;
	font-size:22px;
	line-height: 1.4em;
	padding:10px 0 0 0;
}
.btn_contact {
	display:block;
	width:540px;
	padding:20px 0;
	font-size:30px;
	color:#FFF;
	font-weight:bold;
	margin:30px auto 0;
	 background:url(img/ico_contact.svg) no-repeat 10px center #619EDB;
}

/* =footer
-------------------------------------------------------------- */
footer {
	width:100%;
	margin:0 auto;
	background:#F5F5F5;
}
footer h3 {
	display:block;
	width:285px;
	margin:0 auto;
	padding:30px 0;
}
.foot {
	width:90%;
	max-width: 1200px;
	margin:0 auto;
	padding:0 0 30px 0;
}
.footnav td:nth-of-type(1){
	width:30%;
	border-left:1px solid #000;
	padding:0 15px 15px;
}
.footnav td:nth-of-type(2){
	width:30%;
	border-left:1px solid #000;
	padding:0 15px 15px;
}
.footnav td:nth-of-type(1) p{
	background:url(img/ico_foot1.svg) no-repeat left center;
	font-size:20px;
	padding:6px 0 6px 40px;
	margin:0 0 20px 0;
}
.footnav td:nth-of-type(2) p{
	background:url(img/ico_foot2.svg) no-repeat left center;
	font-size:20px;
	padding:6px 0 6px 40px;
	margin:0 0 20px 0;
}
.footnav li {
	padding:10px 0;
}
.footnav li a {
	color:#000;
}
.footnav li a:hover {
	text-decoration: underline;
}
.footnav td:nth-of-type(3){
	width:40%;
	border-left:1px solid #000;
	padding:0 15px 15px;
}
.footnav td:nth-of-type(3) .seo {
	font-size:14px;
	line-height:1.3em;
}
.footinfo {
	padding:40px 0 0 0;
}
.footinfo h4 {
	display:block;
	font-size:14px;
	padding:0 0 5px 0;
	border-bottom:1px solid #000;
}
.footinfo address {
font-style:normal;
font-size:14px;
line-height:1.7em;
}
.footinfo address p{
	padding:20px 0 0 0;
}

.footbtm {
	width:100%;
	background:#FFF;
	border-top:1px solid #999;
}
.copyright {
	float:left;
	width:30%;
	text-align:left;
	padding:20px 0;
	color:#000;
	font-size:12px;
}
.footsns {
		float:right;
	width:260px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	padding:10px 0;
}

#page-top {
	display:block;
	cursor: pointer;
	position:fixed;
	bottom:15px;
	right:15px;
	width:64px;
	height:64px;
	text-align:center;
	background:#EA6000;
	color:#FFF;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	padding:15px 0;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	border-radius:32px;
	-webkit-transition: all 0.3s;
		 -moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			 -o-transition: all 0.3s;
					transition: all 0.3s;
}
#page-top:hover {
	-webkit-opacity:0.7;
	opacity:0.7;
}


/* =slider
-------------------------------------------------------------- */
/*base*/
.fraction-slider{
	position:relative;
	width:1920px;
	height:520px;
	left:50%;
	-webkit-transform: translateX(-50%);
		 -moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			 -o-transform: translateX(-50%);
					transform: translateX(-50%);
	overflow:visible;
}

.fraction-slider .slide{
	display:none;
	width:1920px;
	height:520px;
	position:absolute;
	z-index:5000;

}

.fraction-slider .active-slide{
	z-index:9999;
}

.fraction-slider .fs_obj{
	display:block; display:none;
	position:absolute;
	top:0px; left:100%;
	z-index:7000;
}

.fraction-slider .fs_fixed_obj{
	z-index:6000;
	left:0;
}

.fraction-slider .fs_obj *{
	display:inline-block;
	position:relative;
}

.fs_loader{
	width:100%; height:520px;
	background:url(img/slide/loader.gif) center center no-repeat transparent;
	background-size:100px 100px;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
	display:none;
	position:absolute;
	width:45px; height:45px;
	z-index:9999;
}

.fraction-slider .prev{
	left:10px; top:45%;
	background:url(images/fs.prevnext.png) 0px 0px no-repeat transparent;
	
}
.fraction-slider .prev:hover{
	background:url(images/fs.prevnext.png) 0px -45px no-repeat transparent;
}

.fraction-slider .next{
	right:10px; top:185px;
	background:url(images/fs.prevnext.png) -45px 0px no-repeat transparent;
}
.fraction-slider .next:hover{
	background:url(images/fs.prevnext.png) -45px -45px no-repeat transparent;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next{
	display:block;
}

/** PAGER **/

.fs-pager-wrapper{
	position:absolute;
	left:50%;
	bottom:10px;
	-webkit-transform: translateX(-50%);
		 -moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			 -o-transform: translateX(-50%);
					transform: translateX(-50%);
	z-index:9999;
}

.fs-pager-wrapper a{
	display:inline-block;
	width:40px; height:5px;
	margin:0 5px 0 0;
	background:#9B9B9C;
}
.fs-pager-wrapper .active{
	background:#000;
}

/*追加*/
.slider {
	width:100%;
	height:520px;
	overflow:hidden;
} 
.slide1 {
	background:url(img/slide/bg1.jpg) no-repeat center center;
	width:100%;
	height:520px;
}
.slide2 {
	background:url(img/slide/bg2.jpg) no-repeat center center;
	width:100%;
	height:520px;
}
.slide3 {
	background:url(img/slide/bg3.jpg) no-repeat center center;
	width:100%;
	height:520px;
}
.slide1btn{
	display:block;
	font-size:19px;
	color:#000;
	text-align:center;
	width:388px;
	padding:15px 0;
	border:1px solid #000;
}
.slide1btn:hover{
	background:#000;
	color:#FFF;
	}
.slide2btn{
	display:block;
	font-size:19px;
	color:#FFF;
	text-align:center;
	width:388px;
	padding:15px 0;
	border:1px solid #FFF;
}
.slide2btn:hover{
	background:#FFF;
	color:#000;
	}
.slide3btn{
	display:block;
	font-size:19px;
	color:#000;
	text-align:center;
	width:388px;
	padding:15px 0;
	border:1px solid #000;
}
.slide3btn:hover{
	background:#000;
	color:#FFF;
	}


/* =colorbox
-------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
		User Style:
		Change the following styles to modify the appearance of Colorbox.  They are
		ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
		#cboxContent{margin-top:20px;background:#000;}
				.cboxIframe{background:#fff;}
				#cboxError{padding:50px; border:1px solid #ccc;}
				#cboxLoadedContent{border:5px solid #000; background:#fff;}
				#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
				#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
				#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

				/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
				#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
				
				/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
				#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
				
				#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
				#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
				#cboxPrevious:hover{background-position:bottom left;}
				#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
				#cboxNext:hover{background-position:bottom right;}
				#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
				#cboxClose:hover{background-position:bottom center;}



/* ==========================
   PC表示レイアウト安定化
   ========================== */

/* PC（WordPress標準 783px 以上） */
@media screen and (min-width: 783px) {

  /* メインコンテンツ幅を安定させる */
  .contents {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 固定幅が原因で細く見える要素を制御 */
  .smallbox {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  /* サイドバー込みレイアウトの破綻防止 */
  .main {
    width: calc(100% - 320px);
  }

}



/* ==========================
   PC幅（1100px以上）を安定させる
   ========================== */
@media screen and (min-width: 1101px) {
  .contents {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}