/****************************************************/
li a { text-decoration:none;}
li a:hover { text-decoration:none;}
/****************************************************/
/* H1 - H6 */
/*
h1, .h1 { font-size: 2.8rem;}
h2, .h2 { font-size: 2.4rem;}
h3, .h3 { font-size: 2rem;}
h4, .h4 { font-size: 1.8rem;}
h5, .h5 { font-size: 1.4rem;}
h6, .h6 { font-size: 1rem;}
*/
/*
********************************************************************************************************************************
WEB font
********************************************************************************************************************************
*/
.wf-mplus1p { font-family: "Mplus 1p";}
.wf-nicomoji { font-family: "Nico Moji"; }
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-hannari { font-family: "Hannari"; }
.wf-Raleway { font-family: 'Raleway', sans-serif; }
.wf-Quicksand { font-family: 'Quicksand', sans-serif; }

i {margin-right:5px;}
/*
********************************************************************************************************************************
Text Size
********************************************************************************************************************************
*/
.text09, .text10, .text11, .text12, .text13, .text14, .text15, .text16, .text17, .text18, .text19, .text20, .text21, .text22, .text23, .text24, .text25, .text26 {letter-spacing: 0.1em; *line-height: 1.5em;}
.text09{font-size:69%;}
.text10{font-size:77%;}
.text11{font-size:85%;}
.text12{font-size:93%;}
.text13{font-size:100%;}
.text14{font-size:108%;}
.text15{font-size:116%;}
.text16{font-size:123.1%;}
.text17{font-size:131%;}
.text18{font-size:138.5%;}
.text19{font-size:146.5%;}
.text20{font-size:153.9%;}
.text21{font-size:161.6%;}
.text22{font-size:167%;}
.text23{font-size:174%;}
.text24{font-size:182%;}
.text25{font-size:189%;}
.text26{font-size:197%;}

/*
********************************************************************************************************************************
Text Height
********************************************************************************************************************************
*/
.line100{line-height:1em;}
.line120{line-height:1.2em;}
.line140{line-height:1.4em;}
.line160{line-height:1.6em;}
.line180{line-height:1.8em;}
.line200{line-height:2em;}

/*
********************************************************************************************************************************
Text color
********************************************************************************************************************************
*/
.att{color:#ce2143;}

/*
********************************************************************************************************************************
Image align
********************************************************************************************************************************
*/
.imgL{float:left; margin-right:5px;}
.imgR{float:right; margin-left:5px;}

/*
********************************************************************************************************************************
空白
********************************************************************************************************************************
*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:12px;}
.clear0{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0px;}
.clear5{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:5px;}
.clear10{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:10px;}
.clear15{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:15px;}
.clear20{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:20px;}
.clear30{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:30px;}
.clear40{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:40px;}
.clear50{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:50px;}
.clear60{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:60px;}
.clear70{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:70px;}
.clear80{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:80px;}
.clear90{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:90px;}
.clear100{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:100px;}
.clear150{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:150px;}
.clear200{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:200px;}
.clear250{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:250px;}
.clear300{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:300px;}
.clear350{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:350px;}
.clear400{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:400px;}

/*
********************************************************************************************************************************
facebook
********************************************************************************************************************************
*/
.fbbase { }
.fbbase > .fb-page { }
.fbbase > .fb-page > span,.fbbase iframe { display:block;margin:0 auto;}

/*
********************************************************************************************************************************
instagram
********************************************************************************************************************************
*/
#Instabase { width:100%; padding:0 0;}
.instagram-image { position:relative; float:left; width:32%; margin:1px;}
.instagram-image img { width:100%;}
.caption{ width:96%; left:2%; margin-top:5px; font-size:12px; text-align:left; line-height:1.3em; }

/****************************************************/

/* display */
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2;}
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2;}
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2;}
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.3;}
.display-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.4;}
.display-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.6;}
@media (min-width: 576px) {
/*オフセット*/
.offset-3-05 { margin-left: 0;}
.offset-7-05 { margin-left: 0;}
.offset-9-05 { margin-left: 0;}
.offset-11-05 { margin-left: 0;}
}

@media (min-width: 768px) {
/*オフセット*/
.offset-3-05 { margin-left: 0;}
.offset-7-05 { margin-left: 0;}
.offset-9-05 { margin-left: 0;}
.offset-11-05 { margin-left: 0;}
}

@media (min-width: 992px) {
/*オフセット*/
.offset-3-05 { margin-left: 4.166665%;}
.offset-7-05 { margin-left: 12.5%;}
.offset-9-05 { margin-left: 20.833333%;}
.offset-11-05 { margin-left: 37.5%;}
}

@media (min-width: 1200px) {
/*オフセット*/
.offset-3-05 { margin-left: 4.166665%;}
.offset-7-05 { margin-left: 12.5%;}
.offset-9-05 { margin-left: 20.833333%;}
.offset-11-05 { margin-left: 37.5%;}
}
/****************************************************/

/* margin */
.m-6 { margin: 6rem !important;}
.mt-6,.my-6 { margin-top: 6rem !important;}
.mr-6,.mx-6 { margin-right: 6rem !important;}
.mb-6,.my-6 { margin-bottom: 6rem !important;}
.ml-6,.mx-6 { margin-left: 6rem !important;}

.m-7 { margin: 7rem !important;}
.mt-7,.my-7 { margin-top: 7rem !important;}
.mr-7,.mx-7 { margin-right: 7rem !important;}
.mb-7,.my-7 { margin-bottom: 7rem !important;}
.ml-7,.mx-7 { margin-left: 7rem !important;}

