/* =======================================
	共通
======================================= */

.mainSection-title, h2 {
    line-height: 1.2;
    border-top-width: 3px;
}

.subSection-title, h3 {
	font-size: 1.4em;
	border-bottom-width: 1.6px;
    background-color: #ececec;
    padding: 10px 10px 4px;
}

h3:after, .subSection-title:after {
    width: 35%;
    border-bottom: 1.6px solid #d80383;
    bottom: -1.5px;
    left: 0;
}

.h4, h4 {
    font-size: 1.3rem;
    padding: 2px 5px;
    border-bottom: 1px dotted #bfbfbf;
    position: relative;
}

.elementor-99 .elementor-element .elementor-heading-title {
    border: none;
}

/* あとで削除  */
.elementor-1220 .elementor-element .elementor-heading-title {
    border: none;
}

.fa_v4 blockquote:before, .fa_v5_css blockquote:before,
.fa_v4 blockquote:after, .fa_v5_css blockquote:after {
    content: none;
} 


/* ---------------------------------
    印刷用（共通）
--------------------------------- */
/* print setting */
@media print {
    body,#wrap,#container {
        margin: 0; padding: 0; width: 100%;
    }
    #headerTop,#header,#panList,#gMenu,#pagetop,
    #sideTower,#footMenu,#footer,#siteBottom {
        display:block !important;
    }
}

/* print setting 
@media print {
    body {
    -webkit-print-color-adjust: exact;
    top:0 !IMPORTANT;
    left:0 !IMPORTANT;
    width:200mm !IMPORTANT;
    height:290mm !IMPORTANT;
    }
        .mbscroll{
    overflow: auto;
    white-space: nowrap;
    }
    }
*/


/* ---------------------------------
    PageTop（共通）
--------------------------------- */
.page_top_btn {
    width: 50px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    outline: none;
    opacity: 0;
    transition: opacity .3s;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6);
}


/* ---------------------------------
    ヘッダー（共通）
--------------------------------- */
/*
header .siteHeader {
    background-color: #000;
}


.siteHeader .container {
    text-align: center;
}

.siteHeader_logo {
    float: none;
}
*/

header .siteHeader_logo img {
    max-height: 55px;
}


/* ---------------------------------
    ページタイトル（共通）
--------------------------------- */
.page-header {
    background-color: #e2e2e2;
    background-blend-mode: multiply;
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/07/top_slide_try.jpg);
    background-size: cover;
    background-position: center;
}

.page-header_pageTitle, h1.page-header_pageTitle:first-child {
    display: inline-block;
    font-size: 2.1em;
    font-weight: 400;
    letter-spacing: 4px;
    background-color: rgb(0 0 0 / 56%);
    margin: 1.6em 0;
    padding: 0.7em 1.5em;
}

/* 新着 */
body.blog .page-header,
body.category-news .page-header,
body.single-post .page-header {
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/08/newsBG3.jpg);
}

/* Webshop */
body.post-type-shop .page-header,
body.page-id-1392 .page-header,
body.page-id-1403 .page-header {
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/07/top_slide_shop.jpg);
}

/* 楽器修理 */
body.page-id-56 .page-header {
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/07/repair_ttlBG2.jpg);
    background-position: 0px 63%;
}

/* 会社概要 */
body.page-id-58 .page-header {
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/07/classical-music-1838390_1920.jpg);
}

/* お問合せ */
body.page-id-11 .page-header {
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/08/contactBG.jpg);
    background-position: 0 89%;
}

/* サイトマップ */
body.page-id-1146 .page-header {
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/08/newsBG.jpg);
}

/* プライバシーポリシー */
body.privacy-policy .page-header {
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/08/newsBG.jpg);
}


/* ---------------------------------
    ナビメニュー（共通）
--------------------------------- */
/*
.gMenu li {
    padding-left: 5px;
    padding-right: 5px;
}
*/


.gMenu>li .gMenu_name {
    font-size: 16px;
}


