#snslink {
	margin-bottom: 0;
	padding: 0;
}
#snslink ul {
    list-style: none;
    margin-bottom: 5px;
}


@media screen and (min-width:1280px) { /* 1280px - X */


#snslink .sns_pc {
	float: left;
}
#snslink .sns_smp {
	display: none;
}

#snslink .sns_bt li {
	display: inline-block !important;
vertical-align: top;
line-height: 0;
}

}

@media screen and (min-width:960px) and ( max-width:1280px) { /* 960px - 1280px */


#snslink .sns_pc {
	float: left;
}
#snslink .sns_smp {
	display: none;
}

#snslink .sns_bt li {
	display: inline-block !important;
vertical-align: top;
line-height: 0;
}

}

@media screen and (min-width:576px) and ( max-width:960px) { /* 576px - 960px */


#snslink .sns_pc {
	float: left;
}
#snslink .sns_smp {
	display: none;
}
#snslink .sns_bt li {
	display: inline-block !important;
vertical-align: top;
line-height: 0;
}

}

@media  (max-width:575px) { /* X - 575 */
#snslink .sns_pc {
	float: left;
}

#snslink .sns_pc {
	display: none;
}

#snslink .sns_bt li {
	display: inline-block !important;
	vertical-align: top;
	line-height: 0;
}

}

/* ------------------------------ */
hr {
    margin: 30px 0;
}

#wrapper_mgs h2 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 4px #d8d8d8;
    max-width: 780px;
    margin: 0 auto;
    color: #302115;
}

#wrapper_mgs h3 .sub_title {
}

#wrapper_mgs h3 .number {
    border: 1px #302115 solid;
    text-shadow: none;
    padding: 2px 5px;
    border-radius: 4px;
    box-shadow: 1px 1px 2px #d8d8d8;
}


#wrapper_mgs .comingsoon {
    text-align: center;
    margin-bottom: 20px;
}



#wrapper_mgs .mgs_im {
    width: 50%;
}

#wrapper_mgs {
    max-width: 800px;
}
#wrapper_mgs #content {
    max-width: 780px;
    margin: 0 auto;
}

#wrapper_mgs .box p span {
    letter-spacing: -.2em;
    width: 2em;
    margin-right: .7em;
}

#wrapper_mgs h3 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 25px;
    text-shadow: 1px 1px 1px #d8d8d8;     
    margin-bottom: 10px;
    padding: 0;
    font-weight: bold;
    color: #302115;
    line-height: 160%
}
#wrapper_mgs h3 .guitar_name {
    font-style: italic;
    color: #990000;
    font-size: 26px;
    display: block;
    margin-bottom: 10px;
}
#wrapper_mgs h3 a {
    text-decoration: none;
}

#wrapper_mgs .img_center {
    text-align: center;
    max-width: 800px;
}


#wrapper_mgs p {
    font-size: 16px;
    line-height: 180%;
    margin: 0;
    padding: 0;
}




#wrapper_mgs .f_left {
float: left;
margin-left: 10px;
box-shadow: 0px 0px 2px 2px #cccccc;
border: 1px solid #cccccc;
}

#wrapper_mgs .f_right {
float: right;
margin-right: 10px;
}


#wrapper_mgs .img_box01 {
    max-width: 774px;
    display: inline-block;
    text-align: center;
}



#wrapper_mgs .sub_breadcrumb a {
color: #893836;
}
#wrapper_mgs .sub_breadcrumb a::after {
    content: "\f054";
    font-family: FontAwesome;
    color: #8c8479;
    font-size: 12px;
	margin-left: 5px;
	position: absolute;
}

#wrapper_mgs .sub_breadcrumb {
	margin-left: 10px;
	padding: 0;
}
#wrapper_mgs .sub_breadcrumb li {
	margin: 0 15px 0 0;
	padding: 0;
	display: inline-block;
    font-size: 12px;
}

#story_list {
    margin-top: 30px;
}
#story_list h3 {
    font-size: 21px;
    margin-bottom: 10px;
}

#story_list img {
    margin-right: 20px;
}

#story_list .box_click:link {
    text-decoration: none;
}

#story_list .box_click:hover {
    text-decoration: none;
    color: #666;
    cursor: pointer;
    transition: all .2s;
    opacity: .6;
    text-decoration: none;
}

