@charset "utf-8";

/* **************************************************
CSS information
File name  : base-ie9.css
Style info : スマートフォン表示用スタイルシート
************************************************** */

@media screen and (max-width: 640px) {
	
	/*
	全体
	------------------------------------*/
	.container {
		width:100%;
		max-width:640px;
		min-width:320px;
		margin: 0px auto;
		padding:0px;
	}
	
	#contents.three-column #main_sidebar1_wrap{
		width:100%;
		margin:0px;
		padding:0px;
		float:none;
	}
	
	#contents.three-column #main,
	#contents.two-column-left #main,
	#contents.two-column-right #main,
	#contents.one-column #main{
		width:95%;
		margin:0px auto;
		padding:0px;
		float:none;
	}
	
	#contents.three-column #left-sidebar,
	#contents.three-column #right-sidebar,
	#contents.two-column-left #left-sidebar,
	#contents.two-column-right #right-sidebar{
		width:95%;
		margin:0px auto;
		padding:0px;
		float:none;
	}
	
	.footer-widget-area .widget-column,
	.footer-widget-area.two-column .widget-column,
	.footer-widget-area.three-column .widget-column,
	.footer-widget-area.four-column .widget-column {
		width:95%;
		margin:0px;
		margin:0px auto !important;
		padding:0px;
		float:none;
		border:none;
	}
	
	
	/*
	ヘッドブロック
	------------------------------------*/
	
	
	#header #head-menu {
		display:none;
	}
	
	
	#header #site-title {
		float: none;
		padding:0px;
		max-width:60%;
		text-align:center;
	}
	
	#header .site-title-text {
		margin:15px auto;
	}
	
	#header .site-title-image{
		margin:15px auto 5px auto;
	}
	
	#header .site-title-image img{
		max-width:100%;
		height:auto;
	}

	#header #site-search {
		display:none;
	}
	
	#head-image .head_flash,
	#head-image .head_flash_auto{
		width:auto;	
	}
	
	/*
	トップページのトピックス
	------------------------------------*/
	
	#main .small article {
		float: none;
		width: 100%;
	}
	
	#main .middle article {
		float: none;
		width: 100%;
	}
	
	#main .large article {
		float: none;
		width: 100%;
	}
	
	#main .free .free_article_wrap,
	#main .row .row_article_wrap{
		width: 100%;
	}
	
	#main .free article.parts_small,
	#main .row article.parts_small{
		float: none;
		width: 100%;
	}
	
	#main .free article.parts_middle,
	#main .row article.parts_middle{
		float: none;
		width: 100%;
	}
	
	#main .free article.parts_middle_2,
	#main .row article.parts_middle_2{
		float: none;
		width: 100%;
	}
	
	#main .free article.parts_large,
	#main .row article.parts_large{
		float: none;
		width: 100%;
	}
	
	.three-column #main .topics-list .parts_small .topics-thumbnail .text-banner a,
	.three-column #main .topics-list .parts_middle .topics-thumbnail .text-banner a,
	.three-column #main .topics-list .parts_large .topics-thumbnail .text-banner a,
	.two-column-right #main .topics-list .parts_small .topics-thumbnail .text-banner a,
	.two-column-left #main .topics-list .parts_small .topics-thumbnail .text-banner a,
	.two-column-right #main .topics-list .parts_middle .topics-thumbnail .text-banner a,
	.two-column-left #main .topics-list .parts_middle .topics-thumbnail .text-banner a,
	.two-column-right #main .topics-list .parts_large .topics-thumbnail .text-banner a,
	.two-column-left #main .topics-list .parts_large .topics-thumbnail .text-banner a,
	.one-column #main .topics-list .parts_small .topics-thumbnail .text-banner a,
	.one-column #main .topics-list .parts_middle .topics-thumbnail .text-banner a,
	.one-column #main .topics-list .parts_large .topics-thumbnail .text-banner a {
		height:15em;
	}
	
	
	/*
	グローバルナビ
	------------------------------------*/

	#header #navControl {
		position: absolute;
		display: block;
		top: -52px;
		right: 10px;
		cursor: pointer;
	}
	
	#header #global-navi{
		margin:0px;
		box-shadow:none;
	}
	
	#header #global-navi nav{
		position:absolute;
		left:0px;
		right:0px;
		display:none;
		box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	}
	
	#header #global-navi li a{
		display: block;
		padding: 15px 0px;
	}
	
	#header #global-navi li:last-child{
		background-color: #95ABFF;
		background: -moz-linear-gradient(top,  #B7CCFF 0%, #95ABFF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7CCFF), color-stop(100%,#95ABFF));
		background: -webkit-linear-gradient(top,  #B7CCFF 0%,#95ABFF 100%);
		background: -o-linear-gradient(top,  #B7CCFF 0%,#95ABFF 100%);
		background: -ms-linear-gradient(top,  #B7CCFF 0%,#95ABFF 100%);
		background: linear-gradient(to bottom,  #B7CCFF 0%,#95ABFF 100%);
	}	
	
	#header .grd li {
		border:none;
		background-color: #FFFFFF;
		background: -moz-linear-gradient(top,  #fff 0%, #e6e6e6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e6e6e6));
		background: -webkit-linear-gradient(top,  #fff 0%,#e6e6e6 100%);
		background: -o-linear-gradient(top,  #fff 0%,#e6e6e6 100%);
		background: -ms-linear-gradient(top,  #fff 0%,#e6e6e6 100%);
		background: linear-gradient(to bottom,  #fff 0%,#e6e6e6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
	}
	
	#header #global-navi ul {
		float: none;
		width: 100%;
		border:none;
	}
	
	#header #global-navi li {
		float: none;
		width: 100%;
		border:none;
		border-bottom: 1px solid #eee;
	}
	
	#header #global-navi li:hover ul.sub-menu{
		display:none;
	}
	
	#header #global-navi #pc-global-navi{
		display:none;
	}
	
	#header #global-navi #sp-global-navi{
		display:block;
	}
	

	/*
	コメントフォーム
	------------------------------------*/
	
	#main .entry footer input[type=text],
	#main .entry footer input[type=email]{
		width:100%;
	}
	
	#main .entry footer textarea{
		width:100%;
	}
	
	/*
	サイドバーウィジェット
	------------------------------------*/
	.side-widget-area .widget-column .widget-banner img{
		max-width:100%;
	}
	
	/*
	フッターウィジェット
	------------------------------------*/
	.footer-widget-area .widget-column .widget{
		border-style: solid;
		border-width: 1px;
		border-color:#CCCCCC;
		padding:15px;
		margin:0px 0px 10px 0px;
	}
	
	.footer-widget-area .widget-column .widget-banner{
		padding:0px;
	}
	
	.footer-widget-area .widget-column .widget-banner img{
		max-width:100%;
	}
	
}