@charset "euc-jp";

/* リセット
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-size:12px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/* ベースフォント
---------------------------------------------------------- */
body{font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#333; line-height:1.3em; text-align:left;}



/* 汎用セレクタ
---------------------------------------------------------- */

/*clear*/
.cl {display: block; min-height: 1%;}
.cl:after {	clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl {height: 1%;	/*\*//*/height: auto;overflow: hidden;/**/}
.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}


.menuOpen{}
.menuClose{display: none;}

/*font*/
.fwB{font-weight:bold !important;}
.fs10{font-size:10px !important;line-height:1.5em;}
.fs11{font-size:11px !important;line-height:1.5em;}
.fs14{font-size:14px !important;line-height:1.5em;}
.fs15{font-size:15px !important;line-height:1.5em;}
.fs16{font-size:16px !important;line-height:1.5em;}
.fs18{font-size:18px !important;line-height:1.5em;}
.fs20{font-size:20px !important;line-height:1.5em;}
.fs30{font-size:30px !important;line-height:1.5em;}
.fsS{font-size:12px !important;line-height:1.5em;}

@media (max-width: 480px) {
    .fsS{font-size:11px !important;}
}
@media (max-width: 380px) {
    .fsS{font-size:10px !important;}
}
/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}

.flL{float:left !important;}
.flR{float:right !important;}

body{background:url("../img/bg/bg.png");}


img{max-width: 100%;}


a:link{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:visited{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:hover{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:active{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}


/*=================================
  回り込み解除
=================================*/

.c_both{
    clear:both;
}

/*=================================
  全体のボックス
=================================*/

#wrapper{
    margin:0 auto;
    padding:90px 0 0 0;
    min-width: 320px;
    max-width: 640px;
    text-align:left;
}
@media (max-width: 480px) {
#wrapper{padding:70px 0 0 0;}
}

#wrapper2{
    margin:0 auto;
    padding:80px 0 0 0;
    min-width: 320px;
    max-width: 640px;
    text-align:left;
}
@media (max-width: 480px) {
#wrapper2{padding:80px 0 0 0;}
}

/*=================================
  フォント
=================================*/



/*=================================
  h1xAｷ
=================================*/

.titleArea{float:left;}
#menu_bar .title{padding:8px 10px 0px 25px;font-size:1.5em;text-align:left;}
@media (max-width: 480px) {
    #menu_bar .title{font-size:14px !important;}
}

h1{
    margin:0 auto 10px;
    padding:5px 10px 10px 25px;
    font-size:12px;
    font-weight:normal;
    text-align:left;
    color:#633319;
}
@media (max-width: 480px) {
h1{padding:5px 10px 15px 10px;}
#menu_bar .title{padding:8px 10px 0px 10px;}

}

@media (max-width: 400px) {
	h1{padding:5px 10px 15px 10px;}
}

@media (max-width: 350px) {
	h1{padding:5px 10px 5px 10px;}
}



/*=================================
  ヘッダー
=================================*/

#header{
    background-image:url(../img/bg/bg_header.png);background-position: bottom;background-repeat: no-repeat;background-size: 100%;
    padding:0 0 45px 0;
    width:100%;
    max-width:640px;
    position:fixed;
    top:0;
    z-index:10000;
}
@media (max-width: 480px) {
#header{padding:0 0 20px 0;}
}

#header2{
    background:#FFFF00;
    padding:0 0 0px 0;
    width:100%;
    max-width:640px;
    position:fixed;
    top:0;
    z-index:10000;
}
@media (max-width: 480px) {
#header2{padding:0;}
}



.logoArea{
    margin:1% 0 1% 1%;
    padding:0;
}
.logoIndexArea{
    margin:0 auto 1%;
    padding:4% 2%;
    text-align: center;
}
.logoIndexArea img{
    width:100%;
}
.logo{width:50%;margin:1% 0 1% 6%;}
.logoRightMenu{
    width:35%;
    float:right;
    text-align:right;
    padding:6% 2% 0 2%;
}
.logoRightMenu img{
    width:100%;
    margin:0px auto 1%;
}


/*=================================
  パンクズ
=================================*/
#breadcrumb{background: #FFFF00;padding:5px;margin:0 auto 2%;box-shadow: 0px 1px 1px -1px #888888;}
#breadcrumb ul li{float:left;padding:3px;font-size:12px;}
#breadcrumb ul li a,#breadcrumb ul li span{/*white-space: nowrap;*/color:#000000;}

