@charset "utf-8";

*
{
    margin: 0;
    padding: 0;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 150%;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}

a:focus {
    outline: none;
}
a:hover {
    color: #c79c5b;
    text-decoration: underline;
}
a:active
{
    outline: none;
}

table 
{
	border-collapse: collapse; 
	border-spacing: 0; 
	font-size: inherit;
	width: 100%;
}
td,
th {
  padding: 0;
}

ul,dl,ol
{ text-indent: 0;}

li{ list-style: none;}

img 
{ border: 0;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.cfb {
    clear: both;
}
/*
    html5への対応
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
i {
    font-weight: bold;
}

/* setting
------------------------ */
.mb1{ margin-bottom: 1%;}
.mb2{ margin-bottom: 2%;}
.mb3{ margin-bottom: 3%;}
.mb4{ margin-bottom: 4%;}
.mb5{ margin-bottom: 5%;}
.mb6 { margin-bottom: 6%;}
.mb7 { margin-bottom: 7%;}
.mb8 { margin-bottom: 8%;}
.mb9 { margin-bottom: 9%;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mt1 {margin-top: 1%;}
.mt2 {margin-top: 2%;}
.mt3 {margin-top: 3%;}
.mt4 {margin-top: 4%;}
.mt5 { margin-top: 5%;}
.mt6 { margin-top: 6%;}
.mt7 { margin-top: 7%;}
.mt8 { margin-top: 8%;}
.mt9 { margin-top: 9%;}
.mt10 { margin-top: 10%;}
.mt15{ margin-top: 15%;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.ml20{ margin-left: 20px;}

.pl1{padding-left: 1%;}
.pr1{padding-right: 1%;}
.plr1{padding-left: 1%;padding-right: 1%;}
.pl2{padding-left: 2%;}
.pr2{padding-right: 2%;}
.plr2{padding-left: 2%;padding-right: 2%;}
.pl3{padding-left: 3%;}
.pr3{padding-right: 3%;}
.plr3{padding-left: 3%;padding-right: 3%;}
.pl4{padding-left: 4%;}
.pr4{padding-right: 4%;}
.plr4{padding-left: 4%;padding-right: 4%;}
.pl5{padding-left: 5%;}
.pr5{padding-right: 5%;}
.plr5{padding-left: 5%;padding-right: 5%;}


.nb{ border: none; border: 0;}

.fs10{ font-size:10px;}
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
/*PCの場合*/
.fsS{ font-size:0.857em;}/* 12px */
.fsM{ font-size:1.143em;}/* 16px */
.fsL{ font-size:1.286em;}/* 18px */
.fsLL{ font-size:1.429em;}/* 20px */
.fsEL{ font-size:1.714em;}/* 24px */
.fsx2{ font-size:2em;}/* 32px */

.center{ text-align: center;}
.right{ text-align: right;}

.font_b{ font-weight: bold;}
.lh0 {line-height: 0;}
.lh1 {line-height: 100%;}
.lh2 {line-height: 200%;}
.lsMinus {letter-spacing: -1px;}
button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
    padding: 2px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}


input, select {
    vertical-align:middle;
}

.c-black {
    color: #000;
}
.c-navy {
    color: #202040;
}
.c-grey {
    color: #7f7f7f;
}
.c-gold {
    color: #c79c5b;
}
.c-beige {
    color: #f4ebde;
}
.c-white {
    color: #fcfaf7;
}
.c-red {
    color: #f84f4c;
}

@media screen and (max-width: 768px)    {
    
.mb10 { margin-bottom:5px;}
.mb15 { margin-bottom:8px;}
.mb20 { margin-bottom:10px;}
.mb25 { margin-bottom:13px;}
.mb35 { margin-bottom:17px;}
.mb40 { margin-bottom:20px;}
.mb45 { margin-bottom:22px;}
.mb50 { margin-bottom:25px;}
.mb60 { margin-bottom:30px;}
.mt20 { margin-top: 10px;}
.mt30 { margin-top: 15px;}


}


/* content example
------------------------ */
        
/*
特殊文字 

< &lt; content="\003C”
> &gt; content="\003E”
<< &laquo; content="\00AB”
>> &raquo;　content="\00BB”
< &lsaquo;　content="\2039"
> &rsaquo; content="\203A”

a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
 
角丸 {
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}
 
トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 
グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}

*/