@charset "Shift-Jis";

body {
margin: 0 ;				
padding: 0 ;			
font-size: 15px ;
font-family:メイリオ;	
line-height: 1.8 ;	

text-decoration: none; 
border-style: none;

background-image : url('http://mamaka7.com/images/haikeisnowkohitujitei.jpg');
background-attachment: fixed;
background-position:top right;
background-repeat:no-repeat; 
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;   
float:right;
}




img {
    border-style:none;
}


.tategaki-wrap{
    background-color:eee;
    margin: 20 auto;
    float:right;
}
 
.tategaki{

    margin: 20 auto;
    padding: 50px;

    float:right;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;   
}
 
.tategaki_title{
    color: #333;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
}
 
.box{
    margin-left: 10px;
}



 
 
.mixed{
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
}
 
.upright{
    -webkit-text-orientation: upright;
    text-orientation: upright;
}
 
.sideways{
    -webkit-text-orientation: sideways;
    text-orientation: sideways;
}

textarea{
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;   
}



/* スマホだけに適用するCSS */
@media screen and ( max-width:640px )
{
body {
font-size: 12px ;
background-image : url('http://mamaka7.com/images/haikeisnowkohitujitei.jpg');
background-attachment: fixed;
background-position:top right;
background-repeat:no-repeat; 
float:right;
}


.tategaki-wrap{
    background-color:eee;
    margin: 10px;
float:right;
height:90%;
}

.tategaki{
    margin: 20 30;
    padding: 10 10 10 10;
   float:right;
height:90%;


}

.tategaki_title{
    color: #333;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4;

}
}