@charset "utf-8";

/*↓ここからリセットCSS*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
	display:block;
}

html{
	-webkit-text-size-adjust: 100%;
	background-color: #90326D;
}

body{
	color: #000;
	line-height: 1.5;
	font-size: 14px;
	font-family: 'New Tegomin', serif;;
}

img{
	border: 0;
	max-width: 100%;
	height: auto;
}

ul,ol{
	list-style-type: none;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

img, input, select, textarea { 
	vertical-align: middle;
}

a{
	color: #59220d;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover{
	color: #723C60;
}
a:hover img{
	opacity: 0.7;
}

/*↑ここまでリセットCSS*/

@media screen and (min-width: 768px) {
	html{
		-webkit-text-size-adjust: 100%;
		background-image: url(../images/murasakishikibu.png);
	}
}

/*container*/
.container {
	max-width: 940px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (min-width: 768px) {
	.container {
	padding-left: 40px;
	padding-right: 40px;
	}
}

/*↓ここからgrid*/
@media screen and (min-width: 768px) {
	/* 汎用2カラム,3カラム指定 */
	.pc-grid-col2,
	.pc-grid-col3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	/* 2カラムの列幅 */
	.pc-grid-col2 .col {
		width: 48.9361%; /* 460÷940×100 */
	}
	/* 3カラムの列幅 */
	.pc-grid-col3 .col {
		width: 31.9148%; /* 300÷940×100 */
	}
} 

/*↓ここからfooter*/
.footer{
	padding: 20px 0;
	background: #723C60;
}

.footer-info{
	margin-bottom: 20px;
}
.footer-info-ph img{
	box-sizing: border-box;
	border: #000 5px solid;
}
.footer-info-list{
	margin-bottom: 20px;
	width: 300px;
}
.footer-info-list dt{
	clear: left;
	float: left;
	width: 7em;
	margin-bottom: 10px;
}
.footer-info-list dd{
	margin-bottom: 10px;
	overflow: hidden;
}

@media screen and (min-width: 768px) {
	.footer-info {
		display: flex;
		justify-content: center;
	}
	.footer-info-ph {
		width: 31.9148%;
	}
	.footer-info-data {
		width: 65.9574%;
	}
}
/*↑ここまでfooter*/

/*ウィンドウ背景色の設定*/
body{
	background-color: rgba(255, 255, 255, 0.25);
}

/*リンク色の設定*/
a{
	color: #312543;
}
a:hover{
	color: #723C60;
	text-decoration: none;
}

/*文字の設定*/
h2{
	text-align: left;
}

@media screen and (min-width: 768px) {
	h2{
		font-size: 30px;
	}
}

h3{
	font-size: 25px;
}
h4{
	font-size: 25px;
	margin-bottom: 10px;
}

p{
	font-size: 20px;
	background: #ac6692;
	border-radius: 20px;
}


/*copyright*/
.copyright {
	text-align: center;
	background: #723C60;
}