/*初期設定*/
@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box;
	margin:0;
	padding:0;
}
body{
	margin:0 auto;
	font-family:sans-serif;
	font-size:13px;
}

/*リンクのスタイル*/
a{
	text-decoration:none;
}
a:link{
 	text-decoration:none;
	color:#000000; 
}
a:visited{
	 text-decoration:none;
	 color:#000000;
}
a:active {
	 text-decoration:none;
	 color:#000000;
}
a:hover{ 
	text-decoration:underline;
	color:#000000; 
}

/*共通クラスレイアウト*/
.container{	
	width:1000px;	
}
/*ヘッダースタイル*/

.site_header {
    height: 75px;
    width: 1000px;
    background-color: #000000;
    overflow:hidden;
	margin:0 auto;

}

.header_left {
 	margin-left:100px;
 	height:75px;
 	margin-top:10px;
 	float: left;
}
.header_left span{
	display:inline-block;
	color:#ffffff;
	font-size:30px;
	line-height:75px;
	height:75px;
}
.header_mid {
  	margin-top:15px;
  	margin-left:30px;
	float: left;
 	
}
.header_mid p{
	display:inline-block;
	background-color:yellow;
	font-size:15px;
	font-weight:bold;
	padding:0 5px;
	margin-top:10px;

}
.header_right {
	float:right;
	width:100px;
	height:70px;
	margin:2px 50px 2px 0;
	border-right:2px rgba(255,255,255,0.8) solid;
	border-left:2px rgba(255,255,255,0.8) solid;
	text-align:center;
        color:#ffffff;
        position:relative;
}
.header_right a{
        color:#ffffff;
	/*background-color:;*/
}
/*↓カートの右上の数字のデザイン*/
.cart_in{
    position: absolute;
    top:0;
    right:16px;
    width:20px;
    height:20px;
    border-radius:10px;
    background:#f0840e;
    color:#fff;
    font-weight:bold;
}
/*
.header_right a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
*/
#top_contents{
	background-color:#000000;
	margin-bottom:10px;
	
}
#top_contents h5{
	color:#ffffff;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	margin:0;	
}
/*ここからメインスタイル*/
#main{
	width:800px;
	margin:0 auto;
}


/*メインのフロート*/
#main_left{
	float:left;
	width:198px;
	overflow:hidden;

}
#main_right{
	float:right;
	width:580px;
	margin-left:20px;

}

/*メイン左側のスタイル*/
/*バナー部分*/
.sidebar{
	font-size:14px;
	margin-bottom:10px;
	border-bottom:1px #000000 solid;
}
.sidebar_top{
	font-size:14px;
	margin-bottom:10px;
}
#side_banner{
	border:1px red solid;
	
}
#side_banner h3{
	color:red;
}

/*レスポンシブ用のグローバルナビ非表示↓*/
.for_responsive{
	display:none;
}
/*グローバルナビゲーション*/
#global_navi{
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:10px 0;
	font-size:13px;
}
#global_navi .current a:link{
	/*color:#fff000;*/
}
#global_navi ul{
	padding:0;
}
#global_navi li{
	display:inline-block;
	width:198px;
	position:relative;
	padding-bottom:1px;
	padding-left:0.2em;
}
#global_navi li:hover{
	border-bottom:1px solid #666;
	padding-bottom:0;
}
#global_navi li:after {
	content:">";
	position:absolute;
	top:0;
	right:0;
}
#global_navi li a{
	text-decoration:none;
}
/*営業日カレンダー*/
#side_calender h3{
	text-align:center;
}
#publish{
	
}
#publish img{
    width:100%;
}
#publish p img{
    width:98%;
}
#publish > p:nth-child(6) > img{
    width:30px;
}
#publish p{
	border:1px solid #000000;
	border-radius:2px;
	padding:2px;
	margin:2px 0;
	text-align:center;
}
#publish > p:nth-child(3){
    width: 30%;
    margin: 0 auto;
    border: none;
}

