@charset "utf-8";

/* base.css
(00)共通コンテンツ
(01)ヘッダー
(02)フッター
 */



/*------------------------------------------------------------------------------------------------------------------------*/
/* (00)共通コンテンツ */
/*------------------------------------------------------------------------------------------------------------------------*/
 
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
a{ color:#ff3c64; text-decoration: underline;}
a:link{ color:#ff3c64; text-decoration: underline;}
a:visited{ color:#ff3c64; text-decoration: underline;}
a:hover{ color:#ff3c64; text-decoration: none;}

a:focus, *:focus { outline:none; }

a img:hover{opacity: 0.5; transition:all 0.5s ease 0s;}

p{ margin:0;}

.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}


.sp  { display:none}
.pc  { display:inherit;}
@media only screen and (max-width: 750px) {
	.sp  { display:inherit}
	.pc  { display:none;}
}


#contents{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
}
.wrapper{
	max-width:980px;
	width: 100%;
	margin:0 auto;
}
@media only screen and (max-width:1000px) {
	#contents{
		margin:0 0 0 0;
	}
	.wrapper{
		width: calc(100% - 40px);
	}
}
@media only screen and (max-width: 750px) {
	#contents{
		margin:0 0 0;
	}
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (01)ヘッダー */
/*------------------------------------------------------------------------------------------------------------------------*/
header{
	background: #FFFFFF;
	padding: 10px 0;
	height: 80px;
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	z-index: 100;
    position: relative;
}
header h1{
    margin: 0;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top:3px;
}
header .logo{
	width:65px;
	display: inline-block;
	vertical-align: middle;
    margin: 15px 0 0 0;
}
header .right{
	width:calc(100% - 73px);
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
header .right .access,
header .right .tel,
header .right .line,
header .right .btn{
    display: inline-block;
	vertical-align: middle;
    margin: 0 0 0 10px;
}
header .right .line a{
    background: #00b900 url("../osaka/images/icn_line01.png") no-repeat left 12px center;
    background-size: 32px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 15px 15px 55px;
    display: block;
    text-align: center;
    box-shadow: 0 3px 0 0 #008100;
    border-radius: 5px;
    margin-top: -5px;
}
header .right .line a:hover{
    background: #00cd00 url("../osaka/images/icn_line01.png") no-repeat left 12px center;
    background-size: 32px;
    transition:all 0.5s ease 0s;
}
header .right .btn a{
    background: #ff3c64;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px 15px 20px;
    display: block;
    text-align: center;
    box-shadow: 0 3px 0 0 #c62042;
    border-radius: 5px;
    margin-top: -5px;
}
header .right .btn a:hover{
    background: #ff3c8f;
    transition:all 0.5s ease 0s;
}
/**/
header .btn-select {
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    margin: 0 10px 0 10px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 20px;
    position: relative;
    background: #ff3c64;
    box-shadow: 0 3px 0 0 #c62042;
    cursor: pointer; 
    text-align: center;
}
header .label {
    color: #fff;
    position: absolute;
    width: calc(100% - 40px);
    z-index: 1;
}
header .select {
    -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    display: block;
    cursor: pointer;
    width: 100%;
    border: none;
    opacity: 0;
    position: relative;
    z-index: 2;
    line-height: 1.8;
}
header .select::-ms-expand {
  display: none; 
}
header .select:focus {
  z-index: -1;
  opacity: 1;
}
/**/
header .dropdwn{
    max-width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}
header .dropdwn ul{
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    color: #fff;
}
header .dropdwn li{
    max-width: calc(1200px/5);
    position: relative;
    padding: 5px;
    display: block;
    cursor: pointer;
}
header .dropdwn>li{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    margin: 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 0;
    position: relative;
    background: #ff3c64 url(../osaka/images/arrow02.png) no-repeat center right 20px;
    background-size: 10px;
    box-shadow: 0 3px 0 0 #c62042;
    cursor: pointer; 
    text-align: center;
}
header .dropdwn_menu{
    width: 100%;
    display: none;
    position: absolute;
    margin-left: -5px;
    margin-top: 5px;
    padding: 0;
    background: #ffcfd9;
    font-size: 14px;
    text-decoration: none;
    top:45px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 3px 0 0 #c62042;
}
header .dropdwn_menu li{
    width: 100%;
}
header .dropdwn_menu li a{
    padding: 5px 0;
    margin: -5px 5px -5px -5px;
    display: block;
    text-decoration: none;
}
header .dropdwn_menu li a:hover{
    background: #fef0f3;
    color: rgb(65, 65, 65);
    cursor: pointer;
    text-decoration: none;
}


@media screen and (max-width: 1000px) {
    header .logo{
        width:6.5vw;
    }
    header .right{
        width:calc(100% - 7.3vw);
    }
    header .right .access,
    header .right .tel,
    header .right .line,
    header .right .btn{
        margin: 0 0 0 1vw;
    }
    header .right .access{
        width:17.35vw;
    }
    header .right .tel{
        width:23vw
    }
    header .right .line a{
        background: #00b900 url("../osaka/images/icn_line01.png") no-repeat left 1.2vw center;
        background-size: 3.2vw;
        font-size: 1.6vw;
        padding: 1.5vw 1.5vw 1.5vw 5.5vw;
        box-shadow: 0 0.3vw 0 0 #008100;
        margin-top: -0.5vw;
    }
    header .right .line a:hover{
        background: #00cd00 url("../osaka/images/icn_line01.png") no-repeat left 1.2vw center;
        background-size: 3.2vw;
    }
    header .right .btn a{
        color: #FFFFFF;
        text-decoration: none;
        font-size: 13px;
        padding: 1.5vw 2vw 1.5vw 2vw;
        box-shadow: 0 0.3vw 0 0 #c62042;
        margin-top: -0.5vw;
    }
    /**/
    header .btn-select {
        margin: 0 1vw 0 1vw;
        font-size: 1.6vw;
        padding: 1.5vw 2vw;
        box-shadow: 0 0.3vw 0 0 #c62042;
    }
    header .label {
        width: calc(100% - 4vw);
    }
}
@media screen and (max-width: 750px) {
	header{
		padding: 10px 0;
		height: 55px;
	}
	header .logo{
		width:36px;
	}
    header .right {
        width: calc(100% - 10.3vw);
    }
    header .right .access{
        width: 34vw;
        max-width: 148px;
   		position: absolute;
    	left: 70px;
   	 	top: 22px;
    }
    header .right .access.umeda{
        width: 95px;
    }
	header .right .tel,
    header .right .line,
    header .right .btn,
    header .btn-select{
        position: absolute;
        _width: 40px;
        _height: 40px;
        top:10px;
    }
    header .right .tel{
		right: 110px;
	}
    header .right .line{
		right: 60px;
	}
    header .right .btn{
		right: 115px;
        width: 110px;
	}
    header .right .tel a,
    header .right .line a,
    header .right .btn a{
        _border-radius: 5px;
        _display: block;
        _width: 100px;
        _height: 40px;
        padding:10px 5px;
    }
    header .right .line a,
    header .right .btn a{
        _margin:0;
        _padding: 0;
        _text-indent: -99999px;
    }
    header .right .tel a{
        background: #555555;
        box-shadow: 0 2px 0 0 #000000;
        text-align: center;
    }
    header .right .tel a:hover{
        background: #777777;
        transition:all 0.5s ease 0s;
    }
    header .right .tel a img{
        width: 17px;
        padding: 9px 0 0 12px;
    }
    header .right .line a{
        background: url("../osaka/images/icn_line01.png") no-repeat center center #00b900;
        background-size: 22px;
        box-shadow: 0 2px 0 0 #008100;
	}
    header .right .line a:hover{
        background: url("../osaka/images/icn_line01.png") no-repeat center center #00cd00;
        background-size: 22px;
	}
    header .right .btn a{
        _background: url("../osaka/images/icn_mail01.png") no-repeat center left 10px #ff3c64;
        _background-size: 22px;
        box-shadow: 0 2px 0 0 #c62042;
	}
    header .right .btn a:hover{
        _background: url("../osaka/images/icn_mail01.png") no-repeat center left 10px #ff3c8f;
        _background-size: 22px;
	}
    /**/
    header .btn-select {
        margin: 0 1vw 0 1vw;
        font-size: 13px;
        padding: 10px 5px;
        box-shadow: 0 0.3vw 0 0 #c62042;
        position: absolute;
        top: 10px;
        right: 10px;
        width:80px;
    }
    header .label {
        width: calc(100% - 10px);
    }
    /**/
    header .dropdwn{
        width: 130px;
        margin: -20px 0 0 5px;
        position: absolute;
        right: 10px;
        top: 50px;
    }
    header .dropdwn>li{
        width: 130px;
        font-size: 12px;
        padding: 5px 0;
        background: #ff3c64 url(../osaka/images/arrow02.png) no-repeat center right 10px;
        background-size: 8px;
    }
    header .dropdwn_menu{
        margin-left: -5px;
        margin-top: 5px;
        font-size: 10px;
        top:33px;
    }
}





/*------------------------------------------------------------------------------------------------------------------------*/
/* (07)footer                                                                                                             */
/*------------------------------------------------------------------------------------------------------------------------*/
footer{
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0 0;
	padding:50px 0 150px 0;
	width: 100%;
	text-align: center;
	background: #FFFFFF;
}
footer .footer1{
    overflow: hidden;
    padding: 0 0 30px 0;
}
footer .footer1 .logo{
    float: left;
    background: url(../osaka/images/logo-2x.png) no-repeat left center;
    background-size: 60px;
    padding: 0 0 0 80px;
    font-size: 12px;
    text-align: left;
}
footer .footer1 .logo h2{
    font-size:20px;
    margin:0;
}
footer .footer1 .sns{
    float: right;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
footer .footer1 .sns h3{
    margin:0 0 10px 0;
}
footer .footer1 .sns li{
    text-indent: -99999px;
    width:40px;
    height: 40px;
    display: inline-block;
    margin:0 10px;
}
footer .footer1 .sns li.fb{
    background: url(../osaka/images/icn_fb01.png) no-repeat center center;
    background-size: 40px;
}
footer .footer1 .sns li.insta{
    background: url(../osaka/images/icn_insta01.png) no-repeat center center;
    background-size: 40px;
}
footer .footer1 .sns li a{
    display:block;
    width:40px;
    height: 40px;
}
footer .footer2{
    border-top:solid 1px #cccccc;
    padding: 30px 0;
    text-align: left;
}
footer .footer2{
    font-size: 0;
    text-align: left;
}
footer .footer2 h3{
    font-size: 18px;
    margin:0 0 20px 0;
    color: #999999;
}
footer .footer2 .shop{
    display: inline-block;
    width:calc((100% / 3) - 20px);
    margin:0 20px 20px 0;
    font-size: 13px;
    vertical-align: top;
}
footer .footer2 .shop dt{
    font-weight: bold;
    margin:0;
    font-size: 120%;
}
footer .footer2 .shop dd{
    margin:0;
}
footer .footer3{
    border-top:solid 1px #cccccc;
    padding: 30px 0 0 0;
    overflow: hidden;
}
footer .footer3 .copy{
    float: right;
}
footer .footer3 .link{
    float: left;
}
@media screen and (max-width: 750px) {
    footer{
        font-size: 9px;
        padding:6.6vw 0 70px 0;
    }
    footer .footer1{
        padding: 0 0 4vw 0;
    }
    footer .footer1 .logo{
        float: none;
        background: url(../osaka/images/logo-2x.png) no-repeat center top;
        background-size: 60px;
        padding: 80px 0 0 0;
        font-size: 12px;
        text-align: center;
    }
    footer .footer1 .logo h2{
        font-size:18px;
    }
    footer .footer1 .sns{
        float: none;
        font-size: 12px;
        margin:9vw 0 0 0;
    }
    footer .footer1 .sns h3{
        margin:0 0 1.3vw 0;
    }
    footer .footer1 .sns li{
        width:35px;
        height: 35px;
    }
    footer .footer1 .sns li.fb{
        background: url(../osaka/images/icn_fb01.png) no-repeat center center;
        background-size: 35px;
    }
    footer .footer1 .sns li.insta{
        background: url(../osaka/images/icn_insta01.png) no-repeat center center;
        background-size: 35px;
    }
    footer .footer1 .sns li a{
        display:block;
        width:35px;
        height: 35px;
    }
    footer .footer2{
        padding: 4vw 0;
    }
    footer .footer2 h3{
        font-size: 16px;
        margin:0 0 15px 0;
    }
    footer .footer2 .shop{
        display: block;
        width:100%;
        margin:0 0 5px 0;
        font-size: 10px;
    }
    footer .footer2 .shop dt{
        font-weight: bold;
        margin:0 10px 0 0;
        font-size: 110%;
        display: inline-block;
        vertical-align: top;
    }
    footer .footer2 .shop dd{
        display: inline-block;
        vertical-align: top;
    }
    footer .footer3{
        padding: 4vw 0 0 0;
        text-align: center;
    }
    footer .footer3 .copy{
        float: none;
    }
    footer .footer3 .link{
        float: none;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (08)固定ボタン                                                                                                                      */
/*------------------------------------------------------------------------------------------------------------------------*/
#bottom_fixed{
    position: fixed;
    bottom:0;
    left: 0;
    background: rgba(255,255,255,0.9);
    width: 100%;
    text-align: center;
    z-index: 2000;
}
#bottom_fixed a.btn_form,
#bottom_fixed a.btn_line,
#bottom_fixed a.btn_tel,
#bottom_fixed .btn-select{
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    margin: 20px 10px 20px 10px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 20px 40px;
    max-width: 300px;
    width: calc(33% - 110px);
}
#bottom_fixed .btn-select {
    position: relative;
    cursor: pointer; 
    text-align: center;
}
#bottom_fixed .label {
    color: #fff;
    position: absolute;
    width: calc(100% - 40px);
    z-index: 1;
}
#bottom_fixed .select {
    -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    display: block;
    cursor: pointer;
    width: 100%;
    border: none;
    opacity: 0;
    position: relative;
    z-index: 2;
    line-height: 1.8;
}
#bottom_fixed .select::-ms-expand {
  display: none; 
}
#bottom_fixed .select:focus {
  z-index: -1;
  opacity: 1;
}
#bottom_fixed a.btn_form{
    background:url("../osaka/images/arrow01.png") no-repeat right 20px center,url("../osaka/images/icn_mail01.png") no-repeat left 20px center,#ff3c64;
    background-size: 12px,40px,auto;
    box-shadow: 0 3px 0 0 #c62042;
}
#bottom_fixed a.btn_form:hover{
    background:url("../osaka/images/arrow01.png") no-repeat right 20px center,url("../osaka/images/icn_mail01.png") no-repeat left 20px center,#ff3c8f;
    background-size: 12px,40px,auto;
}
#bottom_fixed a.btn_line,
#bottom_fixed .btn-select.btn_line {
    background:url("../osaka/images/arrow01.png") no-repeat right 20px center,url("../osaka/images/icn_line01.png") no-repeat left 20px center,#00b900;
    background-size: 12px,40px,auto;
    box-shadow: 0 3px 0 0 #008100;
}
#bottom_fixed a.btn_line:hover{
    background:url("../osaka/images/arrow01.png") no-repeat right 20px center,url("../osaka/images/icn_line01.png") no-repeat left 20px center,#00cd00;
    background-size: 12px,40px,auto;
}
#bottom_fixed a.btn_tel,
#bottom_fixed .btn-select.btn_tel{
    background:url("../osaka/images/arrow01.png") no-repeat right 20px center,url("../osaka/images/icn_tel01.png") no-repeat left 25px center,#2258d3;
    background-size: 12px,28px,auto;
    box-shadow: 0 3px 0 0 #063193;
}
#bottom_fixed a.btn_tel:hover{
    background:url("../osaka/images/arrow01.png") no-repeat right 20px center,url("../osaka/images/icn_tel01.png") no-repeat left 25px center,#2666f5;
    background-size: 12px,28px,auto;
}
#bottom_fixed .pagetop{
    position: absolute;
    bottom:140px;
    right:10px;
    border-radius: 100%;
    width:40px;
    height: 40px;
    background: rgba(0,0,0,0.5) url(../osaka/images/arrow_pagetop.png) no-repeat center center;
    background-size: 18px; 
}
#bottom_fixed .pagetop a{
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
}
#bottom_fixed .tel{
    display: inline-block;
    vertical-align: middle;
    margin: 20px 10px 20px 10px;
    max-width: 300px;
    width: calc(33% - 40px);
}
#bottom_fixed .btn-select.btn_tel,
#bottom_fixed a.btn_tel {
    display: none;
}
@media screen and (max-width: 1000px) {
    #bottom_fixed .wrapper{
        width:calc(100% - 10px);
    }
    #bottom_fixed a.btn_form,
    #bottom_fixed a.btn_line,
    #bottom_fixed a.btn_tel,
    #bottom_fixed .btn-select{
        margin: 2vw 0.5vw ;
        font-size: 13px;
        padding: 2vw 4vw;
        max-width: 30vw;
        width: calc(33% - 10vw);
    }
    #bottom_fixed .label {
        width: calc(100% - 7vw);
    }
    #bottom_fixed a.btn_form{
        background:url("../osaka/images/arrow01.png") no-repeat right 2vw center,url("../osaka/images/icn_mail01.png") no-repeat left 2vw center,#ff3c64;
        background-size: 1.2vw,4vw,auto;
        box-shadow: 0 0.3vw 0 0 #c62042;
    }
    #bottom_fixed a.btn_form:hover{
        background:url("../osaka/images/arrow01.png") no-repeat right 2vw center,url("../osaka/images/icn_mail01.png") no-repeat left 2vw center,#ff3c8f;
        background-size: 1.2vw,4vw,auto;
    }
    #bottom_fixed a.btn_line,
    #bottom_fixed .btn-select.btn_line{
        background:url("../osaka/images/arrow01.png") no-repeat right 2vw center,url("../osaka/images/icn_line01.png") no-repeat left 2vw center,#00b900;
        background-size: 1.2vw,4vw,auto;
        box-shadow: 0 0.3vw 0 0 #008100;
    }
    #bottom_fixed a.btn_line:hover{
        background:url("../osaka/images/arrow01.png") no-repeat right 2vw center,url("../osaka/images/icn_line01.png") no-repeat left 2vw center,#00cd00;
        background-size: 1.2vw,4vw,auto;
    }
    #bottom_fixed a.btn_tel,
    #bottom_fixed .btn-select.btn_tel{
        background:url("../osaka/images/arrow01.png") no-repeat right 2vw center,url("../osaka/images/icn_tel01.png") no-repeat left 2.5vw center,#2258d3;
        background-size: 1.2vw,2.8vw,auto;
        box-shadow: 0 0.3vw 0 0 #063193;
    }
    #bottom_fixed a.btn_tel:hover{
        background:url("../osaka/images/arrow01.png") no-repeat right 2vw center,url("../osaka/images/icn_tel01.png") no-repeat left 2.5vw center,#2666f5;
        background-size: 1.2vw,2.8vw,auto;
    }
    #bottom_fixed .pagetop{
        bottom:14vw;
    }
}
@media screen and (max-width: 750px) {
    #bottom_fixed .tel{
        display: none;
    }
    #bottom_fixed .btn-select.btn_tel,
    #bottom_fixed a.btn_tel {
        display: inline-block;
    }
}



