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

/*---------------------------------------------------------------
企業コンテンツのスマホ版ヘッダ固定化は別CSSで対応。
別途/shared_file/css/header_fixed.cssの読み込みを行うこと。
---------------------------------------------------------------*/


/*---------------------------------------------------------------
PCレイアウト
---------------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.shutto-component{display:none;}
	.sp_display{display:none;}
}

/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	body{
		
    font: 13px/1.231 "ＭＳ Ｐゴシック", "MS PGothic","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",arial,helvetica,clean,sans-serif;
	}
	.sp_display{display:block;}
	.pc_display{display:none;}
	#Header_Contents_new{
		display:none;
	}
	#Footer_Wrapper_new{
		display:none;
	}
	.shutto-component{
		display:block;
	}
	
	#Contentarea{
background: url(../images/bg_repeat.gif)!important;
background-repeat: repeat;
background-position: 0 0;

}
	#mainContentsTop{
		padding-top:0px;
	}
	
	/*---------------------*/
	/** スマホヘッダー **/
	/*---------------------*/
	#shutto-component-2 ul,
	#shutto-component-2 li{
	    margin:0;
	    list-style:none;
	}
	#shutto-component-2 img{
	    vertical-align:top;
	}
	#shutto-component-2 a{
	    color:#2f3e46;
	    text-decoration:none;
	}
	#shutto-component-2 *{
	    box-sizing:border-box;
	}
	#shutto-component-2 #smpHeader{
	    overflow:hidden;
	    width:100%;
	    background:#fff;
		position:relative!important;
	}
	#shutto-component-2 .headBlock{
	    position:relative;
	    overflow:hidden;
	    height:50px;
	    border-bottom:2px solid #eb3442  ;
	}
	#shutto-component-2 .smpLogo{
	    width:calc(100% - 100px);
	    float:left;

	    height:50px;
	}
	#shutto-component-2 .smpLogo img{
	    width:100px;
	    margin-top:3px;
	}
	#shutto-component-2 .iconBlock{
	    float:right;
	    width:100px;
	    height:50px;
	}
	#shutto-component-2 .iconBlock ul{
	    display:table;
	    width:100%;
	    table-layout:fixed;

	}
	#shutto-component-2 .iconBlock li{
	    display:table-cell;
	}
	#shutto-component-2 .iconBlock li a,
	#shutto-component-2 .iconBlock li span{
	    height:50px;
	    width:100%;
	    display:block;
	    color:transparent;
	    text-decoration:none;
	}
	#shutto-component-2 .iconBlock li a{
	    background:url(/shared_file/images/header/btn_mypage.png) center center no-repeat;
	    background-size:28px;
	}
	#shutto-component-2 .iconBlock li span{
	    background:url(/shared_file/images/header/btn_open.png) center center no-repeat;
	    background-size:28px;    
	}
	#shutto-component-2 #menuBlock{
	    display:none;
	    border-bottom:2px solid #eb3442  ;
	}
	#shutto-component-2 .innerTop ul{
	    display:table;
	    width:100%;
	    table-layout:fixed;    
	    padding:0 15px 0px;
	}
	#shutto-component-2 .innerTop ul li{
	    display:table-cell;
	    text-align:center;
	}
	#shutto-component-2 .innerTop ul li a{
	    display:block;
	    padding:50px 0 10px;
	}
	#shutto-component-2 .innerTop ul li.btn1 a{
	    background:url(/shared_file/images/header/C_____.png) center 10px no-repeat;
	    background-size:35px;
	}
	#shutto-component-2 .innerTop ul li.btn2 a{
	    background:url(/shared_file/images/header/btn_letter.png) center 17px no-repeat;
	    background-size:35px;
	}
	#shutto-component-2 .innerTop ul li.btn3 a{
	    background:url(/shared_file/images/header/btn_mypage.png) center 10px no-repeat;
	    background-size:35px;
	}
	#shutto-component-2 .innerBottom ul{
	    padding:0 15px 15px;
	    overflow:hidden;
	}
	#shutto-component-2 .innerBottom li{
	    display:block;
	    position:relative;
	    border-top:1px solid #ccc;
	}


	#shutto-component-2 .innerBottom li:first-child{
	    border-top:none;
		margin-bottom:15px;
	}
	#shutto-component-2 .innerBottom li:last-child{
	    border-bottom:1px solid #ccc;
	}

	#shutto-component-2 .innerBottom li a{
	    display:block;
	    padding:8px 0;
	}

	#shutto-component-2 .innerBottom li a:after{
	    content:"";
	    height:8px;
	    width:8px;
	    border-top:2px solid #eb3442;
	    border-right:2px solid #eb3442;
	    position:absolute;
	    top:11px;
	    right:11px;
	    -webkit-transform:rotate(45deg);
		transform: rotate(45deg );
	}

	#shutto-component-2 .smpopen{display:block !important;}
	#shutto-component-2 .smpclose{display:none !important;}
	#shutto-component-2 .smpopened span{
	    background:url(/shared_file/images/header/btn_close.png)center center no-repeat !important;
	    background-size:28px !important;
	}
	
	#shutto-component-2 .innerBottom li #searchform1 {
    width: 90%;
	margin:0 auto;
    background: none;
    border: solid 1px #CCC;
	border-radius:5px;
	box-sizing:border-box;
	position:relative;
	height:30px;
	}
	#shutto-component-2 .innerBottom li #searchform1 #searchBtn1 {
    top: 1.5px;
    right: 1px;
	position:absolute;
	width:45px;
	padding:0px;
	}
	#shutto-component-2 .innerBottom li #searchform1 #keywords1 {
    width: 90%;
	border:none;
	border-radius:5px;
	height:25px;
	position: absolute;
    top: 2px;
    left: 2px;
		}
	#shutto-component-2 .innerBottom li #searchform1 input::-webkit-input-placeholder {
		line-height:1.2;
	}
	/*---------------------*/
	/** スマホフッター **/
	/*---------------------*/
	#shutto-component-8 *{
	    width:auto !important;
	    height:auto !important;
	    float:none !important;
	    text-align:left !important;
		clear:both!important;
		background-color:#FFF!important;
	}
	#shutto-component-8 #Footer_Container{
		padding:3%;
		min-width:auto;
		max-width:auto;
		display:block;
	}
	#shutto-component-8 #Footer_Container .Left{
	    padding-top:0 !important;
		margin-right:0px!important;
		font-size:0px;
		padding-left:5%!important;
	}

	#shutto-component-8 ul{
	    margin:0;
	    list-style:none;
	    padding:0 !important;
	    overflow:hidden !important;
	}
	#shutto-component-8 li{
	    margin:0;
	    vertical-align:top;
	    display:block;
	    text-align:left;
	}
	#shutto-component-8 ul#f_navi_1,
	#shutto-component-8 ul#f_navi_2{
	    vertical-align:top;
	    box-sizing:border-box;
	    display:inline-block;
	}
	#shutto-component-8 ul#f_navi_1{
	    width:50% !important;
	}
	#shutto-component-8 #Footer_Container ul#f_navi_2{
	    width:50% !important;
	}
	#shutto-component-8 ul#f_navi_1 li,
	#shutto-component-8 ul#f_navi_2 li{
	    display:block;
		font-size:3.5vw;
		white-space:nowrap;
	}
	#shutto-component-8 ul#f_navi_1 li a,
	#shutto-component-8 ul#f_navi_2 li a{
	    font-weight:bold;
	    background:url(/shared_file/images/footer/arrow.png)0 0.9em no-repeat;
	    background-size:8px 10px;
	    padding-left:12px;
	    box-sizing:border-box;
		
	}
	#shutto-component-8 ul#f_navi_sns{
	    display:block;
	    box-sizing:border-box;
		position:relative!important;
		top:0px!important;
		left:0px!important;
	    width:100%!important;
	    text-align:center !important;
	    margin-bottom:10px;
		clear:both!important;
	}
	#shutto-component-8 ul#f_navi_sns li{
	    display:inline-block;
	}

	#shutto-component-8 ul#f_navi_3{
		    margin-top: 0em;
	}
	#shutto-component-8 ul#f_navi_3{
	    display:block;
	    text-align: left;
	}
	#shutto-component-8 #Footer_Container ul#f_navi_3 li{
	    display:inline-block;
	    width:50% !important;
	    text-align:left;
	    vertical-align:top;
		margin:0px;
		padding:0px;
		border-right:none;
	}
	#shutto-component-8 ul li a{
	    display:block;
	    padding:10px 0;
	    color:#633e2b;
	    text-decoration:none;
		font-size:3.5vw!important;
	}
	#shutto-component-8 ul#f_navi_3 li a:before {
	content: "|";
	margin-right:3px;
	font-weight: bold;
	}
	#shutto-component-8 div.Right{
	    text-align:center !important;
	    margin-top:25px;
	    padding-top: 20px;
	    display:block;
	}
	#shutto-component-8 #Footer_Container div.Right a{
		display:block!important;
		text-align:center!important;
		height:70px!important;
	}
	#shutto-component-8 div#copyright{
	    font-size:80%;
	    text-align:center !important;
	}
	#shutto-component-8 ul#f_navi_3 li a{
	    letter-spacing:-1.0px;
	    font-size:93%;
	    white-space:nowrap;
	}
	#shutto-component-8 a[href$="/campaign/"]{
	    letter-spacing:-1.5px;
	}
	#shutto-component-8  #Footer_Container .Right #copyright{
	    font-size: 10px !important;
	    color: #666 !important;
	    float: none !important;
	    font-family: Arial, Helvetica, sans-serif;
	}
	#shutto-component-8 #Footer_Container #searchform {
    width: 90%!important;
	margin:0 auto;
    background: none;
    border: solid 1px #CCC;
	border-radius:5px;
	box-sizing:border-box;
	height:30px!important;
	margin-bottom:15px;
	margin-top:10px;
	position:relative;
	}
	#shutto-component-8 #Footer_Container #searchform #searchBtn1 {
    top: 1.5px;
    right: 1px;
	position:absolute;
	width:45px!important;
	padding:0px;
	}
	#shutto-component-8 #Footer_Container #searchform #keywords1 {
    width: 90%!important;
	border:none;
	border-radius:5px;
	height:25px!important;
	position: absolute;
    top: 0px;
    left: 2px;
	}

.page_top{
	width:90%;
	margin:0 auto;
	margin-top:10px;
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
	box-sizing:border-box;
}
.page_top a{
	display:block;
	color: rgb(99, 62, 43);
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
	
	
	/*---------------------------------------------------------------
ニュースエリア
---------------------------------------------------------------*/
#news-wrapper #head_news_body .Left {
    display: none;
}
	#news-wrapper{background:none!important; padding:0px!important; }
          
	
	#news-wrapper #head_news{width:99%!important;padding-top:10px;padding-left:0px!important;padding-right:0px!important; margin-bottom:10px;}
	
	#head_news div img{width:100%; display:none;}
	
		#head_news table td.Left img{display:block;}
		#head_news table td.Left{padding-left:0;}
	#head_news_body{border:solid 1px #F00;background:#fff!important;line-height:1.4;}
	
	#head_news_body + div img{width:100%;}
	#news-wrapper #head_news {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 100%!important;
	
}

#news-wrapper .news_more, #news-wrapper .news_close{
	margin-bottom:10px;
}
#head_news_body .Right li {
    padding-bottom: 3px!important;
}
	
}