@charset "utf-8";
/* 
Theme Name: el plano by DigiPress
Theme URI: http://digipress.digi-state.com/
Version: 1.2.6.9
Author: digistate co.,ltd.
Author URI: http://www.digistate.co.jp/
Description: Customize various visual settings and select theme type for DigiPress theme. Do not use this for any commercial purpose.
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
License: 
License URI: http://digipress.digi-state.com/
*/
/*--追加スタイル--*/
.w-10{
width:10%;
}
.w-20{
width:20%;
}
.w-30{
width:30%;
}
.w-40{
width:40%;
}
.w-50{
width:50%;
}
.w-60{
width:60%;
}
.w-70{
width:70%;
}
.w-80{
width:80%;
}
.w-90{
width:90%;
}
.w-100{
width:100%;
}

.f-l{
float:left;
}

.f-r{
float:right;
}

/*-- clearfix-- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf{
    *zoom: 1;
}
.clear{
clear:both;
float:none;
}

#top-right-widget{
	margin-top:-100px;
	width:100%;
	}
	
.catchcopy{
	display:inline-block;
	padding:0.1em;
	background:#333;
	opacity:0.5;
	font-size:3em;
}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){


/*-- 全般スタイル --*/
.clear-tablet{
clear:both;
float:none;
}

.w-10-tablet{width:10%;}
.w-20-tablet{width:20%;}
.w-30-tablet{width:30%;}
.w-40-tablet{width:40%;}
.w-50-tablet{width:50%;}
.w-60-tablet{width:60%;}
.w-70-tablet{width:70%;}
.w-80-tablet{width:80%;}
.w-90-tablet{width:90%;}
.w-100-tablet{width:100%;}

.block-tablet{
display:block;
}

/*----------*/
}
/*----------*/
/* 幅644px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 644px){


.clear-smart{
clear:both;
float:none;
}

.w-10-smart{width:10%;}
.w-20-smart{width:20%;}
.w-30-smart{width:30%;}
.w-40-smart{width:40%;}
.w-50-smart{width:50%;}
.w-60-smart{width:60%;}
.w-70-smart{width:70%;}
.w-80-smart{width:80%;}
.w-90-smart{width:90%;}
.w-100-smart{width:100%;}

.block-smart{
display:block;
}



/*----------*/
}
/*----------*/
/* 幅380px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 330px){





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