/*=================================
  開くメニュー
=================================*/

#menu_bar{
    top:0;
    z-index:10000;
    text-align:right;
}

.menu_btn_box{margin:0px 3px;padding:1px 4px 6px 4px;}
#menu_btn{
    display: block;
    position: relative;
    max-width: 15%;
    height: 35px;
    margin:3px 15px 0 auto;
}

@media (max-width: 500px) {
#menu_btn{max-width: 25%;    margin:5px 0px 0 auto;}
}
@media (max-width: 499px) {
	#menu_btn{max-width: 20%;}
}
@media (max-width: 380px) {
	#menu_btn{max-width: 25%;}
}



#menu_btn_icon{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21px;
    height: 4px;
    margin: -2px 0 0 -10px;
    background: #FFFFFF;
    transition: .2s;
    border-radius:5px;
}

#menu_btn_icon:before, #menu_btn_icon:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 21px;
    height: 4px;
    background: #FFFFFF;
    transition: .3s;
    border-radius:5px;
}
#menu_btn_icon:before{
    margin-top: -9px;
}

#menu_btn_icon:after{
    margin-top: 5px;
}

#menu_btn .close{
    background: transparent;
}

#menu_btn .close:before, #menu_btn .close:after{
    margin-top: 0;
}

#menu_btn .close:before{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#menu_btn .close:after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

#menu_bar ul{
    display:none;
    list-style-type:none;
    width:96%;
    margin:0 2% 20px 2%;
    border-top:1px dashed #633319;
}

#menu_bar ul li{
    margin:0 auto;
    text-align:left;
    float: left;
    width: 50%;
}

#menu_bar li a{
    position: relative;
    margin:0 auto;
    display: block;
    padding:10px 0;
    text-indent:5px;
    border-bottom:1px dashed #633319;
    text-decoration:none;
    cursor:pointer;
    color:#633319;
    font-weight:bold;
}

#menu_bar li:nth-child(odd) a {
    border-right: 1px dashed #633319;
}
#menu_bar li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #633319;
    border-right: solid 2px #633319;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*=================================
  コンテンツ
=================================*/

#main_contents{
    margin:0 ;
}


/*=================================
  フッター
=================================*/

#footer{
    clear:both;
    margin:0 auto;
    padding: 0;
    width:100%;
}

.footer_menu{
    margin:30px 10px;
    padding:0;
    text-align:left;
    background: #FFFFFF;
    border:2px solid #3A3AB1;
    border-radius:5px;

}

