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


.shop{
	padding-top: 35px;
	border-top: dotted 2px #444;
	}	

@media screen and (min-width : 721px ) and ( max-width : 1090px ){
.content {
	margin: 0 0 auto;
	padding: 30px 30px 40px;
	background-color: black;
	color: white;
}
	h2{
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  2.0em;           /* 文字サイズ指定 */
    border-bottom: solid 3px;   /* 線指定 */
	padding-left: 10px;
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
}
	
h2:before {
    content:  '';               /* 空白の要素を作る */
    width: 100%;                /* 幅指定 */
    height: 1px;                /* 高さ指定 */
    background-color: #000;     /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    bottom: -6px;               /* 位置調整 */
}

h3{
	margin-top: -10px;
	font-size: 80%;
	padding-left: 10px;
}

h4{
	border-left: solid 4px white;
	font-size: 120%;
	padding-left: 5px;
	margin-top: 10px;
	
}
	
.content-text{
	padding: 10px 20px 50px;
}

	.footer{marigin: 0px;}
	
}


@media screen and (min-width : 1091px ) and ( max-width : 2000px ){
	
.content {
	margin: 0 0 auto;
	padding: 30px 100px 40px;
	background-color: black;
	color: white;
	
}

h2{
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  2.0em;           /* 文字サイズ指定 */
    border-bottom: solid 3px;   /* 線指定 */
	padding-left: 10px;
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
	
}
	
h2:before {
    content:  '';               /* 空白の要素を作る */
    width: 100%;                /* 幅指定 */
    height: 1px;                /* 高さ指定 */
    background-color: #000;     /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    bottom: -6px;               /* 位置調整 */
}

h3{
	margin-top: -10px;
	font-size: 80%;
	padding-left: 10px;
}
	
h4{
	border-left: solid 4px white;
	font-size: 120%;
	padding-left: 5px;
	margin-top: 10px;
}

	
	
.content-text{
	padding: 10px 30px 50px;
	font-color: white;
}

}

@media screen and (max-width: 720px){

	.page-header{background-color:black;
	}

	
.content {
	margin: 0 0 auto;
	padding: 30px 30px 40px;
	background-color: black;
	color: white;
}


	
h2{
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  2.0em;           /* 文字サイズ指定 */
    border-bottom: solid 3px;   /* 線指定 */
	padding-left: 10px;
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
}
	
h2:before {
    content:  '';               /* 空白の要素を作る */
    width: 100%;                /* 幅指定 */
    height: 1px;                /* 高さ指定 */
    background-color: #000;     /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    bottom: -6px;               /* 位置調整 */
}

h3{
	margin-top: -10px;
	font-size: 80%;
	padding-left: 10px;
}

h4{
	border-left: solid 4px white;
	font-size: 120%;
	padding-left: 5px;
	margin-top: 10px;
	
}
	
.content-text{
	padding: 10px 20px 50px;
}

	.footer{marigin: 0px;}
	
}