/* ---------------------------------
    スライダー（共通）
--------------------------------- */
/*
#topMainBnrFrame .flex-control-nav { bottom:10px; }
#topMainBnrFrame .flexslider.slide .flex-direction-nav li .prev {z-index:1;}
#topMainBnr img {
    width:100% !important;
    max-width: 100% !important;
    height: auto !important;
}
#topMainBnrFrame a.slideFrame:hover { border:none;}
#topMainBnrFrame .slideFrame { border:none;}
#topMainBnrFrame .slideFrame img {left: 0px;}
#topMainBnr {padding:0;}
#topMainBnr,
#topMainBnrFrame {
    background-color:transparent;
    box-shadow:none;
    border:none;
}
#topMainBnrFrame .slides img,
#topMainBnrFrame.flexslider .slides img {
    width: 100% !important;
    max-width: 100% !important;
}
*/

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.slide-text-set {
    left: 55%;
}


/* ---------------------------------
	新着情報（共通）
--------------------------------- */
#info ul {
	margin: 0 auto;
	padding: 0;
}

#info ul li {
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	line-height:1.6;
	padding-bottom:10px;
	text-align: left;
}

/*
.cs-date {
	font-size:12px;
	color:#999;
}
*/

.cs-news,.cs-event,.cs-etc  {
	color: #FFFFFF;
	background-color: #008DBD;
	display: inline-block;
	padding: 2px 1em;
	margin: 2px 1em;
	font-size: 11px;
	width: 6em;
	text-align: center;
}

.cs-event {
	background-color: #ca08a0;
}

.cs-etc {
	background-color: #999;
}

/*2行目以降字下げ
@media screen and (min-width: 670px) {
#info ul li {text-indent: -10.8em;margin-left: 150px;padding-left: 5px;margin-right: 10px;}
}

@media screen and (max-width: 669px) {
#info {	width: auto;}
#info ul li {text-indent: 0em;margin-left: 0px;}
}
*/


/* ---------------------------------
	Web Shop（共通）
--------------------------------- */
#shop ul {
	margin: 0 auto;
	padding: 0;
}

#shop ul li {
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	line-height:1.6;
	padding-bottom:10px;
	text-align: left;
}

.cs-date {
	font-size:12px;
	color:#999;
}

.cs-sale,.cs-accessories,.cs-goods,.cs-general,.cs-brass,.cs-wood,.cs-key,.cs-gen,.cs-book  {
	color: #FFFFFF;
	background-color: #008DBD;
	display: inline-block;
	padding: 2px 1em;
	margin: 2px 1em;
	font-size: 11px;
	width: 8em;
	text-align: center;
	text-indent: 0em;
}

.cs-sale {
	background-color: #d40577;
}

.cs-accessories {
	background-color: #922cb3;
}

.cs-goods {
	background-color: #089abb;
}


.cs-general {
	background-color: #a5a5a5;
}

.cs-key {
	background-color: #5b5b5b;
}


.cs-gen {
	background-color: #733089;
}

.cs-brass {
	background-color: #c5b123;
}

.cs-wood {
	background-color: #86571d
}

.cs-book {
    background-color: #5c9b28
}

/*2行目以降字下げ
@media screen and (min-width: 670px) {
#shop ul li {text-indent: -10.9em;margin-left:160px;}
}

@media screen and (max-width: 669px) {
#shop {width: auto;}
#shop ul li {text-indent: 0em;margin-left: 0px;}
}
*/

.media a.media-body_excerpt {
    display: none;
}

.entry-meta_items_author {display: none;}
.entry-meta_updated {display: none;}
.published entry-meta_items{display: none;}

.entry-header {
	border-bottom: 1px solid #000;
}

h1.entry-title {
	padding: 20px 0.2em 5px;
	font-weight: bold;
	font-size: 1.9em;

}

.entry-meta_items_term {display: contents;}