.footer_menu_title{
    margin:0 auto;line-height:16px;padding:10px 20px 6px;font-size:16px;position: relative;color:#3A3AB1;min-height:20px;}

.footer_menu .sub_none:after{
    display: block;
    content: "";
    position: absolute;
    background: url(../img/icon/icon_arrow_down.png) no-repeat 13px 5px;
    top: 0;
    right: 0;
    width: 30px;
    padding:8px 10px;
    height: 24px;
    margin: -2px -2px 0 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.footer_menu .sub_disp:after{
    display: block;
    content: "";
    position: absolute;
    background: url(../img/icon/icon_arrow_down.png) no-repeat 13px 5px;
    top: 0;
    right: 0;
    width: 30px;
    padding:8px 10px;
    height: 24px;
    margin: -2px -2px 0 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.footer_menu ul{
    margin:20px auto;
    padding:0;
    list-style-type:none;
    width:100%;
}

.footer_menu ul li{
    margin:0 auto;
    text-align:left;
    width:100%;
    background: #fff;
}


.footer_menu li a{
    position: relative;
    margin:0 auto;
    display: block;
    padding:15px 10px;
    text-indent:10px;
    border-bottom:1px dotted #41200A;
    color:#3A3AB1;
    text-decoration:none;
    cursor:pointer;
}

.footer_menu li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #3A3AB1;
    border-right: solid 2px #3A3AB1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*-----  copyright  -----*/

#copyright{
    text-align:center;
    margin:0 auto;
    padding:12px 1% 12px;
    color:#FFFFFF;
    font-size:14px;
    background:#FC3EB4;
}

/*=================================
  女性高収入求人バナー
=================================*/

.wjc_banner{
    text-align:center;
    margin:10px 0 15px;
}

/*=================================
  女性高収入求人センター
=================================*/

.wjc_box{
    margin:20px 2%;
    border:2px solid #FC3EB3;
    background:#FFFFFF;
    border-radius: 5px;
}

.wjc_img{
    text-align:center;

}
.wjc_img img{width:100%;}

.wjc_txt{
    margin: -13% 0 3% 0;
    color:#FC3EB3;
    font-size:16px;
    line-height: 1.3em;
    padding:10px 4%;
}
.wjc_contents{
    margin:0 auto 20px;
    padding:0 20px;
    font-size:15px;
    line-height: 1.3em;
}

.wjc_contents_header{
    color: #3939B1;
    background-image:url('../img/icon/icon_star2.png'),url('../img/bg/bg_13.png');
    background-repeat:no-repeat,repeat;
    background-position:5px center;
    text-indent: 40px;
    padding: 10px 0px;
    font-size: 18px;
}
@media (max-width: 480px) {
    .wjc_contents_header{font-size: 14px;}

}

.wjc_contents p{
    margin:20px auto;
}

.wjc_contents a{
    display: block;
    margin: 20px auto;
    padding:30px 30px 30px 0;
    width:215px;
    font-size: 16px;
    color: #fff;
    text-indent:-9999px;
    background-image:url("../img/btn/btn_wjc.png");
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
}
@media (max-width: 380px) {
    .wjc_contents a{
        width:70%;
    }
}

.wjc_contents a:link{
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}

.wjc_contents a:visited{
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}


.wjc_contents a:active{
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}



/*=================================
  カテゴリーメニュー
=================================*/

.left_box{
    margin:20px 2%;
    background:#FFFFFF;
}

.left_box_header{
    background-image:url('../img/icon/icon_star2.png');
    background-repeat:no-repeat;
    background-position:5px center;
    background-color:#FB76A1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    padding:12px 10px 12px 40px;
    color:#3A3AB1;font-size:16px;
    margin:0 0 0px 0;
}
.category_menu{
    margin: 0px 0% 2% 0%;
    padding:20px 0 0 0;
}
.category_menu ul{
    margin:0 auto;
    padding:0;
}

.category_menu .menu{
    margin:0 auto 10px;
    padding: 15px 1%;
    text-align:left;
    text-indent:5px;
    position: relative;
    width: 93%;
    color: #333333;
    font-size:14px;
    border: 1px solid #CCCCCC;
    background:#FFFFFF;
    border-radius:5px;
}

.category_menu .menu a{
    display:block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    color: #333333;
    text-decoration:none;
    cursor:pointer;
}

.category_menu .menu a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FB76A1;
    border-right: solid 2px #FB76A1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.category_menu .slide_menu{
    margin:0 auto 10px;
    padding: 15px 1%;
    text-align:left;
    text-indent:5px;
    position: relative;
    width: 93%;
    color: #333333;
    font-size:14px;
    border: 1px solid #CCCCCC;
    background:#FFFFFF;
    border-radius:3px;
}

.category_menu .sub_none:after{
    display: block;
    content: "";
    position: absolute;
    top: 23px;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FB76A1;
    border-right: solid 2px #FB76A1;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.category_menu .sub_disp:after{
    display: block;
    content: "";
    position: absolute;
    top: 23px;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FB76A1;
    border-right: solid 2px #FB76A1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.category_menu .slide_menu_sub{margin:20px 0;}
.category_menu .sub{
    margin:0 auto 5px;
    padding: 15px 0;
    width: 92%;
    background: #FFFFFF;
    border-bottom: 1px dotted #666666;
}

.category_menu .sub a{
    display:block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    color: #333333;
    text-decoration:none;
    cursor:pointer;
}

.category_menu .sub a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FB76A1;
    border-right: solid 2px #FB76A1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




.bgWhite{background:#FFFFFF;}
.bgGrey{background:#F5F4F3;}
.bgBlack{background:#000000;padding:2%;}
.bgWhiteBox{background:#FFFFFF;border:1px solid #DDDDDD;}
.bgPurple{background: #FFF4FF !important;}
.bgYellow{background: #FFFFDF;}
.bgPink{background: #FFE4DF;}
.bg1{background:url('../img/bg/bg_1.png');}
.bg2{background:url('../img/bg/bg_2.png');}
.bg3{background:url('../img/bg/bg_3.png');}
.bg4{background:url('../img/bg/bg_4.png');}
.bg5{background:url('../img/bg/bg_5.png');border:2px solid #82FFB9;}
.bg6{background:url('../img/bg/bg_6.png');}
.bg7{background:url('../img/bg/bg_7.png');border:2px solid #5F2388;}
.bg8{background:url('../img/bg/bg_8.png');border:2px solid #33CCFF;}
.bg9{background:url('../img/bg/bg_9.png');border:2px solid #FFB74A;}
.bg10{background:url('../img/bg/bg_10.png');border:2px solid #72CB10;}
.bg11{background:url('../img/bg/bg_11.png');border:2px solid #BFBF00;}
.bg13{
    background-image:url('../img/icon/icon_star2.png'),url('../img/bg/bg_13.png');
    background-repeat:no-repeat,repeat;
    background-position:5px center,auto;
}
.bg14{background:url('../img/bg/bg_14.png');border:2px solid #FFFF00;}
.bg15{
    background-image:url('../img/icon/icon_star2.png'),url('../img/bg/bg_15.png');
    background-repeat:no-repeat,repeat;
    background-position:5px center,auto;
}
.bg16{background:url('../img/bg/bg_16.png');border:2px solid #FF80BF;}
.bg17{
    background-image:url('../img/icon/icon_star2.png'),url('../img/bg/bg_17.png');
    background-repeat:no-repeat,repeat;
    background-position:5px center,auto;
}
.bg18{background:url('../img/bg/bg_18.png');border:2px solid #82FFB9;}
.bg19{background:url('../img/bg/bg_19.png');border:2px solid #34CCFF;}
.bg20{background:url('../img/bg/bg_20.png');border:2px solid #FFFF00;}
.bg21{background:url('../img/bg/bg_21.png');border:2px solid #FFA6D2;}


.borderPink{border:2px solid #FB76A1;}

.shopTitle{    background-image:url('../img/icon/icon_eye.png');
               background-repeat:no-repeat;
               background-size:30px;
               background-position:10px center;
               background-color:#FFFF00;
               padding:12px 10px 10px 50px;font-size:16px;margin:1% 0 3% 0;line-height: 1.2em;
               border:2px solid #FC3EB4;
               border-radius:5px;
}
.indexArea{background-image:url('../img/bg/bg_index_top.png'),url('../img/bg/bg_index.png') ;background-repeat:no-repeat,no-repeat;background-size:100%,cover;}

.p10{padding:1%;}
.p20{padding:2%;}
.p30{padding:3%;}
.p40{padding:4%;}
.p2010{padding:2% 1%;}
.p10-0{padding:1% 0%;}

.pt1{padding-top:1%;}
.pt2{padding-top:2%;}
.pt4{padding-top:4%;}
.pb10{padding-bottom:1%;}

.mb-10{margin-bottom:-2% !important;}
.mt-10{margin-top:-2% !important;}
.mt-20{margin-top:-4% !important;}
.mt-30{margin-top:-6% !important;}
.mt-40{margin-top:-8% !important;}
.mt-15{margin-top:-3% !important;}
.mt10{margin-top:2% !important;}
.mt20{margin-top:4% !important;}
.mb10{margin-bottom:2% !important;}
.mb20{margin-bottom:4% !important;}
.mlr10{margin-left:2% !important;margin-right:2% !important;}
.mr10{margin-right:2% !important;}
.mr20{margin-right:4% !important;}
.mr5{margin-right:1% !important;}
.mlr5{margin-left:1% !important;margin-right:1% !important;}
.mlr20{margin-left:4% !important;margin-right:4% !important;}

.w1{max-width:1%;}
.w2{max-width:2%;}
.w3{max-width:3%;}
.w4{max-width:4%;}
.w5{max-width:5%;}
.w6{max-width:6%;}
.w7{max-width:7%;}
.w8{max-width:8%;}
.w9{max-width:9%;}
.w10{max-width:10%;}
.w11{max-width:11%;}
.w12{max-width:12%;}
.w13{max-width:13%;}
.w14{max-width:14%;}
.w15{max-width:15%;}
.w16{max-width:16%;}
.w17{max-width:17%;}
.w18{max-width:18%;}
.w19{max-width:19%;}
.w20{max-width:20%;}
.w21{max-width:21%;}
.w22{max-width:22%;}
.w23{max-width:23%;}
.w24{max-width:24%;}
.w25{max-width:25%;}
.w26{max-width:26%;}
.w27{max-width:27%;}
.w28{max-width:28%;}
.w29{max-width:29%;}
.w30{max-width:30%;}
.w31{max-width:31%;}
.w32{max-width:32%;}
.w33{max-width:33%;}
.w34{max-width:34%;}
.w35{max-width:35%;}
.w36{max-width:36%;}
.w37{max-width:37%;}
.w38{max-width:38%;}
.w39{max-width:39%;}
.w40{max-width:40%;}
.w41{max-width:41%;}
.w42{max-width:42%;}
.w43{max-width:43%;}
.w44{max-width:44%;}
.w45{max-width:45%;}
.w46{max-width:46%;}
.w47{max-width:47%;}
.w48{max-width:48%;}
.w49{max-width:49%;}
.w50{max-width:50%;}
.w51{max-width:51%;}
.w52{max-width:52%;}
.w53{max-width:53%;}
.w54{max-width:54%;}
.w55{max-width:55%;}
.w56{max-width:56%;}
.w57{max-width:57%;}
.w58{max-width:58%;}
.w59{max-width:59%;}
.w60{max-width:60%;}
.w61{max-width:61%;}
.w62{max-width:62%;}
.w63{max-width:63%;}
.w64{max-width:64%;}
.w65{max-width:65%;}
.w66{max-width:66%;}
.w67{max-width:67%;}
.w68{max-width:68%;}
.w69{max-width:69%;}
.w70{max-width:70%;}
.w71{max-width:71%;}
.w72{max-width:72%;}
.w73{max-width:73%;}
.w74{max-width:74%;}
.w75{max-width:75%;}
.w76{max-width:76%;}
.w77{max-width:77%;}
.w78{max-width:78%;}
.w79{max-width:79%;}
.w80{max-width:80%;}
.w81{max-width:81%;}
.w82{max-width:82%;}
.w83{max-width:83%;}
.w84{max-width:84%;}
.w85{max-width:85%;}
.w86{max-width:86%;}
.w87{max-width:87%;}
.w88{max-width:88%;}
.w89{max-width:89%;}
.w90{max-width:90%;}
.w91{max-width:91%;}
.w92{max-width:92%;}
.w93{max-width:93%;}
.w94{max-width:94%;}
.w95{max-width:95%;}
.w96{max-width:96%;}
.w97{max-width:97%;}
.w98{max-width:98%;}
.w99{max-width:99%;}
.w100{max-width:100%;}
.w1p{width:1%;}
.w2p{width:2%;}
.w3p{width:3%;}
.w4p{width:4%;}
.w5p{width:5%;}
.w6p{width:6%;}
.w7p{width:7%;}
.w8p{width:8%;}
.w9p{width:9%;}
.w10p{width:10%;}
.w11p{width:11%;}
.w12p{width:12%;}
.w13p{width:13%;}
.w14p{width:14%;}
.w15p{width:15%;}
.w16p{width:16%;}
.w17p{width:17%;}
.w18p{width:18%;}
.w19p{width:19%;}
.w20p{width:20%;}
.w21p{width:21%;}
.w22p{width:22%;}
.w23p{width:23%;}
.w24p{width:24%;}
.w25p{width:25%;}
.w26p{width:26%;}
.w27p{width:27%;}
.w28p{width:28%;}
.w29p{width:29%;}
.w30p{width:30%;}
.w31p{width:31%;}
.w32p{width:32%;}
.w33p{width:33%;}
.w34p{width:34%;}
.w35p{width:35%;}
.w36p{width:36%;}
.w37p{width:37%;}
.w38p{width:38%;}
.w39p{width:39%;}
.w40p{width:40%;}
.w41p{width:41%;}
.w42p{width:42%;}
.w43p{width:43%;}
.w44p{width:44%;}
.w45p{width:45%;}
.w46p{width:46%;}
.w47p{width:47%;}
.w48p{width:48%;}
.w49p{width:49%;}
.w50p{width:50%;}
.w51p{width:51%;}
.w52p{width:52%;}
.w53p{width:53%;}
.w54p{width:54%;}
.w55p{width:55%;}
.w56p{width:56%;}
.w57p{width:57%;}
.w58p{width:58%;}
.w59p{width:59%;}
.w60p{width:60%;}
.w61p{width:61%;}
.w62p{width:62%;}
.w63p{width:63%;}
.w64p{width:64%;}
.w65p{width:65%;}
.w66p{width:66%;}
.w67p{width:67%;}
.w68p{width:68%;}
.w69p{width:69%;}
.w70p{width:70%;}
.w71p{width:71%;}
.w72p{width:72%;}
.w73p{width:73%;}
.w74p{width:74%;}
.w75p{width:75%;}
.w76p{width:76%;}
.w77p{width:77%;}
.w78p{width:78%;}
.w79p{width:79%;}
.w80p{width:80%;}
.w81p{width:81%;}
.w82p{width:82%;}
.w83p{width:83%;}
.w84p{width:84%;}
.w85p{width:85%;}
.w86p{width:86%;}
.w87p{width:87%;}
.w88p{width:88%;}
.w89p{width:89%;}
.w90p{width:90%;}
.w91p{width:91%;}
.w92p{width:92%;}
.w93p{width:93%;}
.w94p{width:94%;}
.w95p{width:95%;}
.w96p{width:96%;}
.w97p{width:97%;}
.w98p{width:98%;}
.w99p{width:99%;}
.w100p{width:100%;}

.out18{color:#FC3EB2 !important; text-decoration: underline !important;}
@media (max-width: 480px) {
    .text-money{font-size:30px !important;font-weight:bold;text-align:center;padding:0px 0;}
}

.btdotted{border-top:1px dotted #999999;}
.text-orange{color:#FF9900;}
.text-pink{color:#FC3EB2;}
.text-blue{color:#3399FF;}
.text-grey{color:#888888;}
.text-saraly{font-size:20px;line-height:1.5em;color:#F36D8B;}
@media (max-width: 480px) {
    .text-saraly{font-size:14px !important;}
}

.blue{color:#3FA9F4;font-size:120%;}
.strong{color:#FC3EB3;font-size:120%;}
.indexSentents p{line-height: 1.8em !important;}

.max50p img{max-width: 48%;}
.zindex0{z-index: 0;}
.rounded{border-radius:10px;}
.boxShadow{box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2);}

.posiRelative{position: relative;}
.posiAbsolute{position:absolute;}
.top-10{top:-1%;}

.bbdotted{border-bottom:1px dotted #555555;}

.tableCell{display: table-cell;}
.vaT{vertical-align: top;}
.vaM{vertical-align: middle;}
.flex {
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
}
.flex .flex6 {text-align: center;flex: 1 calc(100% / 6);}
.flex .flex5 {text-align: center;flex: 1 calc(100% / 5);}
.flex .flex4 {text-align: center;flex: 1 calc(100% / 4);}
.flex .flex3 {text-align: center;flex: 1 calc(100% / 3);}
.flex .flex2 {text-align: center;flex: 1 calc(100% / 2);}

@media (max-width: 480px) {
.spNone{display: none;}
}

.fs12{font-size:12px !important;}

.fixPagetop{position:fixed;bottom: 44px;margin:0;width:100px;
right : -webkit-calc(50% - 420px) ;
right : calc(50% - 420px) ;
    transform: translate3d(0, 0, 0);
    z-index: 200;
}
@media (max-width: 840px) {
.fixPagetop{right:0;}
}
@media (max-width: 380px) {
.fixPagetop{bottom: 30px;}
}

@media (max-width: 350px) {
.fixPagetop{bottom: 27px;}
}

.fixPagetopDown{display: none;}
.fixPagetopUp{display: none;}


.border-pink{border:2px solid #FC3FB4;}
.bbpink{border-bottom:2px solid #FC3FB4;}

/*clear*/
.cl {display: block; min-height: 1%;}
.cl:after {	clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl {height: 1%;	/*\*//*/height: auto;overflow: hidden;/**/}
.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}


/* MJ保証追加分 ここから */
.bg24{background:url('../img/bg/bg_24.png');border:2px solid #9B9BFF;}
.bgWhiteBox1{background:#FFFFFF;border:2px solid #3939B1;}
.bgWhiteBox2{background:#FFFFFF;border:2px solid #FC3EB4;}
.bgDeepBlue{background:#3939B1;}
.bgDeepPink{background:#FC3EB4;}
.text-white{color:#FFFFFF;}

.text-deepBlue{color:#3939B1;}
.text-deepPink{color:#FC3EB4;}

.mjPriceTitle{font-size: 16px;padding: 4% 2%;}
.mjPrice{font-size: 16px; text-align: center;margin:4% 0;}
.mjPrice span{font-size: 20px;}


@media (max-width: 480px) {
.mjPriceTitle{font-size: 12px;}
.mjPrice{font-size: 12px;white-space: nowrap;}
.mjPrice span{font-size: 12px;}
}

/* MJ保証追加分 ここまで */