.m-8 { margin: 8rem !important;}
.mt-8,.my-8 { margin-top: 8rem !important;}
.mr-8,.mx-8 { margin-right: 8rem !important;}
.mb-8,.my-8 { margin-bottom: 8rem !important;}
.ml-8,.mx-8 { margin-left: 8rem !important;}

.m-9 { margin: 9rem !important;}
.mt-9,.my-9 { margin-top: 9rem !important;}
.mr-9,.mx-9 { margin-right: 9rem !important;}
.mb-9,.my-9 { margin-bottom: 9rem !important;}
.ml-9,.mx-9 { margin-left: 9rem !important;}

.m-10 { margin: 10rem !important;}
.mt-10,.my-10 { margin-top: 10rem !important;}
.mr-10,.mx-10 { margin-right: 10rem !important;}
.mb-10,.my-10 { margin-bottom: 10rem !important;}
.ml-10,.mx-10 { margin-left: 10rem !important;}
/****************************************************/

/* padding */
.p-6 { padding: 6rem !important;}
.pt-6,.py-6 { padding-top: 6rem !important;}
.pr-6,.px-6 { padding-right: 6rem !important;}
.pb-6,.py-6 { padding-bottom: 6rem !important;}
.pl-6,.px-6 { padding-left: 6rem !important;}

.p-7 { padding: 7rem !important;}
.pt-7,.py-7 { padding-top: 7rem !important;}
.pr-7,.px-7 { padding-right: 7rem !important;}
.pb-7,.py-7 { padding-bottom: 7rem !important;}
.pl-7,.px-7 { padding-left: 7rem !important;}

.p-8 { padding: 8rem !important;}
.pt-8,.py-8 { padding-top: 8rem !important;}
.pr-8,.px-8 { padding-right: 8rem !important;}
.pb-8,.py-8 { padding-bottom: 8rem !important;}
.pl-8,.px-8 { padding-left: 8rem !important;}

.p-9 { padding: 9rem !important;}
.pt-9,.py-9 { padding-top: 9rem !important;}
.pr-9,.px-9 { padding-right: 9rem !important;}
.pb-9,.py-9 { padding-bottom: 9rem !important;}
.pl-9,.px-9 { padding-left: 9rem !important;}

.p-10 { padding: 10rem !important;}
.pt-10,.py-10 { padding-top: 10rem !important;}
.pr-10,.px-10 { padding-right: 10rem !important;}
.pb-10,.py-10 { padding-bottom: 10rem !important;}
.pl-10,.px-10 { padding-left: 10rem !important;}
/****************************************************/

/* text colors */
.text-white { color: #fff !important;}

.text-primary { color: #052E8F !important;}
a.text-primary:hover, a.text-primary:focus { color: #0062cc !important;}

.text-secondary { color: #6c757d !important;}
a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important;}

.text-success { color: #28a745 !important;}
a.text-success:hover, a.text-success:focus { color: #1e7e34 !important;}

.text-info { color: #17a2b8 !important;}
a.text-info:hover, a.text-info:focus { color: #117a8b !important;}

.text-warning { color: #ffc107 !important;}
a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important;}

.text-danger { color: #dc3545 !important;}
a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important;}

.text-light { color: #f8f9fa !important;}
a.text-light:hover, a.text-light:focus { color: #dae0e5 !important;}

.text-dark { color: #343a40 !important;}
a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important;}

.text-lemon { color: #ffea3c !important;}
a.text-dark:hover, a.text-dark:focus { color: #d9ca00 !important;}
/****************************************************/
/* background colors */
.bg-primary {background-color: #002E8F; !important;}
a.bg-primary:hover, a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {background-color: #0062cc !important;}

.bg-secondary {background-color: #6c757d !important;}
a.bg-secondary:hover, a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {background-color: #545b62 !important;}

.bg-success {background-color: #28a745 !important;}
a.bg-success:hover, a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {background-color: #1e7e34 !important;}

.bg-info {background-color: #17a2b8 !important;}
a.bg-info:hover, a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {background-color: #117a8b !important;}

.bg-warning {background-color: #ffc107 !important;}
a.bg-warning:hover, a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {background-color: #d39e00 !important;}

.bg-danger {background-color: #dc3545 !important;}
a.bg-danger:hover, a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {background-color: #bd2130 !important;}

.bg-light {background-color: #f8f9fa !important;}
a.bg-light:hover, a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {background-color: #dae0e5 !important;}

.bg-dark {background-color: #343a40 !important;}
a.bg-dark:hover, a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {background-color: #1d2124 !important;}

.bg-white {background-color: #fff !important;}
.bg-transparent {background-color: transparent !important;}
/****************************************************/

/* border colors */
.border-primary {border-color: #0062cc !important;}
.border-secondary {border-color: #545b62 !important;}
.border-success {border-color: #1e7e34 !important;}
.border-info {border-color: #17a2b8 !important;}
.border-warning {border-color: #d39e00 !important;}
.border-danger {border-color: #bd2130 !important;}
.border-light {border-color: #dae0e5 !important;}
.border-dark {border-color: #1d2124 !important;}
.border-white {border-color: #fff !important;}
/****************************************************/
.rounded {border-radius: 0.75rem !important;}
.rounded-top {border-top-left-radius: 0.25rem !important;border-top-right-radius: 0.25rem !important;}
.rounded-right {border-top-right-radius: 0.25rem !important;border-bottom-right-radius: 0.25rem !important;}
.rounded-bottom {border-bottom-right-radius: 0.25rem !important;border-bottom-left-radius: 0.25rem !important;}
.rounded-left {border-top-left-radius: 0.25rem !important;border-bottom-left-radius: 0.25rem !important;}
/****************************************************/