@charset "utf-8";
/* CSS Document */

/* CSSのユニバーサルセレクタを使ってリセットする
* {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     line-height: 1;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
}
 */
/* CSSの要素ごとにリセットする */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
     margin: 0;
     padding: 0;
    font-weight: normal;
}
html {
     overflow-y: scroll;
}
h1{
     font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 12px;
}
/*
ol, ul {
     list-style: none;
}
ul, li {
    padding: 0;
    list-style: inside;
    margin: 0;
}
*/
fieldset, img {
     border: 0;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
caption, th {
     text-align: left;
}
/*
address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
     font-weight: normal;
}*/
/* Firefoxでリンクの点線を消す */
a {
     overflow: hidden;
     outline: none;
}
/* リンクオーバーで透過 */
a:hover img {
     filter: alpha(opacity=85); /*IE*/
     -moz-opacity: 0.85; /*FF*/
     opacity: 0.85;
}
/* clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
/* IE6 */
* html .clearfix {
     zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
     zoom: 1;
}
/* ~~ その他の float/clear クラス ~~ */
.fltrt {
     float: right;
}
.fltlt {
     float: left;
}
img {
     vertical-align: bottom
}
img.fltrt {
     margin: 0 0 10px 10px;
}
img.fltlt {
     margin: 0 10px 10px 0;
}
.center {
     text-align: center;
     margin: 0 auto;
}
.clear {
     clear: both
}
.pageup {
     display: block;
     text-align: right;
     padding-left: 20px;
     float: right;
     clear: both;
     width: auto;
}

.mb100 {
     margin-bottom: 100px !important;
}
.mb90 {
     margin-bottom: 90px !important;
}
.mb80 {
     margin-bottom: 80px !important;
}
.mb70 {
     margin-bottom: 70px !important;
}
.mb60 {
     margin-bottom: 60px !important;
}
.mb50 {
     margin-bottom: 50px !important;
}
.mb40 {
     margin-bottom: 40px !important;
}
.mb30 {
     margin-bottom: 30px !important;
}
.mb20 {
     margin-bottom: 20px !important;
}
.mb15 {
     margin-bottom: 15px !important;
}
.mb10 {
     margin-bottom: 10px !important;
}
.mb05 {
     margin-bottom: 5px !important;
}
.mb0, .mb00 {
     margin-bottom: 0px !important;
}
.mt60 {
     margin-top: 60px !important;
}
.mt50 {
     margin-top: 50px !important;
}
.mt40 {
     margin-top: 40px !important;
}
.mt30 {
     margin-top: 30px !important;
}
.mt20 {
     margin-top: 20px !important;
}
.mt15 {
     margin-top: 15px !important;
}
.mt10 {
     margin-top: 10px !important;
}
.mt05 {
     margin-top: 5px !important;
}
.mt0 {
     margin-top: 0px !important;
}
.w05p {
     width: 5%;
}
.w10p {
     width: 10%;
}
.w15p {
     width: 15%;
}
.w20p {
     width: 20%;
}
.w30p {
     width: 30%;
}
.w40p {
     width: 40%;
}
.w50p {
     width: 50%;
}
.w60p {
     width: 60%;
}
.w70p {
     width: 70%;
}
.w80p {
     width: 80%;
}
.w90p {
     width: 90%;
}
.w100p {
     width: 100%;
}
.txt_red {
     color: #C00;
}
.txt_right {
     text-align: right;
     text-indent: 0 !important;
}
.txt_left {
     text-align: left;
     text-indent: 0 !important;
}
.txt_box {
	padding: 1rem;
	background-color: #F9F3EE;
	/* [disabled]border-radius: 15px; */
    margin: 20px auto;
}
.txt_box p {
	font-size: 95%;
	/* [disabled]line-height: 1.85; */
	/* [disabled]text-indent: 1em; */
	margin-bottom: 0.5em;
}
.txt_s {
 font-size: 90%;
line-height: normal !important;
}
.txt_xs {
 font-size: 80%;
 line-height: normal !important;
}
.txt_xxs {
 font-size: 70%;
}
.txt_ml {
	font-size: 115%;
}
.txt_l {
	font-size: 130%;
/*	line-height: normal !important;
	display: block;*/
}
.txt_xl {
	font-size: 160%;
}
.txt_xxl {
	font-size: 180%;
}
.txt_2r {
    font-size: 2rem;
}
.txt_3r {
    font-size: 3rem;
}
.txt_4r {
    font-size: 4rem;
}
.txt_5r {
    font-size: 5rem;
}
.txt_bold {
    font-weight: bold !important;
}
input[type="text"], input[type="password"], textarea {
     background-color: #fff;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
     background-color: #FFFFE8 !important;
     color: #000;
}

a img {
     border: none;
}
/*
a:link {
     color: #42413C;
     text-decoration: underline;
}
a:visited {
     color: #6E6C64;
     text-decoration: underline;
}
a:hover, a:active, a:focus {
     text-decoration: none;
}*/
.indent1 {
     text-indent:1em;}
.border-0 {
    border: 0 !important;
}
/*gridのgutter調整*/ 
.row-0 { 
margin-left: 0px; 
margin-right: 0px; 
} 
.row-0 > div { 
padding-right: 0px; 
padding-left: 0px; 
} 
.row-10 { 
margin-left: -15px; 
margin-right: -15px; 
} 
.row-10 > div { 
padding-right: 5px; 
padding-left: 5px; 
} 
.row-20 { 
margin-left: -10px; 
margin-right: -10px; 
} 
.row-20 > div { 
padding-right: 10px; 
padding-left: 10px; 
} 
.row-30 { 
margin-left: -15px; 
margin-right: -15px; 
} 
.row-30 > div { 
padding-right: 15px; 
padding-left: 15px; 
} 
.row-40 { 
margin-left: -20px; 
margin-right: -20px; 
} 
.row-40 > div { 
padding-right: 20px; 
padding-left: 20px; 
} 
/* .row の左右のネガティブマージンを0にする */ 
.row--nopadding { 
margin-left: 0; 
margin-right: 0; 
} 
/* .row--nopadding の中にあるカラムの左右のパディングを0にする */ 
.row--nopadding > [class*="col-"] { 
padding-left: 0; 
padding-right: 0; 
}