/*
h1.entry-title {
background: #d7be83;
padding: 10px;
font-size: 24px;
border-radius: 15px;
}
*/


/* ---------------------------------
    フッター（共通）
--------------------------------- */
footer .copySection p:nth-child(2) {
    display:none !important;
}

.siteFooter {
    background-color: #dedede;
    background-image: url(https://www.sympho2.com/wp/wp-content/uploads/2020/07/symphony_footerBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
}

.mainSection-marginBottom-on {
	margin-bottom: 0;
}


/* ---------------------------------
    ボタン（共通）
--------------------------------- */
/* 背景イエロー */
a.btnYellow{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 15px 30px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: #ffb100;
    transition: .4s;
}

a.btnYellow:after {
    position: absolute;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    right: 10px;
}

a.btnYellow:hover {
    background-color: #EBEBEB;
    color: #ffb100;
}

/* 背景ブルー */
a.btnBlue{
    position: relative;
    display: inline-block;
    font-weight: 400;
    padding: 10px 30px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: #0188b1;
    border-radius: 5px;
    transition: .4s;
}

a.btnBlue:after {
    position: absolute;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    right: 10px;
}

a.btnBlue:hover {
    background-color: #EBEBEB;
    color: #2C7FC0;
}

/* 背景ブルー(小) */
a.btnBlues{
    position: relative;
    display: inline-block;
    font-weight: 400;
    padding: 2px 20px 2px 10px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: #0188b1;
    border-radius: 5px;
    transition: .4s;
    font-size:12px;
}

a.btnBlues:after {
    position: absolute;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    right: 10px;
}

a.btnBlues:hover {
    background-color: #EBEBEB;
    color: #2C7FC0;
}

/* 枠線イエロー */
a.btnBDyellow {
    display: inline-block;
    padding: 6px 15px;
    text-decoration: none;
    color: #ffb100;
    border: solid 2px #ffb100;
    border-radius: 5px;
    transition: .4s;
}

a.btnBDyellow:hover {
    background: #ffb100;
    color: white;
}

/* 枠線ブルー */
a.btnBDblue {
    display: inline-block;
    padding: 8px 15px;
    text-decoration: none;
    color: #0188b1;
    font-weight: 400;
    border: solid 2px #0188b1;
    border-radius: 5px;
    background-color: #f6fdff;
    transition: .4s;
}

a.btnBDblue:hover {
    background: #0188b1;
    color: white;
}

/* 枠線ピンク */
a.btnBDpink {
    display: inline-block;
    padding: 8px 15px;
    text-decoration: none;
    color: #b90671;
    font-weight: 400;
    border: solid 2px #b90671;
    border-radius: 5px;
    transition: .4s;
}

a.btnBDpink:hover {
    background: #b90671;
    color: white;
}

/*マーカー風ライン*/
.marker01 {
background:linear-gradient(transparent 75%, #ff9393 75%);
}


/* -------------------------------
    テーブル（共通）
------------------------------- */

table {
    border: 1px solid #e3e3e3;
}

table th,
table tbody tr th {
    background-color: #f1f1f1;
    font-weight: 600;
    border-bottom: 1px solid #e3e3e3;
}

table td,
table tbody tr td {
    border: 1px solid #e3e3e3;
}


.content table.mobile-block th {
    box-shadow: inset 1px 1px 0px #fff;
}

/* 偶数行の背景色を変更 */  
table.bgE tr:nth-child(even) td {   
    background-color: #f1f7f9;   
}   
    
/* 奇数行の背景色を変更 */  
table.bgO tr:nth-child(odd) td {   
    background-color: #f1f7f9;   
}   
    
/* 任意の行数毎に背景色を変更(この例だと4nと指定しているので4行ごと) */  
table.bg4 tr:nth-child(4n) td {   
    background-color: #f1f7f9;   
}  


/* ---------------------------------
    オリジナル（共通）
--------------------------------- */

.clear { clear: both; }
.clearfix {min-height: 1px;}
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.left {	text-align: left; }
.center {text-align: center;}
.right {text-align: right;}

.font1em {font-size:1em !important;}
.font8px {font-size:8px;}
.font9px {font-size:9px;}
.font10px {font-size:10px;}
.font11px {font-size:11px;}
.font12px {font-size:12px;}
.font13px {font-size:13px;}
.font14px {font-size:14px;}
.font15px {font-size:15px;}
.font16px {font-size:16px;}
.font18px {font-size:18px;}
.font20px {font-size:20px;}
.fontB {font-style:700;}
.att_red { color: #D30000;font-weight: 600;}
.att_green { color: #3A9923;font-weight: 600;}
.required {color: #ca2525;}

/* -------------------------------
    マーク（共通）
------------------------------- */

.mMAIL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0e0';
    padding-right: 0.5em;
}

.mTEL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f095';
    padding-right: 0.4em;
}

.mFAX:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1ac';
    padding-right: 0.5em;
}

.mURL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f015';
    color: #333;
    padding-right: 0.5em;
}

.mPDF:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1c1';
    font-size: 1.2em;
    color: #C71825;
    padding-right: 0.5em;
}

