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


* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



html {
  font-family:'HelveticaNeueW01-65Medi','AxisStd-Light','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size:15px;
	letter-spacing:0.075em;
	line-height:2;
	height:100%;
   overflow: hidden;
}
 
body {
	padding:0;
	margin:0;
  overflow-y: scroll;
  overflow-x: hidden;                                                                                                                   
  height: 100%;
}

h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ul{
	margin:0;
	padding:0;
}
li{
	margin:0;
	padding:0;
}

#footer{
	width:100%;
	clear:both;
	text-align:left;
	margin:0;
	border-top:5px solid #1a1a1a;
	padding-top: 2%;
	padding-right:1%;
	padding-bottom: 10%;
	padding-left:1%;

}

#footer section p{
	color:#1a1a1a;
	font-size:150%;}
#footer ul{
	padding:0;
	margin:20px 0px;
	width:100%;
	float:left;
	list-style:none;
	} 
#footer ul li{
	text-align:center;
	font-size:90%;
	float:left;
	width:16%;
	padding:1%;
	-moz-transition: .10s;
	-webkit-transition: .10s;
	-o-transition: .10s;
	-ms-transition: .10s;
	transition: .10s;
	} 
#footer ul li a{
	display:block;
	color:#1a1a1a;
	text-decoration:none;
}	
	
#footer ul li a:hover{
	border-bottom:1px solid #1a1a1a;}	
	
.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
}


.copyright{
	clear:both;
	background-color:#999999;
	color:#1a1a1a;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-size:85%;}

.bottom1{
	color:#1a1a1a;
	font-size:250%;
	margin-bottom:40px;
	padding-bottom:20px;}
	
.bottom1 a{
	color:#1a1a1a;
text-decoration:none;}	
	

	
.klijibox{
	margin-top:20px;
	padding:5px;
	}
	
.klijibox:after{
content:"";
display:block;
clear:both;
}	

.grid{
	float:left;
	width:31%;
	margin:1%;
	padding:8px;
	border:8px solid #FFFFFF;.
	 border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
	text-align:center;
	-moz-transition: .10s;
	-webkit-transition: .10s;
	-o-transition: .10s;
	-ms-transition: .10s;
	transition: .10s;
	}
	
.grid:hover{
	border:8px solid #dcdcdc;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
	}

	
.entry_i{
	height:220px;}
.entry_t{
	text-align:center;
	margin:0 10%;
	height:110px;
}
.entry_t a{
	text-decoration:none;
	color:#1a1a1a;
	}

.cover {
    display: inline-block;
	background-size: cover;
    height: 180px;
    width: 180px;
}

.dat{
	font-family: 'Oxygen', sans-serif;
	color:#999;
	text-align:left;
	font-size:80%;
	border-bottom:1px solid #1a1a1a;
	margin:0 10%;
	padding-left:10%;
	margin-bottom:15px;
}


#loading {
	width: 64px; /* gif画像の幅 */
	height: 64px; /* gif画像の高さ */
	margin: -68px 0 0 -68px; /* gif画像を画面中央に */
	padding: 20px; /* gif画像を大きく */
	opacity: 0.5; /* 透過させる */
	position: fixed; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */
}

.widget-calendar{
	margin:20px 0px;
	background-color:#dcdcdc;
	text-align:center;
	padding:5px;
}

.widget-header{
	border-bottom:1px solid #1a1a1a;}
	

ul.sea li{
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;}
		
ul.sea li:hover{
	background-color:#dcdcdc;}
	

.formbox{
	width:95%;
	border:1px solid #1a1a1a;
	padding:3px;
	margin-top:50px;
	margin:10px 0;}
	
.form{
	width:100%;
	border:1px solid #1a1a1a;
	padding:10px;
	text-align:center;
	}
	
.click{
	line-height:40px;
	background-color:#1a1a1a;
	color:#FFF;
	text-align:center;
	display:block;
}
.click a{
	color:#FFF;
	display:block;
	}
.asset-content{
	margin-top:30px;}	
@media (min-width: 601px){

header{
	position:relative;
}

.logo{
	position:absolute;
	top:30%;
	left:35%;
	z-index:-1;
}
.logo header p{
	margin:0;
	padding:0;}
.logo header p a{
	text-decoration:none;
	font-size:150%;
	display:block;
	text-align:center;
	color:#1a1a1a;
	padding:2%;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
	margin-top:-3%;
}
.logo header p a:hover{
	margin-top:1%;}	


  
h1{
font-family: 'Oxygen', sans-serif;
color:#1a1a1a;
font-size:350%;
margin:0;
padding:0;
z-index:-1;
}
h1#page-title{
	font-size:150%;

}

h2
{font-family: 'Oxygen', sans-serif;
color:#dcdcdc;
}

#a_01 section h2{
font-size:650%;
z-index:102;
position:absolute;
left:2%;
top:-45%;
transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);}
	
