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

body {
    background: #ffd1e8;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
    font-size:16px;
    width:320px;
    margin:0 auto;
}

.wrap{
    background-color:#FFFFFF;
    width:320px;
}

img{
    vertical-align:bottom;
}

.m_com{
    margin-top:10px;
}

.t_next{
    display:block;
    margin:5px auto;
}

.mar_t_20{
    margin-top:20px;
}

.mar_t_5{
    margin-top:5px;
}

.r_btn{
    display:block;
    margin:0 auto;
}

.headline_hig {
    margin-top:20px;
    vertical-align:bottom;
}

.highlight_mor{
    vertical-align:bottom;
    margin:0;
}

.float_l{
    float:left;
}

.osusume3_fl{
    width:149px;
    float:left;
}

.honbun{
    margin-bottom:10px;
}

/*---review---*/

#reviewwrap{
	background-color:#FFF;
	margin: 20px 5px 5px ;
	background-color: #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

#reviewtop{
	font-size:15px;
	background-color:#e3d7a5;
	padding: 15px 10px 10px 10px;
}

.reviewtopstarposition1{
	float:left;
}

.reviewtopstarposition2{
	margin-top:-6px;
}

.reviewtoptextsub{
	margin-top:-3px;
	clear:both;
	font-size:12px;
}

.review{
	border-bottom: 1px solid #CCC;
	padding: 5px 10px 5px 10px;
}

.reviewtitle{
	font-size:14px;
	font-weight:bold;
	float:left;
}

.reviewstar{
	float:right;
	margin-top:-5px;
}

.reviewend{
	padding: 5px 10px 15px 10px;
}

dt{
	margin-top:7px;
}

.dd_text{
	font-size:14px;
	padding-top:8px;
	clear:both;
	margin-bottom:15px;
	line-height:1.3em;
}

#att{
	font-size:9px;
	color:#ff0084;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	line-height:1;
}

.mar_t_10{
    margin-top:10px;
}

/*---review---*/

/*---animation---*/

            .pop{
                -webkit-animation-name:pop;
                -webkit-animation-property:-webkit-transform;
                -webkit-animation-duration:780ms;
                -webkit-animation-iteration-count:infinite;
                -webkit-transform-origin:center bottom;
                animation-name: pop;
                animation-duration:780ms;
                animation-iteration-count:infinite;
                transform-origin:center bottom;
            }
            @-webkit-keyframes pop{
                0%{-webkit-transform:scale(1,1);}
            50%{-webkit-transform:scaleX(0.8);}
            }
            @keyframes pop{
                0%{transform:scale(1,1);}
            50%{transform:scaleX(0.8);}
            }
			

/*---animation---*/

/*---modal---*/
            #lean_overlay{
                position: fixed; z-index:100; 
                top: 0px;
                left: 0px;
                height: 100%;
                width: 100%;
                background: #000;
                display: none;
            }
            
            #osusume_modal ,#osusume_modal2 ,#osusume_modal3 ,#osusume_modal4 ,#osusume_modal5 ,#osusume_modal6 ,#osusume_modal7 ,#osusume_modal8 ,#osusume_modal9{
                overflow-y:auto;
                width:300px;
                height:420px;
                background-color: #ffffff;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
                display: none;
            }
            
            #osusume_modal::-webkit-scrollbar ,#osusume_modal2::-webkit-scrollbar ,#osusume_modal3::-webkit-scrollbar ,#osusume_modal4::-webkit-scrollbar ,#osusume_modal5::-webkit-scrollbar ,#osusume_modal6::-webkit-scrollbar ,#osusume_modal7::-webkit-scrollbar ,#osusume_modal8::-webkit-scrollbar ,#osusume_modal9::-webkit-scrollbar{
                width: 5px;
                background: #9aadfc;
            }
            
            #osusume_modal::-webkit-scrollbar-thumb ,#osusume_modal2::-webkit-scrollbar-thumb ,#osusume_modal3::-webkit-scrollbar-thumb ,#osusume_modal4::-webkit-scrollbar-thumb ,#osusume_modal5::-webkit-scrollbar-thumb ,#osusume_modal6::-webkit-scrollbar-thumb ,#osusume_modal7::-webkit-scrollbar-thumb ,#osusume_modal8::-webkit-scrollbar-thumb ,#osusume_modal9::-webkit-scrollbar-thumb{
                background: #435295;
                border-radius: 2px;
            }
            
            
hr {
    border-color: #ff9c00;
    border-style: dashed;
    border-width: 1px 0 0;
    height: 1px;
    margin: 3px 10px;
    padding: 0;
    width: auto;
}
            
            
            .osusume_wrap{
                padding:14px 12px 12px;
            }
            
            .center{
                display:block;
                margin:0 auto;
                -moz-box-shadow: 2px 2px 2px #959595;
                -webkit-box-shadow: 2px 2px 2px #959595;
                box-shadow: 2px 2px 2px #959595;

            }
            
            
            .center2{
                text-align:center;
            }
            
            .osusume_titile{
                text-align:center;
                font-size:16px;
                font-weight:bold;
                margin-top:10px;
                line-height:1.2em;
                color: #FF2E9F;
            }
            
            .osusume_main_tx{
                 font-size:14px;
                 margin:8px 0 10px;
                 line-height:1.3em;
                 color: #423600;
            }
            
            .modal_btn{
                display:block;
                margin:0 auto;
                margin-bottom:10px;
            }

            .mar_r_5{
                margin-right:5px;
            }
            
            
/*---modal---*/


footer{
	height:22px;
    background-color:#000;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	margin-top:20px;
	padding-top:7px;
}