@charset "UTF-8";


/** リセット **/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd,
header, footer, nav, article, section, adress {
	margin:0;
	padding:0;
}

html { 
	font-size: 62.5%; /*10px=1rem*/
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height:1.8;
	height: 100%;
}

p{
	font-size: 1.6rem;
}

h1, h2, h3, h4, p {
	margin:10px 0;
}

ul {
	list-style: none;
}

img {
	vertical-align:bottom;
}

a img {
	border:0;
}

a {
	text-decoration: none;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
.clearfix{
	display:block;
}

/*コンテンツ*/

.head_image{
    text-align: center;
	background-image:  url("img/onki.png"), url("img/kiku01.png"), url("img/kiku02.png"), url("img/kiku03.png");
    background-position: right top, left top, right top, right bottom;
	background-size: auto auto;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; 
}

.purple{
background-color: #B6B1D4;
}

.yoko, .happyo{
padding: 10px 0;
margin: 20px 0;
text-align: center;
}

h1 {
font-size: 2.8rem;
}

h2{
font-size: 2.4rem;
text-align: center;
color:#7862AF;
}

/*h3{
font-size: 1.8rem;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
color: #7862AF;
}*/

h3,h3.bumon2{
position: relative;
display: inline-block;
font-size: 2.1rem;
text-align: center;
padding: 0 60px;
}

h3:before, h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 3px;
  background-color: #7862AF;
}

h3:before {
  left:0;
}
h3:after {
  right: 0;
}

h3.bumon2:before, h3.bumon2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 3px;
  background-color: #70A5D9;
}

.hissu{
font-size: 1.2rem;
color:#c00;
}

.text_box{
display: inline-block;
text-align: left;
}

.text_box_l{
width: 90%;
max-width: 840px;
text-align: left;
margin:0 auto;
}

.catch{
display: inline-block;
text-align: center;
margin-top: 10px;
padding: 10px 1em;
border: 2px solid #FF8D1C;
background-color: #FFF8B6;
}

dl{
font-size: 1.6rem;
}

dt{
font-weight: bold;
margin-top: 10px;
}

dd{
margin-left: 1em;
}

dd span {
font-size: 2rem;
}

dd span.big {
font-size: 3rem;
}

dt:before{
content: "■ ";
color:#7862AF;
}

.bumon_box{
display: flex;
margin-bottom: 50px;
}

.bumon{
flex-basis: 50%;
}

.texts{
font-size: 1.4rem;
}

.sage1{
margin-left: 1em;
}

.chusyaku{font-size: 1.4rem;}

.sp_br{
display: none;
}

.toko_box{
border:1px solid #7862AF;
padding: 20px 20px;
margin: 20px 0;
}

.red{
color:#F00;
}

.dot {
border-top: 3px dotted #B6B1D4;
}

.kugiri{
margin: 60px 0 30px 0;
border-top: 6px dotted #EEBBE0;
}

.button_set{
text-align: center;
margin-top: 50px;
}

.button_set input[type="submit"]{
margin-right:3em;
}

table, tr, td{
border-collapse: collapse;
border:1px solid #999;
}

table{
margin-left: 2em;
}

td{
font-size: 1.4rem;
padding: 5px 0.5em;
}

td:nth-child(1){
text-align: right;
vertical-align: top;
background-color: #E7E6FF;
}

.photo{
text-align: center;
margin-bottom: 50px;
}

.photo img{
width: 100%;
}
.kakomi1{
border: 3px solid #DEA736;
padding: 5px 20px;
text-align: center;
}

.kakomi2{
border: 3px solid #CE637B;
padding: 5px 20px;
text-align: center;
}

.kakomi3{
border: 3px solid #A4CE63;
padding: 5px 20px;
text-align: center;
}

.sho{
font-size: 2.1rem;
font-weight: bold;
text-align: center;
}

.sho2{
font-size: 1.8rem;
font-weight: bold;
text-align: center;
padding: 5px 1em;
background-color: #DFF984;
border-radius: 20px;
}