/*左側のふるさと納税の均等割り*/
#side_banner {
	width:100%;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
        text-justify: inter-ideograph;
}
#side_banner h3{
	margin-left:5px;
	margin-right:5px;
}
/*携帯用レスポンシブ*/
@media (max-width: 750px){
/*ヘッダー部分レイアウト*/
    *, *::before, *::after {
      box-sizing: border-box;
            margin:0;
            padding:0;
    }
    body{
            margin:0 auto;
            font-family:sans-serif;
    }
    /*リンクのスタイル*/
    a{
            text-decoration:none;
    }
    a:link{
            text-decoration:none;
            color:#000000; 
    }
    a:visited{
             text-decoration:none;
             color:#000000;
    }
    a:active {
             text-decoration:none;
             color:#000000;
    }
    a:hover{ 
		text-decoration:underline;
		color:#000000; 
    }
	.header_right a,.header_right a:link,.header_right a:visited,.header_right a:active{
		color:#ffffff; 
		font-weight:bold;
		position:absolute;
		right:10px;
	}
    header{
        width:100%;
    }
    header div#header_color,div.container{
        width:100%;
    }
    .site_header{
        width:100%;
            /*position:fixed;*/
    }
    .container{
            overflow:hidden;
    }
    .header_left{
            margin:0;
            width:90%;
            text-align:center;

    }
    .header_right{
        width:10%;
        height:100%;
        margin:0;
        padding:5px 5px 0 0;
        float:left;
        border:none;
    }
    .header_right a{
        display: block;
        font-size:10px;
    }
    .header_left .logo{
            width:250px;
            margin-top:15px;

    }
    /*ヘッダーレスポンシブ非表示部分*/
    .header_mid , .header_left span{
            display:none;
    }
    /*ここからメイン部分のレイアウト*/

    /*メイン左側部分のレイアウト*/
    #main{
            width:100%;
            margin:0 auto;
    }

    #top_contents{
        background-color:#000000;
        margin-bottom:1px;

    }
    #top_contents h5{
        color:#ffffff;
        font-size:15px;
        letter-spacing:1px;
        text-align:center;
        margin:0;	
    }

    /*メインのフロート*/
    #main_left{
        width:100%;
        margin-top:5px;
        text-align:center;
        clear:both;

    }

    #main_right{
        width:100%;
        clear:both;

    }
    /*メイン左側のスタイル*/
    /*バナー部分*/
    #main_visual{
        width:100%;
    }
    #main_visual img{
        width:100%;
    }
    aside.sidebar{
        width:100%;
    }
    .sidebar_top{
        font-size:14px;
        margin:0 auto 10px;
        width:98.5%;
    }
    .sidebar_top p{
        text-indent: 3em;
    }
    .sidebar_top #side_banner{
        text-align-last:left;
        padding:0 20%;
    }
    .sidebar_top #side_banner br{
        display: none;
    }
    #side_banner{

        border:1px red solid;
        width:100%;

    }
    #side_banner h3{
        color:red;
        text-align:left;
    }
    /*グローバルナビゲーション非表示*/
    .none{
        display:none;
    }
    /*レスポンシブ用グローバルナビゲーション表示*/
    .for_responsive{
        display:block;
    }

    /*レスポンシブ用グローバルナビ*/
    #responsive_navi{
        width:100%;
        margin-bottom:5px;
    }
    #responsive_navi ul{


    }
    #responsive_navi li{
        display:inline-block;
        width:100%;
        line-height:4em;
        border-radius:10px;
        text-align:center;
        border:1px solid #000000;
        margin-bottom:1px;
    }	
    #responsive_navi li a{
        display:block;
    }

    /*営業日カレンダー*/
    #side_calender h3{

    }
    #publish{
        margin-top:20px;
        width:40%;
        float:left;
    }
    #publish p{
        border:1px solid #000000;
        border-radius:2px;
        padding:2px;
        margin:2px 0;
    }
    table.calendar{
        float:left;
    }
    #side_calender{
        border-bottom:none;
        width:58%;
        float:left;
    }
    #side_calender > p{
        clear:both;
    }
    #side_calender table{
        margin-left:5%;
    }
    #publish > p:nth-child(3){
        width: 15%;
        margin: 0 auto;
        border: none;
    }
}
@media (max-width: 400px){
	.header_left{
		width:80%;
	}
	.header_right{
		width:18%;
	}
}