@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Judson:700|Cinzel);

/* /// スマホ ////////////////////////// */

a {
 color: #888888;
}

a:hover {
 opacity: 0.8;
}

p{ margin-bottom: 10px;}

section {
 text-align: center;
 padding: 0 1%;
}

h1,
h2,
h3,
h4,
h5{
 font-weight: bold;
 letter-spacing: 0;
}

h1{
 font-size: 30px;
 font-size: 3.0rem;
 line-height: 4.5rem;
 font-weight: normal;
}

h2{
 font-size: 25px;
 font-size: 2.5rem;
 line-height: 3.75rem;
}
.txtSize1{ 
 font-size: 17px;
 font-size: 1.7rem;
 font-weight: bold;
 letter-spacing: 0;
 line-height: 2.5rem;
}
.txtSize2{ 
 font-size: 15px;
 font-size: 1.5rem;
 font-weight: bold;
 letter-spacing: 0;
 line-height: 2.3rem;
}
.txtSize3{ 
 font-size: 13px;
 font-size: 1.3rem;
 letter-spacing: 0;
 line-height: 1.9rem;
}
.txtSize4{ 
 font-size: 10px;
 font-size: 1.0rem;
 letter-spacing: 0;
 line-height: 1.5rem;
}

.txtCntr{ text-align: center;}

.txtR{ text-align: right;}

.judson{
 font-family: 'Judson', serif;
 font-size: 40px;
 font-size: 4.0rem;
 line-height: 3rem;
}

.cinzel{
 font-family: 'Cinzel', serif;
 font-size: 40px;
 font-size: 4.0rem;
 line-height: 3rem;
}

.judson_m{
 font-family: 'Judson', serif;
 font-size: 30px;
 font-size: 3.0rem;
 line-height: 2.7rem;
}

.cinzel_m{
 font-family: 'Cinzel', serif;
 font-size: 30px;
 font-size: 3.0rem;
 line-height: 2.7rem;
}
.judson_s{
 font-family: 'Judson', serif;
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 2.5rem;
}
.cinzel_S{
 font-family: 'Cinzel', serif;
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 2.5rem;
}
.lnkBox:hover{
 cursor: pointer;
 opacity: 0.8;
}
/* /// ヘッダナビ ////////////////////////// */
#breadClumb ul{
 letter-spacing: 0;
 margin-bottom: 10px;
}
#breadClumb ul li{
 display: inline-block;
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 1.2rem;
}
#breadClumb ul li:first-child{
 margin-left: -10px;
}
#breadClumb ul li:last-child{
}
#breadClumb li{
 list-style: none;
 margin: 0;
 padding: 5px 0 5px 15px;
 position: relative;
}
#breadClumb ul li a{
 color: #333;
 display: block;
 text-decoration: none;
}
#breadClumb li:before{
 display: block;
 content: "";
 position: absolute;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 50%;
 left: 2px;
 width: 8px;
 height: 8px;
 margin-top: -4px;
 background: #999;
}
#breadClumb li:after{
 display: block;
 content: "";
 position: absolute;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 50%;
 left: 0px;
 width: 8px;
 height: 8px;
 margin-top: -4px;
 background: #fff;
}
#breadClumb li:first-child:before{
 display: none;
}
#breadClumb li:first-child:after{
 display: none;
}
/* FACEBOOK *************************** */
#facebookBox {
 width: 98%;
 height: auto;
 margin: 2% auto;
}
/* サイド *************************** */

aside {
 text-align: center;
 padding: 15px 0;
}
/* ページTOP *************************** */
#pageTop {
 position: fixed;
 bottom: 0;
 font-size: 10px;
 font-size: 1.0rem;
 line-height: 1.3rem;
 right: 10px;
}
#pageTop a {
 background: #777777;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 color: #fff;
 display: block;
 width: 60px;
 height: 60px;
 opacity: 0.4;
 padding-top: 18px;
 text-align: center;
 text-decoration: none;
}
#pageTop a:active {
 opacity: 0.4;
}
#pageTop a:hover {
 opacity: 0.9;
 text-decoration: none;
}
@media print, screen and (min-width: 768px) {
/* /// タブレット・PC ////////////////////////// */

section {
 text-align: center;
 padding: 15px 1%;
}

.wd30{width: 30%; margin: 0 auto;}
.wd40{width: 40%; margin: 0 auto;}
.wd50{width: 50%; margin: 0 auto;}
.wd60{width: 60%; margin: 0 auto;}
.wd70{width: 70%; margin: 0 auto;}
.wd80{width: 80%; margin: 0 auto;}

.mrgnLN {
 margin-left: 0; 
 }
.mrgnLR1 {
 margin-left: 1%; 
 margin-right: 1%; 
 }
h1,
h2{
 letter-spacing: 0.15rem;
}
.txtSize1{ 
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: bold;
 line-height: 4.5rem;
}
.txtSize2{ 
 font-size: 25px;
 font-size: 2.5rem;
 font-weight: bold;
 line-height: 3.75rem;
}
.txtSize3,
.txtSize4{ 
 font-size: 16px;
 font-size: 1.6rem;
 letter-spacing: 0.1em;
 line-height: 2.4rem;
}
/* /// ヘッダナビ ////////////////////////// */
#breadClumb ul{
 letter-spacing: 0.2rem;
 margin-bottom: 10px
}
#breadClumb ul li{
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 1.6rem;
 margin-top: 10px;
}
header h1 img{
 padding-top: 0;
 max-width: 600px;
 width: 70%;
}
header .headImg{
 padding-top: 25%;
}
header .headMoushikomi{
 padding-top: 25%;
}
nav .mrgnR {
 width: 11.625%;
 margin: 0 0 0 1%;
}
nav ul li a img{
 max-width: 100%;
}
/* サイド *************************** */

/* ページTOP *************************** */
#pageTop {
 font-size: 12px;
 font-size: 1.2rem;
}
}

@media screen and (min-width : 1024px) {
/* /// PC ////////////////////////// */
}