h2.__02{
font-size:650%;
z-index:102;
position:absolute;
color:#dcdcdc;
left:2%;
top:0%;
transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);}

#a_03 section h2{
font-size:650%;
z-index:102;
position:absolute;
left:2%;
top:0%;
transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);}

	
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
	width:100%;
	height:100%;}
#container-inner{
margin:0;
padding:0;
width:100%;
height:100%;
}

#container-inner:after{
content:"";
display:block;
clear:both;
}
#mainbox{
	width:100%;
	height:100%;
	}
.full_img{
	width:100%;
	height:100%;
	z-index:100;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;
	position:relative;
	background-attachment: fixed;
	background-image: url(http://www.azaleastyle.com/mtblog/wantsandfree/2015temp/wants5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	}

.full_img2{
	width:100%;
	height:70%;
	z-index:100;
	background: url(http://www.azaleastyle.com/mtblog/wantsandfree/2015temp/wants2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin:0;
	}


.full_img3{
	width:100%;
	height:70%;
	z-index:100;
	background: url(http://www.azaleastyle.com/mtblog/wantsandfree/2015temp/wants3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin:0;
	}
	
nav a{
	font-size:105%;
	color:#1a1a1a;
	text-decoration:none;
	}
	

.fixed {
	width:12%;
    position: fixed;
	top:5%;
    z-index: 10000;
	background-color: rgba(255,255,255,0.5);
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
}

	

#fixedBox{
	width:12%;
	position: fixed;
	bottom:20%;
	right:0;
    z-index: 10000;
	background-color: rgba(255,255,255,0.5);
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	padding:20px 0px;
	
}
#fixedBox ul{
	list-style:none;
	width:100%;
	
}


#fixedBox li{
	float:left;
	width:100%;
	text-align:left;
	padding:3%;
	margin-left:3%;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}

#fixedBox li:hover{
	margin-left:8%;
}
.contents{
	width:100%;
	clear:both;
	text-align:center;
	margin:40px;
	padding:40px;
	position:relative;}

.contents_blog{
	width:100%;
	}
	
.contents_blog:after{
content:"";
display:block;
clear:both;
}
.contents_blog_l{
	float:right;
	width:82%;
	clear:both;
	text-align:center;
	padding-right:12%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	border-left:1px solid #1a1a1a;
}
.contents_blog_r{
	float:left;
	width:18%;
	height:100%;
	padding:10px 1%;
}
.contents_blog_r ul{
	width:100%;
	list-style:none;
}
.contents_blog_r ul li{
	padding:3px 0px;
	}

.contents_blog_l ul{
	padding:0 10%;
	width:100%;
	list-style:none;
	}
.contents_blog_l ul li{
	padding:10px;
	float:left;
	width:33%;
	text-align:center;
	}
.contents_blog_l ul li a{
	display:block;
	color:#1a1a1a;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
	}

.contents_blog_l ul li a:hover{
	border-bottom:1px solid #1a1a1a;
}

.widget-content ul{
	list-style:none;}

.widget-content ul li ul{
	
		}
.widget-content ul li ul li a{	
	display:block;
	color:#1a1a1a;
	text-decoration:none;
	padding-left:10px;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	}
.widget-content table tr td a{
	color:#1a1a1a;
	text-decoration:underline;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
	}

.widget-content table tr td a:hover{
	color:#1a1a1a;
	background-color:#666666;
	}
	

.widget-content ul li ul li a:hover{	
	padding-left:20px;
	background-color:#dcdcdc;
	}
	
.widget-content ul li a{
	display:block;
	color:#1a1a1a;
	text-decoration:none;}


.blogbox{
	position:absolute;
	top:5%;
	width:100%;
	padding:1% 5%;
	background-color:#1a1a1a;
	opacity:0.8;
	vertical-align:middle;
	height:85px;}
	
.blogbox div.b_link{
	float:right;
	width:20%;
	}