.mEXCEL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1c3';
    font-size: 1.2em;
    color: #3F8D23;
    padding-right: 0.5em;
}

.mWORD:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1c2';
    font-size: 1.2em;
    color: #0F48AE;
    padding-right: 0.5em;
}

.m2down:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f103';
    font-size: 1.2em;
    padding-left: 0.5em;
}

.mORDER:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f044';
    font-size: 1.2em;
    padding-left: 0.5em;
}

p.mMAIL,p.mTEL,p.mURL,p.mFAX,p.mPDF,p.mEXCEL,p.mWORD{
    line-height: 1;
    font-size: 1.1em;
}

/* 別窓で開く */
a[target="_blank"]:not(.noicon):after {
    font-family: "Font Awesome 5 Free";
    content: "\f2d2";
    font-size: 12px;
    text-decoration: none;
    margin: 0 3px;
}


/* -------------------------------
    画像（共通）
------------------------------- */

img.floatL { float:left; }
img.mid { vertical-align:middle; }
img.LR5px{ margin: auto 5px; }
img.LR10px{ margin: auto 10px; }
img.LR20px{ margin: auto 20px; }
img.img_grow {
    box-shadow: 0px 0px 6px #333;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px; 
}

/* -------------------------------
　　Contact Form 7カスタマイズ
　------------------------------- */
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin:30px auto 20px;
 width:90%;
 background:#bd278a;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#f0f0f0;
 color:#bd278a;
}

.textnobd {border: none;}
.textno {display: none;} 
.widget .btn-default {font-size: 15px;}


/* =======================================
    PC用
======================================= */
   
   
@media (min-width: 770px) {
       .nopc { display:none; }
}
   
@media print, screen and (min-width: 970px) {
   
    /* -------------------------------
       ヘッダー（PC）
   ------------------------------- */
    
    #header #site-title { 
        width: 300px;
        margin-top: -10px;
        position: absolute;   
    }
    
    .header_scrolled .gMenu_outer {
    	background-color: #fafbfb;
}

   /* -------------------------------
       スライド（PC）
   ------------------------------- */
   .slide-text-title {
    font-size: 4vw;
   }

   .slide-text-caption {
    font-size: 1.8vw;
   }

   .slide-text-caption {
    margin-top: 0;
   }


   /* -------------------------------
       レイアウト（PC）
   ------------------------------- */
   /* サイト全体の横幅 */
   .innerBox { width: 93%; max-width:1100px;}
   .innerBox, #gMenu #gMenuInner.innerBox {width: 92%;}
   
   
   /* メインエリアの横幅 */
   #main #container { width: 100%;}
   #main #container #content { width:1100px;max-width: 98%; }
   
   /* サイドバーの横幅 */
   #main #container #sideTower {width:270px;}
     
   
   .w100per {
     width: 100%;
     margin: 0 auto;
   }
   .w1100 {
     width: 1100px;
     margin: 0 auto;
   }
   .w1000 {
     width: 1000px;
     margin: 0 auto;
   }
   .w950 {
     width: 950px;
     margin: 0 auto;
   }
   .w900 {
     width: 900px;
     margin: 0 auto;
   }
   .w850 {
     width: 850px;
     margin: 0 auto;
   }
   .w800 {
     width: 800px;
     margin: 0 auto;
   }
   .w750 {
     width: 750px;
     margin: 0 auto;
   }
   .w700 {
     width: 700px;
     margin: 0 auto;
   }
   .w600 {
     width: 600px;
     margin: 0 auto;
   }
   .w500 {
     width: 500px;
     margin: 0 auto;
   }
   .w400 {
     width: 400px;
     margin: 0 auto;
   }
   
   
   /* -------------------------------
       テーブル（PC）
   ------------------------------- */
   
