/* reset.css */

/* reset */
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,  var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
/*font-family: ヒラギノ丸ゴ ProN,'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ','Meiryo',Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
font-family: '游ゴシック体', 'Yu Gothic', YuGothic,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
outline: 0;
border: 0;
vertical-align: bottom;
}
html {
/*color: #000;*/
color: #000;
line-height: 1.8;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
}
/*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,  var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
font-size: 1.6rem;
}*/
body{
/*letter-spacing:0.1rem;*/
font-size: 1.6rem;
}

*, *:before, *:after {
box-sizing: inherit;
-webkit-box-sizing : inherit;
-moz-box-sizing : inherit;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display: block;
}
ul, ol {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
color: inherit;;
font-size: 100%;
text-decoration: none;
vertical-align: baseline;
border: 0;
background: transparent;
transition: all .5s;
}
img {
max-width: 100%;
height: auto;
}
ins {
color: #000;
text-decoration: none;
background: #ff9;
}
mark {
color: #000;
font-style: italic;
font-weight: bold;
background: #ff9;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
input, select {
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul {
list-style-type: none;
}
li img {
vertical-align: bottom;
}


/* 共通クラス追加＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

/* リンク画像マウスオーバー時に半透明 */
a:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
transition: all .5s;
}
/* clearfix */
.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
/*改行<br class="br-sp">  */
.br-sp {
    display: none;
}

.sp {
    display: none;
}
.no-pc {
    display: none;
}
a {
text-decoration: none;
}
.tab-only{
display: none;
}
.pc-only{
display: block;
}

/* 中央寄せ */
.center {
text-align: center;
}
/* 左寄せ */
.left {
float: left;
}
/* 右寄せ */
.right {
float: right;
}
.tacenter {
text-align: center;
}
.taleft {
text-align: left;
}
.taright {
text-align: right;
}
.btn a {
display: block;
padding: 15px;
text-align: center;
}

.wrapper {
text-align: center;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
}
.wrapper2 {
text-align: center;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
}
.wrapper-fullwidth{
    width: 100%;
    text-align: center;
}
.ws-nowrap{
white-space: nowrap;
}

.lh1{
line-height: 1;
}


.aguafina{
font-family: 'Aguafina Script', cursive;
}


.img100 {
width: 100%;    
}
.mintyo {
    font-family: "Yu Mincho", "YuMincho","ＭＳ Ｐ明朝","Century","Gabriola","Constantia", "MS PMincho", "ヒラギノ明朝 Pro W3", Meiryo, sans-serif !important;
}

.l-inner{
max-width:1200px;
width: 96%;
margin:0 auto;
}
.full-width img{
width: 100%;
height: auto;
}
.header-li-adj{
display: none;
}
@media all and (max-width:1150px)  {

.header-li-adj{
display: inherit;
}



/*タブレット*/
@media all and (min-width:641px) and (max-width: 900px){

.tab-only{
display: inherit;
}
.no-tab {
    display: none;
}
.pc-only{
    display: none;
}
.no-pc{
display: inherit;
}



}




/*レスポンシブ　スマホ版__________________*/
@media all and (max-width:640px) {

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,  var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {

/*font-size: .95rem;*/

}

body {
width: 100%;
height: auto;
box-sizing: border-box;
min-width: 100%;
line-height: 1.6;
font-size: 1.4rem;
border-collapse: collapse;

letter-spacing:0rem;

}

img {
vertical-align: top;
font-size: 0;
line-height: 0;
box-sizing: border-box;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
display: block;
margin-bottom: 0px;
}
/** {
font-size: 0.9rem;
}*/
.sp {
display: block;
}
.pc {
display: none;
}
.no-sp {
    display: none;
}
/*お問い合わせフォームをテーブルで作ったら 必ずこれらにかける*/
input,table,tbody, tr,th,td,select,textarea{
width: 100% !important;
display: block;
}
/*こっちのほうがいいかも　お問い合わせフォームをテーブルで作ったら必ずこれらにかける*/
/*input,*/.contact-form table,.contact-form tbody, .contact-form tr,.contact-form th,.contact-form td,.contact-form select,.contact-form textarea{
width: 100% !important;
display: block;
}

.wrapper {
text-align: center;
max-width: 97%;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
}
.wrapper2 {
text-align: center;
max-width: 99%;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
}
.wrapper-fullwidth{



}

.tab-only{
display: none;
}
.pc-only{
    display: none;
}
.no-pc{
display: inherit;
}
.header-li-adj{
display: none;
}
}

/*タブレット*/
@media all and (max-width:800px)  {

}