/*------------------------------------------------------------------------------------------------------------------------*/
/* (00)調整用                                                                                                              */
/*------------------------------------------------------------------------------------------------------------------------*/
.w1p{ width:1%!important;}
.w2p{ width:2%!important;}
.w3p{ width:3%!important;}
.w4p{ width:4%!important;}
.w5p{ width:5%!important;}
.w6p{ width:6%!important;}
.w7p{ width:7%!important;}
.w8p{ width:8%!important;}
.w9p{ width:9%!important;}
.w10p{ width:10%!important;}
.w11p{ width:11%!important;}
.w12p{ width:12%!important;}
.w13p{ width:13%!important;}
.w14p{ width:14%!important;}
.w15p{ width:15%!important;}
.w16p{ width:16%!important;}
.w17p{ width:17%!important;}
.w18p{ width:18%!important;}
.w19p{ width:19%!important;}
.w20p{ width:20%!important;}
.w21p{ width:21%!important;}
.w22p{ width:22%!important;}
.w23p{ width:23%!important;}
.w24p{ width:24%!important;}
.w25p{ width:25%!important;}
.w26p{ width:26%!important;}
.w27p{ width:27%!important;}
.w28p{ width:28%!important;}
.w29p{ width:29%!important;}
.w30p{ width:30%!important;}
.w31p{ width:31%!important;}
.w32p{ width:32%!important;}
.w33p{ width:33%!important;}
.w34p{ width:34%!important;}
.w35p{ width:35%!important;}
.w36p{ width:36%!important;}
.w37p{ width:37%!important;}
.w38p{ width:38%!important;}
.w39p{ width:39%!important;}
.w40p{ width:40%!important;}
.w51p{ width:51%!important;}
.w52p{ width:52%!important;}
.w53p{ width:53%!important;}
.w54p{ width:54%!important;}
.w55p{ width:55%!important;}
.w56p{ width:56%!important;}
.w57p{ width:57%!important;}
.w58p{ width:58%!important;}
.w59p{ width:59%!important;}
.w60p{ width:60%!important;}
.w61p{ width:61%!important;}
.w62p{ width:62%!important;}
.w63p{ width:63%!important;}
.w64p{ width:64%!important;}
.w65p{ width:65%!important;}
.w66p{ width:66%!important;}
.w67p{ width:67%!important;}
.w68p{ width:68%!important;}
.w69p{ width:69%!important;}
.w70p{ width:70%!important;}
.w71p{ width:71%!important;}
.w72p{ width:72%!important;}
.w73p{ width:73%!important;}
.w74p{ width:74%!important;}
.w75p{ width:75%!important;}
.w76p{ width:76%!important;}
.w77p{ width:77%!important;}
.w78p{ width:78%!important;}
.w79p{ width:79%!important;}
.w80p{ width:80%!important;}
.w81p{ width:81%!important;}
.w82p{ width:82%!important;}
.w83p{ width:83%!important;}
.w84p{ width:84%!important;}
.w85p{ width:85%!important;}
.w86p{ width:86%!important;}
.w87p{ width:87%!important;}
.w88p{ width:88%!important;}
.w89p{ width:89%!important;}
.w90p{ width:90%!important;}
.w91p{ width:91%!important;}
.w92p{ width:92%!important;}
.w93p{ width:93%!important;}
.w94p{ width:94%!important;}
.w95p{ width:95%!important;}
.w96p{ width:96%!important;}
.w97p{ width:97%!important;}
.w98p{ width:98%!important;}
.w99p{ width:99%!important;}
.w100p{ width:100%!important;}