#wrapper_mgs a {
	color: #2B1C10;
	width: auto;
}
#wrapper_mgs .cb {
	clear: both;
}

#wrapper_mgs .bt {
    margin-top: 10px;
} 
#wrapper_mgs .bt a:link {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    border: 1px solid #682c2a;
    border-radius: 6px;
    color: #900;
    font-size: 14px;
    font-weight: bold;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,213,213,1) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,213,213,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(229,213,213,1) 100%);
    transition: all 1s;
}

#wrapper_mgs .bt a:hover, #wrapper_mgs .bt a:visited {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    border: 1px solid #682c2a;
    border-radius: 6px;
    color: #900;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    transition: all 1s;
    text-decoration: none;
}
#wrapper_mgs .intro {
    font-size: 14px;
}

#wrapper_mgs .date {
    text-align: right;
    font-size: 12px;
}



@media ( min-width : 955px ){
#wrapper_mgs .box{
  position: relative;
}
#wrapper_mgs .box img.pc {
  position: absolute;
  top: 4px;
  left: 4px;
}     
    
 #story_list .sp {
    display: none;
}   
#story_list img.pc {
    margin-right: 0;
    border: 1px solid #CCCCCC;
    text-shadow: 1px 1px 1px #d8d8d8;   
} 
    

}
@media screen and (max-width : 954px ) and ( min-width : 577px ){
#wrapper_mgs .box{
  position: relative;
}
#wrapper_mgs .box img.pc {
  position: absolute;
  top: 4px;
  left: 4px;
}    
    
 #story_list .sp {
    display: none;
}   
#story_list img.pc {
    margin-right: 0;
    border: 1px solid #CCCCCC;
    text-shadow: 1px 1px 1px #d8d8d8;   
} 
    
}

@media (max-width: 576px) {
    
    
#wrapper_mgs .box{
  position: relative;
}
#wrapper_mgs .box img.sp {
  position: absolute;
  top: -3px;
  left: -5px;
}    
    
#wrapper_mgs p {
    font-size: 15px;
    line-height: 160%;
    }
#story_list .pc {
    display: none;
}
 
#story_list {
    margin-top: 30px;
}
#story_list h3 {
    font-size: 20px;
    margin-bottom: 10px;
}


#story_list img {
    width: 30%;
    margin-right: 10px;
    margin-top: 5px;
}
#story_list img.sp {
    margin-right: 0;
    width: 40px;
   border: 1px solid #CCCCCC;
    text-shadow: 1px 1px 1px #d8d8d8;   
}   
#wrapper_mgs #content .f_left {
margin-left: 0;
}


#wrapper_mgs h2 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 4px #d8d8d8;
    margin: 0 auto;
    color: #302115;
letter-spacing:-0.05em;
}

#wrapper_mgs h3 .sub_title {
}   
    
     
    
    
#wrapper_mgs {
    max-width: 576px;
}



#wrapper_mgs h3 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 16px;
    text-shadow: 1px 1px 1px #d8d8d8;     
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    color: #302115;
    line-height: 140%
}
#wrapper_mgs h3 .guitar_name {
    font-style: italic;
    font-size: 18px;
    letter-spacing: -0.2px;
    display: block;
    margin-bottom: 10px;
} 
#wrapper_mgs .f_left {
float: left;
margin-left: 10px;
margin-bottom: 10px;
box-shadow: 0px 0px 2px 2px #cccccc;
border: 1px solid #cccccc;
}
#wrapper_mgs .bt {
    margin-top: 10px;
} 
#wrapper_mgs .bt a:link {
    display: inline-block;
    width: auto;
    height: 35px;
    line-height: 30px;
    padding: 0 8px;
    border: 1px solid #682c2a;
    border-radius: 6px;
    color: #900;
    font-size: 16px;
    font-weight: bold;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,213,213,1) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,213,213,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(229,213,213,1) 100%);
    transition: all 1s;
}

#wrapper_mgs .bt a:hover, #wrapper_mgs .bt a:visited {
    display: inline-block;
    width: auto;
    height: 35px;
    line-height: 30px;
    padding: 0 8px;
    border: 1px solid #682c2a;
    border-radius: 6px;
    color: #900;
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    transition: all 1s;
    text-decoration: none;
}  
    

#wrapper_mgs .sub_breadcrumb {
		line-height: 100%;
}

}