.senpyo{
padding: 5px 20px;
background-color: #E9E0FF;
margin-top: 20px;
}

.sen_midashi{
font-size: 1.8rem;
font-weight: bold;
color: #4E3781;
}

.senpyo2{
padding: 5px 20px;
background-color: #E0F0FF;
margin-top: 20px;
}

.sen_midashi2{
font-size: 1.8rem;
font-weight: bold;
color: #3436A9;
}


.name{
font-size: 1.4rem;
text-align: right;
margin-top: 0;
}

.sakuhin{
display: inline-block;
text-align: left;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 2.4rem;
line-height: 2;
}

.sakuhin2{
text-align: left;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-left: 1em;
font-size: 1.8rem;
line-height: 1.6;
}

.name span{
font-weight: bold;
font-size: 1.8rem;
}

.midashi{
font-size: 1.8rem;
margin-left:1em;
color: #684610;
font-weight: bold;
}

.midashi2{
font-size: 1.8rem;
margin-left:1em;
color: #333333;
font-weight: bold;
}

.midashi:before{
content: '◆ ';
color: #c00;
}

.midashi2:before{
content: '◆ ';
color: #B90C28;
}

.comment{
margin-top: 20px;
padding: 10px 30px;
background-color: #FFFBCB;
font-size: 1.4rem;
line-height: 1.6;
}

.comment2{
margin-top: 20px;
padding: 10px 30px;
background-color: #FAD1D9;
font-size: 1.4rem;
line-height: 1.6;
}

hr{
height: 0;
margin:20px 0;
padding: 0;
border: 0;
border-top:2px solid #B6B1D4;
}

.iinkai{
font-size: 1.8rem;
margin-bottom: 40px;
text-align: center;
}

.shusai{
display:flex;
}

.left, .right{
text-align: center;
width: 50%;
}

.bu{
display: inline-block;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
padding:0 1em 1px;
border-bottom: 3px solid #B6B1D4;
}
.iin{
font-size: 1.6rem;
}
.iin span{
font-size: 1.2rem;
}

footer{
background-color:#7862AF;
}

.footer_inner{
width: 90%;
margin: 0 auto;
font-size: 1.4rem;
text-align: right;
color:#fff;
}


/* totop */

#pagetop {
	position: fixed;
	bottom: 80Px;
	height: 80px;
	width: 40px;
	z-index: 90;
	right: 0;
	/*margin-left: 400px;*/
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#pagetop p { font-size: 1.4rem; line-height:1em; font-weight: bold; }

#pagetop p span { font-size: 1.8rem; }

a#move_top { 
	display: block; 
	position:relative;
	cursor: pointer; 
	color: #fff; 
	text-decoration: none; 
	text-align: center; 
	line-height: 20px;
	height: auto; 
	width: 40px; 
	padding:12px 0 12px 0; 
	background-color: #AD9FD1;
	border-radius:10px 0 0 0;
}

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

.text_box_l{
max-width: 700px;
}

.bumon_box{
display: block;
}

.bumon{
flex-basis: auto;
}

.pc_br {
display: none;
}

}

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

.head_image{
	background-size: auto auto, 50% auto, 50% auto, 50% auto;
    background-position: right 10px top, left top, right top, right bottom;
}

.sp_br{
display: inline;
}

.text_box p{
font-size: 1.4rem;
}

table{
width: 90%;
max-width:640px;
margin-right:1em;
}
td:nth-child(1){
text-align: left;
}
tr,td{
display: block;
width: auto;
border:none;
}

}

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

body{
    width: 480px;
}

.head_image{
	background-size: 100px auto, 50% auto, 50% auto, 50% auto;
    background-position: right 30px top, left top, right top, right bottom;
}

}

@media print{

h2{page-break-before: always;}

.bumon_box{
display: block;
}

.bumon{
flex-basis: none;
}

#pagetop, #move_top{
display: none;
}

}