table.per100 { width:100%;}
table.per90 { width:90%;}
table.per80 { width:80%;}
table.per70 { width:70%;}
table.per60 { width:60%;}
table.per50 { width:50%;}
   
   
   /* ---------------------------------
       ページINDEX（PC）
   --------------------------------- */
  /* 
   .content .pageIndex ul {
       margin-left: 10%;
   }
   
   .content .col2 ul {
       margin-left: 20px;
   }
   
   .content .col2 li {
       margin: 4px 2%;
       width: 46%;
       float: left;
   }
   */
   
   /* ---------------------------------
       フッター（PC）
   --------------------------------- */
   #footerSiteMap {
       float: right;
   }
   
   #footerSiteMap .menu li {
       display: inline-block;
       width: 30%;
       margin-bottom: 4px;
   }
   
   
   
      #footerSiteMap {
       float: right;
   }
   
   #footerSiteMap .menu li {
       display: inline-block;
       width: 30%;
       margin-bottom: 4px;
   }
   
   .col-md-6 {
       margin-top: 50px;
       margin-bottom: 30px;
	}

	.mainSection-col-two .col-md-6 {
		max-width: 100%;
		flex: 100%;
		margin-top: 20px;
		margin-bottom: 0;
	}
   
} /* PC用ここまで970px*/
   



/* =======================================
    モバイル用（スマホ・タブレット）
======================================= */
   
@media (max-width: 480px) {
}/* モバイル用480pxここまで */


@media (max-width: 768px) {
   
    .nosp { display:none; }
    
    /* モバイルで画像を折り返す */
    #content img.spBL {
        float: none;
        display: block;
        margin: 10px auto;
    }

    /* -------------------------------
        ヘッダー（モバイル）
    ------------------------------- */
    header .siteHeader_logo img {
        max-height: 50px;
    }
    
    body.page-id-58 .page-header {
    background-position: 0 78%;
    }

    /* -------------------------------
        テーブル（モバイル）
    ------------------------------- */
    .mbscroll{
        overflow: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    .mbscroll::-webkit-scrollbar{
        height: 5px;
    }
    .mbscroll::-webkit-scrollbar-track{
        background: #F1F1F1;
    }
    .mbscroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }
       
    /* -------------------------------
        サイドバー（モバイル）
    ------------------------------- 
    #main #container #sideTower {text-align: center;}
    */
    
    /* -------------------------------
        ページINDEX（モバイル）
    ------------------------------- 
    
    .pageIndex {
        width: 80%;
        margin: 10px auto;
        padding: 60px 5% 10px;
    }
    */
    
    /* ---------------------------------
        フッター（モバイル）
    --------------------------------- */
    
    #footerSiteMap .menu li {
        display: inline-block;
        line-height: 1;
        margin-bottom: 0;
    }
    
    
    
}/* モバイル用768pxここまで */
   
   ader .siteHeader_logo img {
    max-height: 55px;
}