@charset "UTF-8";

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}


/* Ａ: ナビゲーションバー */
.menu	{margin: 0;
background-color: #DE3017;
border: none;
border-radius: 0;
} 

.menu li a {color: #fff !important;}
.menu li a:hover {background-color: #8A084B !important;}

.menu .navbar-brand	{font-family: 'Quicksand', sans-serif;
color: #fff !important;
font-size:26px;
}




/* top写真 */
.ST_top_photo{height: 930px;
	padding: 50px 20px 20px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-image: url(img/sokyok_web_2024_4000p1500p.jpg);
	background-position: 50% 50%;
	background-size: cover;}

@media screen and (max-width: 1023px) {
.ST_top_photo{height: 400px;}
}
@media screen and (max-width: 599px) {
.ST_top_photo{height: 230px;}
}

/* レコーディング写真 */
.rec_photo{height: 630px;
	padding: 50px 20px 20px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-image: url(img/rec_750.jpg);
	background-position: 20% 50%;
	background-size: cover;}

@media screen and (max-width: 1023px) {
.rec_photo{height: 400px;}
}
@media screen and (max-width: 599px) {
.rec_photo{height: 230px;}
}

/* ミックス写真 */
.mix_photo{height: 630px;
	padding: 50px 20px 20px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-image: url(img/mix_750.jpg);
	background-position: 15% 50%;
	background-size: cover;}

@media screen and (max-width: 1023px) {
.mix_photo{height: 400px;}
}
@media screen and (max-width: 599px) {
.mix_photo{height: 230px;}
}

/* マスタリング写真 */
.mas_photo{height: 630px;
	padding: 50px 20px 20px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-image: url(img/mas_750.jpg);
	background-position: 50% 50%;
	background-size: cover;}

@media screen and (max-width: 1023px) {
.mas_photo{height: 400px;}
}
@media screen and (max-width: 599px) {
.mas_photo{height: 230px;}
}

/* アクセス写真 */
.acs_photo{height: 630px;
	padding: 50px 20px 20px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-image: url(img/acs_750.jpg);
	background-position: 15% 50%;
	background-size: cover;}

@media screen and (max-width: 1023px) {
.acs_photo{height: 400px;}
}
@media screen and (max-width: 599px) {
.acs_photo{height: 230px;}
}

/* トラック写真 */
.trk_photo{height: 630px;
	padding: 50px 20px 20px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-image: url(img/trk_750.jpg);
	background-position: 15% 50%;
	background-size: cover;}

@media screen and (max-width: 1023px) {
.trk_photo{height: 400px;}
}
@media screen and (max-width: 599px) {
.trk_photo{height: 230px;}
}

/* 404写真 */
.e404_photo{height: 630px;
	padding: 50px 20px 20px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dfe3e8;
	background-image: url(img/404_750.jpg);
	background-position: 15% 50%;
	background-size: cover;}

@media screen and (max-width: 1023px) {
.e404_photo{height: 400px;}
}
@media screen and (max-width: 599px) {
.e404_photo{height: 230px;}
}

/* フォント */

.basic_f	{font-size: 16px;
	line-height: 1.6;
}

.blue_f	{font-size: 22px;
	margin:35px 0 41px 0;
	color:#8A0829;
}

.blk_f	{font-size: 19px;
	margin:35px 0 41px 0;
	color:#000;
}

.aka16	{font-size: 16px;
	color:#8A0829;
}

.font13 {font-size: 13px;
    
}

/* 記事1 */
.entry1	{padding: 50px 0;
	background-color: #fff;}

.entry1 img	{max-width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	vertical-align: bottom;}

.entry1 h1	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

@media screen and (max-width: 479px) {
.entry1 h1	{margin: 0 0 20px 0;
	font-size: 23px;
	line-height: 1.2;}
}

.entry1 h2	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.2;
        color: #8A0829;}

.entry1 p	{margin: 0 0 60px 0;
	font-size: 16px;
	line-height: 1.6;}
	
.entry1 span	{font-size: 16px;
	line-height: 1.6;
}

.entry1_line {text-decoration: underline;
}

.entry1_akaline {text-decoration: underline;
	color:#8A0829;
	font-size: 20px;
}

.entry1_akaline2 {text-decoration: underline;
	color:#8A0829;
	font-size: 16px;
}


/* キャッチコピー罫線区切り */
.entry1 h1	{padding: 5px 0 5px 12px;
	border-bottom: solid 1px #888;
	border-left: solid 10px #3B0B24;
        color: #222;}


	
.sikaku_yosan		{border: 1px solid;
	margin: 0 0 50px 0;
	padding:5px 13px 5px 13px;
}

.entry_nezumi		{padding: 50px 0;
	background-color: #ddd;
}

.entry_nezumi span	{font-size: 16px;
	line-height: 1.6;
}

.mark		{color: #fff;
	margin:0 5px;
    padding:0 5px;
    background-color:  #D9534F;
    border-radius: 5px; 
}



.entry_nezumi span	{font-size: 16px;
	line-height: 1.6;
}


.back3		{margin: 50px 0 20px 0;
	font-size: 16px;
}

.back3 a	{color:#8A0829;
	text-decoration: underline;
}

.back3 a:hover	{color:#fff;
}


.entry_column		{padding: 50px 0;
	background-color: #FBEFEF;
}

.entry_column h2	{font-size: 22px;
	margin:35px 0 41px 0;
	color:#8A0829;
}

.sikaku_column		{border: 2px solid;
	border-color : #FDFAFA;
	background-color: #FDFAFA;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin: 0 0 50px 0;
	padding:20px 39px 30px 39px;
}




/* 3つのこだわりリンク */
.three_box	{padding: 50px 0 20px 0;
	background-color: #8A0829;
	text-align: center;}
        
.three_box_left	    {padding: 50px 0 20px 0;
	background-color: #8A0829;
        }	

.three_box_left h2	{margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 1.2;
        color: #8A0829;
        }

.three_box_left a	    {text-decoration: underline;
        font-weight: bold;
        }

.match_b {
   -moz-border-radius: 8px;    /* 古いFirefox */
   -webkit-border-radius: 8px; /* 古いSafari,Chrome */
   border-radius: 8px;         /* CSS3 */

   border: 1px solid #ccc;     /* 枠線の装飾 */
   background-color: #f2f2f2;   /* 背景色 */
   padding: 20px 20px 20px 20px;
   margin: 19px 0;
}



.three_box_tittle p	{font-size: 26px;
	padding:20px 0 50px 0;
	color:#fff;
}

.three_box_tittle2	{font-size: 20px;
	color:#fff;
}

.three_box_16	{font-size: 16px;

}

.three img	{max-width: 100%;
	height: auto;
	margin: 20px auto 30px auto;
	vertical-align: bottom;}

.three_link{font-size: 22px;
	padding: 0 0 50px 0;
}

.three_link a {color:#000;
	text-decoration: underline;
}

.three_link a:hover {color:#fff;
}


/* 3つのこだわりリンク先ページ */
.three_page	{padding: 50px 0 50px 0;
	background-color: #8A0829;
	text-align: center;}
	
.three_page h1	{font-size: 28px;
	line-height: 1.2;
}


/* アンダーメニューBOX */

.underMenu_box	{padding: 90px 0 20px 0;
}


/* アンダーメニュー */
.underMenu	{margin-bottom: 40px;
	padding: 0;}

.underMenu img	{max-width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	vertical-align: bottom;}
	
.underMenu a img	{border: none;
	opacity:1;
}

.underMenu a:hover img	{opacity:0.6;
}
	
@media screen and (max-width: 479px) {
.underMenu img	{margin: 0 0 10px 0;}
.underMenu_box	{padding: 50px 0 10px 0;}
}

.underMenu h3	{margin: 0;
	font-size: 20px;
	line-height: 1.2;}

.underMenu p	{margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.6;}


/* 枠 */
.underMenu h3	{padding: 13px;
	background-color: #000;
	color: #fff;}
	
	
	
/* サブワークのリンク */
.subwork_box	{padding: 90px 0 20px 0;
	background-color: #c22a14;
	text-align: center;}

.subwork_box p	{font-size: 14px;
	margin: 0 auto 50px auto;
	line-height: 1.6;}

.subwork img	{max-width: 100%;
	height: auto;
	margin: 20px auto 10px auto;
	vertical-align: bottom;}
	
@media screen and (max-width: 768px) {
.subwork_box p	{margin: 0 auto 90px auto;}
}
	
.subwork h4{font-size: 21px;
	padding: 13px 0 20px 0;
        color: #fff;
}

.subwork h4 a {color:#222;
	text-decoration: underline;
}

.subwork h4 a:hover {color:#fff;
}

.subwork span {color:#fff;
}

/* SMSメニュー */
.sms_menu_box	{padding: 10px 0 50px 0; 
	background-color: #dfe3e8;}
	
.sms_menu_box p	{font-size: 16px;
	padding: 50px 0 0 0;
	margin: 0 auto 0 auto;
	line-height: 1.6;}
	

.sms_menu	{padding: 40px 0 0 0; 
	background-color: #dfe3e8;}

.sms_menu ul,
.sms_menu ol	{margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.sms_menu li a	{display: block;
	padding: 10px;
	color: #000;
	text-align: center;
	text-decoration: none;}

.sms_menu li a:hover	{background-color: #fff;}

.sms_menu li a span	{display: block;
	text-indent: 0;}

.sms_menu li a i	{font-size: 40px;
	color: #3B0B24;}

.sms_menu li a:hover i	{color: #8A0829;}

.sms_menu li	{float: left;
	width: 100px;}

.sms_menu ul:after,
.sms_menu ol:after	{content: "";
	display: block;
	clear: both;}
.sms_menu ul,
.sms_menu ol	{*zoom: 1;}

.fa	{*zoom: 1;}
.fa-twitter-square {*zoom: expression(this.innerHTML = '');}
.fa-facebook-square {*zoom: expression(this.innerHTML = '');}
.fa-file {*zoom: expression(this.innerHTML = '');}
.fa-play-circle {*zoom: expression(this.innerHTML = '');}
.fa-exclamation-circle {*zoom: expression(this.innerHTML = '');}

/* グーグルマップ*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* サイトマップ */
.sitemap	{padding: 50px 0;
	background-color: #fff;}


.sitemap h1	{margin: 0 0 20px 0;
	font-size: 26px;
	line-height: 1.2;}

.sitemap h2	{margin: 0 0 20px 0;
	font-size: 22px;
	line-height: 1.2;}

.sitemap p	{margin: 0 0 60px 0;
	font-size: 16px;
	line-height: 1.6;}
	
.sitemap span	{font-size: 16px;
	line-height: 1.6;
}

.sitemap a {text-decoration: underline;
            font-size: 16px;
    	line-height: 1.6;
}



/* サイトマップh2罫線区切り */
.sitemap h2	{padding: 5px 0 5px 12px;
	border-bottom: solid 1px #888;
	border-left: solid 10px #000;}

.breadcrumb li+li:before {
content:'>';
}

.breadcrumb span{
    font-size: 15px;
}

@media screen and (max-width: 479px) {
.breadcrumb span{font-size: 13px;}
}


/* 横線STYLE */
hr.style1 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

/* フッター */
.footer	{padding: 20px 0 10px 0;
	background-color: #460f07;
	text-align: center;}

.footer p	{
	font-size: 13px;
	color:#FAECF4;
	line-height: 1.4;}