@charset "utf-8";
/*---------------------
 2015.7.23 creates KINET
-----------------------*/

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:680px){

img {
max-width: 100%;
height: auto;
width /***/:auto;
}

#wrapper {
width: 100%;
border:0;
}

#header { 
background: url(../img/logo_kyaranomori_m.png) 5px 25px  no-repeat;
height: 280px;
}

#nav {
top:196px;
left:2px;
}

#nav ul li a {
width: 124px;
height: 36px;
font-size: 1.05em;
}



.left_contents_01 {
width: 100%;
}
.right_contents_01 {
width: 100%;
}

.rss_left_contents ,
.rss_right_contents {
clear: both;
float: none;
width: 100%;
}


.notebox .img_a {
width: 140px;
}
.introduce li.wide {
clear: both;
width:600px;
height:280px;
}

.introduce li.w01 ,
.introduce li.w02 {
width: 48%;
min-width:140px;
}

.limitbox {
padding:0.5em;
margin: 4px;
}

.limitbox h3 {
font-size: 1.2em ;
}

.limitboxpan_l  {
clear: both;
float: none;
width: 100%;
padding:0 0 0 0 ;
}


.limitboxpan_r {
clear: both;
float: none;
width: 100%;
padding: 20px 0 ;
}













}
/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#wrapper {
width: 100%;
border:0;
}

#header { 
background: url(../img/logo_kyaranomori_480.png) 0px 32px  no-repeat;
width: 100%;
height: 280px;
}
#header h3 {
font-size:11px;
line-height: 120%;
height: 32px;
}

.img_100 {
width: 100px;
}


/*------------------ 
 Nav
 ----------------- */

#nav {
top:150px;
left:0px;
}
#nav ul {
margin: 0 10px;
}
#nav ul li {
width: 100%;
}
#nav ul li a {
width: 100%;
height: 40px;
padding: 16px 0 0 0px;
margin: 0;
}


/*------------------ 
 Contents
 ----------------- */

#contents h1 { 
font-size:1.27em;
}


#contents { 
padding: 160px 0px 0px 0px;
}

.left_contents_01 {
width: 100%;
}
.right_contents_01 {
width: 100%;
}


.komoku { 
width: 100%;
}

.komoku dt {
width: 69px;
}
.komoku dd {
width: 300px;
}
.komoku dt.bt {
border-bottom:0;
}
.komoku dd.bt {
border-bottom:1px solid #666;
}



#voice {
padding: 3px;
}
#voice .left_contents {
float: none;
width: 60%;
}
#voice .left_contents img {
width: 50%;
}
#voice .right_contents {
float: none;
width: 90%;
margin:10px;
}

.introduce li.wide {
clear: both;
width: 98%;
height:400px;
}

.u_comment_contents {
clear: both;
float: none;
width:98%;
padding: 5px;
}


/*------------------ 
 Form
 ----------------- */
#kantei {
margin:0px;
}
#kantei dl { 
width:98%;
}
#kantei dt {
float: none;
width:98%;
border:0;
}

#kantei dd {
clear: both;
float: none;
width:98%;
border-top:1px solid #FFC9AA;
}



/*------------------ 
 tarotcard 
 ----------------- */
.tarotcard {
width: 95%;
}
.tarotcard ul {
width: 100%;

}

.tarotcard li {
width: 32%;
text-align: center;
font-size: 0.8em ;
line-height: 1.1em;
padding: 5px 0px;
margin:0px auto;
}
.tarotcard p {
margin: 3px;
}
.tarotcard img {
width: 100%;
max-width:68px
}
.tarotcard .major_arcana li {
width: 48%;
}
.tarotcard .major_arcana img {
height:auto;
}










/*------------------ 
 WAKU
 ----------------- */
.box_gray {
border: 1px solid #ccc;
margin: 0.5em 1.5em; 
padding: 0.5em;
}

.box_radius {
width:96%;
margin: 0.5em; 
padding: 0.5em;
}







.disnon br {
display: none;
}




}
/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/






/* スマートフォン */
@media only screen and (max-width:376px){


#header { 
background: url(../img/logo_kyaranomori_320.png) 18px 32px  no-repeat;
width: 100%;
height: 200px;
}

.introduce li.w01 ,
.introduce li.w02 {
width: 100%;
height:auto;
}
.introduce img{
width:48%;
}

}
/* 
------------------------------------------------------------*/