.blogbox div.b_text{
	width:80%;
	float:left;
	color:#FFF;
}

.blogbox div.b_link a{
	display:block;
	color:#FFF;
	font-size:110%;
	text-decoration:none;
	text-align:center;
	border:#FFF solid 5px;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
	margin:-5px;
	padding:10px;
	}

.blogbox div.b_link a:hover{
	background-color:#FFF;
	color:#1a1a1a;
}
.ulstyle{
	margin-bottom:10px;
	margin-top:10px;
	font-weight:bolder;
	font-size:150%;
	line-height:1.2em;
	}
.sidenews{
	width:80%;
	margin:0 10%;}
.sidenews a{
	color:#1a1a1a;
	font-size:200%;
	text-decoration:none;
	}
.sidenews a img{
	width:70%;}
	
.entry-asset{
	text-align:left;
	padding:10px;
}
.byline{
	text-align:right;}

.asset-header{
	width:100%;
	float:left;
	clear:both;
	border-bottom:#1a1a1a solid 1px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
.asset-header img{
	float:right;
	}
	
.asset-header span{
	font-family: 'Oxygen', sans-serif;
	font-size:85%;
	}
.asset-body{
	margin:20px 0px;
	text-align:center;
	}
.entry-tags{
	text-align:left;
	margin:20px 0px;
	}
	
.archive-title{
	margin:20px 0px;}
	
.entry-navi{
	border-bottom:1px solid #1a1a1a;
	}
}

@media (max-width:600px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
	width:100%;
	height:100%;
		}
#container-inner{
margin:0;
padding:0;
width:100%;
height:100%;
}

#mainbox{
	width:100%;
	background-color:#FFF;
}

.logo{color:#1a1a1a;
}
header p{
	display:none;}
header h1{
	text-align:center;
	color:#1a1a1a;}
	
.b_text{
	width:100%;
	color:#1a1a1a;
}
.b_link{
	width:100%;
	margin:10px 0px;}
	
.b_link a{
	display:block;
	padding:6%;
	color:#1a1a1a;
	font-size:110%;
	text-decoration:none;
	text-align:center;
	border:#1a1a1a solid 2px;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
	}

.b_link a:hover{
	background-color:#1a1a1a;
	color:#FFF;
}
#a_01{
	margin:20px 0px;
}
#a_01 section h2{
	}
#a_01 section p{
	text-align:center;}
#a_02{
	display:none;
}
#a_03{
	background-color:#FFF;
	padding:10px;}
#a_03 section h2{
	color:#1a1a1a;
}
#a_03 section p{
	color:#1a1a1a;
}
#footer{
	display:none;
}

.contents_blog_l ul{
	width:100%;
	list-style:none;
}
.contents_blog_l ul li{
	width:33%;
	float:left;
	text-align:center;
}
.ulstyle{
	display:none;}
.hid{
	display:none;}
	
	
.klijibox{
	margin-top:20px;
	padding:5px;
	}
	
.klijibox:after{
content:"";
display:block;
clear:both;
}	

.grid{
	float:left;
	width:48%;
	margin:1%;
	text-align:center;
	}
.entry_i{
	height:220px;}
.entry_t{
	text-align:center;
	margin:0 10%;
	height:110px;
}
.entry_t a{
	text-decoration:none;
	color:#1a1a1a;
	}

.cover {
    display: inline-block;
	background-size: cover;
    height: 150px;
    width: 150px;
}

.bottom1{
	color:#1a1a1a;
	font-size:150%;
	text-align:center;
	margin-bottom:20px;
	padding-bottom:10px;}
	
.bottom1 a{
	color:#1a1a1a;
text-decoration:none;}	
	
	

.contents_blog_l ul{
	padding:0 2%;
	width:100%;
	list-style:none;
	}
.contents_blog_l ul li{
	padding:3px;
	float:left;
	width:33%;
	text-align:center;
	}
.contents_blog_l ul li a{
	display:block;
	color:#1a1a1a;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
	}

.contents_blog_l ul li a:hover{
	border-bottom:1px solid #1a1a1a;
}

h1#page-title{
	font-size:120%;

}
.asset-header{
	width:100%;
	float:left;
	clear:both;
	border-bottom:#1a1a1a solid 1px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.asset-body{
	padding:5px;}

.entry-navi{
	border-bottom:1px solid #1a1a1a;
	}
	.fixmenu{
	display:none !important;}

}