@charset "utf-8";
/*
Theme Name: endo
Theme URI: http://theme.o2gp.com/
Description: aaa
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}
body {	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;	font-size: 14px;}
p{	line-height: 170%;	font-size: 14px;}
a {	color: #000000;	text-decoration: none;}
.white {	color: #FFFFFF;	text-decoration: none;}
a:hover{opacity:0.8;	filter: alpha(opacity=80);	-ms-filter: "alpha( opacity=80 )";}
a:active, a:focus {outline: 0;}
.clear{clear:both;}
.clear2 {clear: both;	height: 10px;}
.clear3 {clear: both;	height: 20px;}
.clear4 {clear: both;	height: 30px;}
.clear5 {clear: both;	height: 5px;}
.clear6 {clear: both;	height: 40px;}
.text_black{color: #000000;}
.text_red{color: #FF1F55;}
.text_blue{	color: #0000FF;}
.text_big{	font-size: 150%;}
.t_small1{ font-size: 90%;}
.t_small2{	font-size: 80%;}
.t_small3{ font-size: 70%;}
.t_center{	text-align: center;}
.t_left{	text-align: left;}
.t_right{	text-align: right;}
.left{ float:left;}
.right{ float:right;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font17{ font-size: 17px;}
.font18{ font-size: 18px;}
.font19{ font-size: 19px;}
.font20{ font-size: 20px;}
.font21{ font-size: 21px;}
.font22{ font-size: 22px;}
.font23{ font-size: 23px;}
.font24{ font-size: 24px;}
.font25{ font-size: 25px;}
.font26{ font-size: 26px;}
.margin10{	margin: 10px;}
.margin20{	margin: 20px;}
.margin30{	margin: 30px;}
.margin_b10{	margin-bottom: 10px;}
.margin_b20{	margin-bottom: 20px;}
.margin_b30{	margin-bottom: 30px;}
.margin_t10{	margin-top: 10px;}
.margin_t20{	margin-top: 20px;}
.margin_t30{	margin-top: 30px;}
.padding10{	padding:10px;}
.padding20{	padding:20px;}
.padding30{	padding:30px;}
.padding_b10{	padding-bottom: 10px;}
.padding_b20{	padding-bottom: 20px;}
.padding_b30{	padding-bottom: 30px;}
.padding_t10{	padding-top: 10px;}
.padding_t20{	padding-top: 20px;}
.padding_t30{	padding-top: 30px;}
.center {	text-align: center;}
ul{	list-style: none;	padding: 0;	margin:0;}
li{	list-style: none;	padding: 0;	margin:0;}
img {border-style:none;	padding: 0;	margin:0;}
.centered { margin: 0 auto; }
.box_l {float: left;width: 50%;}
.box_r {float: right;	width: 50%;}
table {	margin:0;	padding:0;}
.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;}
.box980 {	max-width: 980px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box960 {	max-width: 960px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box890 {	height: auto;	max-width: 890px;	width: 100%;	margin-left: 70px;}
.box800 {	height: auto;	max-width: 800px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box760 {	height: auto;	max-width: 760px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box700 {	height: auto;	max-width: 700px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box680 {	height: auto;	max-width: 680px;	width: 100%;	margin-right: auto;	margin-left: auto;}

.justify{text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;}

.pc{ display:block;} .sp{ display:none;}
@media screen and (max-width: 640px) {
.pc{ display:none;} .sp{ display:block;}
}
#link1 {margin-top:-150px;	padding-top:150px;}
#link2 {margin-top:-150px;	padding-top:150px;}
#link3 {margin-top:-150px;	padding-top:150px;}
#link4 {margin-top:-150px;	padding-top:150px;}
#link5 {margin-top:-150px;	padding-top:150px;}
#link6 {margin-top:-150px;	padding-top:150px;}
#link7 {margin-top:-150px;	padding-top:150px;}
#link8 {margin-top:-150px;	padding-top:150px;}
#link9 {margin-top:-150px;	padding-top:150px;}

/*************
全体
*************/
#header{
    background-image: url(https://endo-danpatsu.com/wp-content/themes/endo/images/header/topimages.png);
    /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;

   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
    height: 1000px;
    position: relative;
    z-index: 0;
}
h1{
    width: 100%;
    max-width: 400px;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
}
.kaisai{
    height: auto;
    width: 100%;
    max-width: 380px;
    z-index: 1;
	position: absolute;
	top: 380px;
    right: 20px;
    background-color: #2D7097;
	padding-bottom: 10px;
}
.kaisai_text{
    color: #FFFFFF;
    text-align: center;
	font-size: 140%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: bold;
    letter-spacing: 8px;
}
.kaisai2{
    height: auto;
    width: 100%;
    max-width: 360px;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
	padding-bottom: 5px;
}
.kaisai_text2{
    color: #333333;
    text-align: center;
	font-size: 140%;
    font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: bold;
    letter-spacing: 2px;
}
.kaisai_text3{
    color: #333333;
    text-align: center;
	font-size: 200%;
    font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: bold;
    letter-spacing: 2px;
}
.aerea {
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 10px;
	
}
.basyo {
    font-size: 140%;
    font-family: "Zen Antique", serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 19px;
    background-color: #A9B216;
    margin-top: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 2.2%;
    padding-left: 3%;
    float: left;
    color: #FFFFFF;
}
.basyo2 {
    text-align: center;
    font-size: 140%;
     font-family: "Zen Antique", serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 0px;
    background-color: #A9B216;
	margin-top: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 2%;
    padding-left: 3%;
    float: left;
    color: #FFFFFF;
}
.ryougoku {
    text-align: center;
    font-size: 180%;
    font-family: "Zen Antique", serif;
    font-weight: 400;
    font-style: bold;
    letter-spacing: 4px;
    float: left;
    padding-left: 2%;
	padding-right: 1%;
}
#wrapper{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 170px;
}
.copy {
    width: 100%;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2%;
    float: left;
}
.aisatsu {
    text-align: center;
    font-size: 230%;
	font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
	letter-spacing: 5px;
	margin-top: 30px;
}
.aisatsu2 {
    text-align: center;
    font-size: 180%;
	font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
	letter-spacing: 2px;
	margin-top: 10px;
}
p.copy2 {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 130%;
    line-height: 220%;
	letter-spacing: 2px;
}
.nyumaku {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1%;
    padding-bottom: 2%;
}
.kansya {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2%;
}
.syomei {
    max-width: 280px;
    float: right;
}
.endouimage {
    width: 100%;
    max-width: 290px;
    margin-left: 20px;
    float: right;
    margin-top: 30px;
}
.masu {
    width: 100%;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 30px;
}
.title_seki {
    width: 100%;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    background-color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 180%;
    font-family: "Zen Antique", serif;
    font-weight: 400;
    font-style: bold;
    letter-spacing: 4px;
    color: #FFFFFF;
    margin-top: 20px;
}
.masu {
    width: 100%;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
#header{
    background-image: url(https://endo-danpatsu.com/wp-content/themes/endo/images/header/topimages2.png);
    /* 画像を常に天地左右の中央に配置 */
  background-position: top;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;

   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
    height: 900px;
    position: relative;
    z-index: 0;
}
h1{
    width: 100%;
    max-width: 300px;
    position: absolute;
    z-index: 1;
    top: 300px;
    right: none;
	left: 0;
    margin-right: auto;
    margin-left: auto;
}
	#wrapper{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 280px;
}
.box980 {
    max-width: 768px;
    width: 90%;
    padding-right: 2%;
    padding-left: 2%;
}
.kaisai{
    height: auto;
    width: 100%;
    max-width: 768px;
    z-index: 1;
	position: absolute;
	top: 800px;
    left: 0px;
    background-color: #2D7097;
	padding-bottom: 10px;
}
p.copy2 {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 130%;
    line-height: 180%;
	letter-spacing: 2px;
}
.endouimage {
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    float: none;
    margin-top: 30px;
    margin-right: auto;
}
.endou_left {
    width: 100%;
    max-width: 180px;
    float: left;
}
.endou_right {
    width: 100%;
    max-width: 180px;
    float: right;
}
}