.w10{ width:10px!important;}
.w20{ width:20px!important;}
.w30{ width:30px!important;}
.w40{ width:40px!important;}
.w50{ width:50px!important;}
.w60{ width:60px!important;}
.w70{ width:70px!important;}
.w80{ width:80px!important;}
.w90{ width:90px!important;}
.w100{ width:100px!important;}
.w110{ width:110px!important;}
.w120{ width:120px!important;}
.w130{ width:130px!important;}
.w140{ width:140px!important;}
.w150{ width:150px!important;}
.w160{ width:160px!important;}
.w170{ width:170px!important;}
.w180{ width:180px!important;}
.w190{ width:190px!important;}
.w200{ width:200px!important;}
.w250{ width:250px!important;}
.w300{ width:300px!important;}
.w350{ width:350px!important;}
.w400{ width:400px!important;}
.w450{ width:450px!important;}
.w500{ width:500px!important;}
.w550{ width:550px!important;}
.w600{ width:600px!important;}
.w650{ width:650px!important;}
.w700{ width:700px!important;}
.w750{ width:750px!important;}
.w800{ width:800px!important;}
.w850{ width:850px!important;}
.w900{ width:900px!important;}

.h10{ height:10px!important;}
.h50{ height:0px!important;}
.h100{ height:100px!important;}
.h150{ height:150px!important;}
.h200{ height:200px!important;}

/* margin-top */
.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}
.mt40{ margin-top:40px!important;}
.mt50{ margin-top:50px!important;}
.mt60{ margin-top:60px!important;}
.mt70{ margin-top:70px!important;}
.mt80{ margin-top:80px!important;}
.mt90{ margin-top:90px!important;}
.mt100{ margin-top:100px!important;}
@media only screen and (max-width: 750px) {
	.mt5_sp{ margin-top:5px!important;}
	.mt10_sp{ margin-top:10px!important;}
	.mt20_sp{ margin-top:20px!important;}
	.mt30_sp{ margin-top:30px!important;}
	.mt40_sp{ margin-top:40px!important;}
	.mt50_sp{ margin-top:50px!important;}
	.mt60_sp{ margin-top:60px!important;}
	.mt70_sp{ margin-top:70px!important;}
	.mt80_sp{ margin-top:80px!important;}
	.mt90_sp{ margin-top:90px!important;}
	.mt100_sp{ margin-top:100px!important;}
}
/* margin-left */
.ml5{ margin-left:5px!important;}
.ml10{ margin-left:10px!important;}
.ml20{ margin-left:20px!important;}
.ml30{ margin-left:30px!important;}
.ml40{ margin-left:40px!important;}
.ml50{ margin-left:50px!important;}
.ml60{ margin-left:60px!important;}
.ml70{ margin-left:70px!important;}
.ml80{ margin-left:80px!important;}
.ml90{ margin-left:90px!important;}
.ml100{ margin-left:100px!important;}

/* margin-right */
.mr5{ margin-right:5px!important;}
.mr10{ margin-right:10px!important;}
.mr20{ margin-right:20px!important;}
.mr30{ margin-right:30px!important;}
.mr40{ margin-right:40px!important;}
.mr50{ margin-right:50px!important;}
.mr60{ margin-right:60px!important;}
.mr70{ margin-right:70px!important;}
.mr80{ margin-right:80px!important;}
.mr90{ margin-right:90px!important;}
.mr100{ margin-right:100px!important;}

/* margin-bottom*/
.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mb40{ margin-bottom:40px!important;}
.mb50{ margin-bottom:50px!important;}
.mb60{ margin-bottom:60px!important;}
.mb70{ margin-bottom:70px!important;}
.mb80{ margin-bottom:80px!important;}
.mb90{ margin-bottom:90px!important;}
.mb100{ margin-bottom:100px!important;}

/* color */
.red01{ color:#D23E3E;}
.red02{ color:#FF2626;}
.red03{ color:#ff3c64;}
.green01{ color:#398726;}
.blue01{ color:#4294B8;}
.white01{color:#FFFFFF;}

/* font-size */
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}

.font80p{ font-size:80%;}
.font90p{ font-size:90%;}
.font130p{ font-size:130%;}
.font140p{ font-size:140%;}

.strong{ font-weight: bold;}

.clear{clear: both;}