@charset "utf-8";
/************************************************************************************/
/* 【MainMenu】【SaikoujiとTempleGeneratorで共用(共通仕様)する】 */
/* 【重要】【MainMenuを更新する場合は、まずSaikoujiでテストする。】 */
/* 【その後、OKであればTempleGeneratorへコピーして使用する。】 */
/* 【重要】【.HamburgerMenu-togglerのleft: calc(800px - 50px + 28px);の、 */
/* 「+34px」は、Saikoujiの場合はつけて、TempleGeneratorの場合は外す】 */
/* 【機能】 SaikoujiとTempleGeneratorのMainMenu(メインメニュー)を定義 */
/* 2026/04/10 @001 「#Pageと#MainAllと#Mainを」CssStyle.cssからCssMainMenu.cssへ移動した */
/************************************************************************************/
/* ================================================================================ */
/* ================================================================================ */
/* MainMenu-nav-TopItemの個別設定【開始】 */
/* ================================================================================ */
/* ================================================================================ */
/*******************************************/
/* 【MainMenuBorderの定義】 */
/* MainMenuBorderの一番外側の枠の定義 */
/*******************************************/
.MainMenuBorder{
/*margin 上、右、下、左*/
margin: 0px 0px 1px 0px;
/*padding 上、右、下、左*/
padding: 0px 0px 0px 0px;
border-radius: 7px;
background-image: linear-gradient(0deg, #FFF0F0 0%,#FFFEFE 50%, #FFFEFE 80%,#FFEAEA 100%);
background-image: linear-gradient(0deg, #F8F8FF 0%,#FEFFFF 50%, #FFFFFF 80%,#EAEAFF 100%);
}
/*【黄色系】(1) */
.MainMenuBorder1 {
background-image: linear-gradient(0deg, #440 0%,#AA0 20%,#EE0 60%,#FF0 80%,#FF8 100%);
background-image: linear-gradient(0deg, #220 0%,#880 5%,#AA0 15%,#CC0 30%,#FF0 85%,#FFD 100%);
color: #FFF;
color: #00F;
border-bottom: 3px solid #05F;
border-top: 0px solid #05F;
border-left: 3px solid #05F;
border-right: 3px solid #05F;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/*【緑色系】(2) */
.MainMenuBorder2 {
background-image: linear-gradient(0deg, #040 0%,#080 35%,#0C0 70%,#0F0 100%);
background-image: linear-gradient(0deg, #020 0%,#0A0 20%,#0D0 70%,#0F0 85%,#CFC 100%);
color: #FF0;
/* border: 2px solid #0A0;*/ /*線の太さ・色*/
border-bottom:2px solid #0A0;
border-top: 0px solid #0A0;
border-left: 2px solid #0A0;
border-right: 2px solid #0A0;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/*【赤色系】(3) */
.MainMenuBorder3 {
background-image: linear-gradient(0deg, #400 0%,#800 35%,#C00 70%,#F00 100%);
background-image: linear-gradient(0deg, #200 0%,#800 10%,#F00 45%,#F11 70%,#F33 85%,#FAA 100%);
color: #FFF;
border-bottom:4px solid #800;
border-top: 4px solid #800;
border-left: 4px solid #800;
border-right: 4px solid #800;
/* border-radius: 6px;*/ /*角の丸み*/
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/*【青色系】(4) */
.MainMenuBorder4 {
background-image: linear-gradient(0deg, #004 0%,#008 35%,#00C 70%,#00F 100%);
background-image: linear-gradient(0deg, #002 0%,#008 10%,#00F 45%,#11F 70%,#33F 85%,#AAF 100%);
color: #FFF;
/* border-bottom:1px solid #00F;
border-top: 2px solid #00F;
border-left: 2px solid #00F;
border-right: 2px solid #00F;
*/
border-bottom:2px solid #00F;
border-top: 0px solid #00F;
border-left: 2px solid #00F;
border-right: 2px solid #00F;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/*【紫色系】(5) */
.MainMenuBorder5 {
background-image: linear-gradient(0deg, #204 0%,#508 35%,#80C 60%,#80C 90%,#EDF 100%);
background-image: linear-gradient(0deg, #001 0%, #204 10%,#508 35%,#80C 70%,#A0F 80%,#EDF 100%);
color: #FFF;
/* border-bottom:1px solid #A0F;
border-top: 2px solid #A0F;
border-left: 2px solid #A0F;
border-right: 2px solid #A0F;
*/
border-bottom:2px solid #A0F;
border-top: 0px solid #A0F;
border-left: 2px solid #A0F;
border-right: 2px solid #A0F;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/*【だいだい色系】(6) */
.MainMenuBorder6 {
color: #00F;
color: #FFF;
border-bottom:3px solid #F70;
border-top: 3px solid #F70;
border-left: 3px solid #F70;
border-right: 3px solid #F70;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
background-image: linear-gradient(0deg, #420 0%,#840 35%,#FFFEFD 70%,#F90 100%);
background-image: linear-gradient(0deg, #210 0%,#630 35%,#A60 70%,#F90 100%);
background-image: linear-gradient(0deg, #630 0%,#A60 35%,#F90 70%,#FD8 100%);
background-image: linear-gradient(0deg, #630 0%,#A60 35%,#E80 70%,#FB4 100%);
background-image: linear-gradient(0deg, #B80 0%,#D90 35%,#FB0 70%,#FD8 100%);
}
/*【ピンク系】(7) */
.MainMenuBorder7 {
background-image: linear-gradient(0deg, #404 0%,#808 35%,#C0C 70%,#F0F 100%);
background-image: linear-gradient(0deg, #404 0%,#828 35%,#C4C 70%,#F8F 100%);
color: #FFF;
/* border-bottom:1px solid #F0F;
border-top: 2px solid #F0F;
border-left: 2px solid #F0F;
border-right: 2px solid #F0F;
*/
border-bottom:2px solid #F0F;
border-top: 0px solid #F0F;
border-left: 2px solid #F0F;
border-right: 2px solid #F0F;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/*【水色系】(8) */
.MainMenuBorder8 {
background-image: linear-gradient(0deg, #040 0%,#080 35%,#0C0 70%,#0F0 100%);
background-image: linear-gradient(0deg, #044 0%,#088 35%,#0CC 70%,#0FF 100%);
background-image: linear-gradient(0deg, #088 0%,#0BB 35%,#0DD 70%,#0FF 100%);
background-image: linear-gradient(0deg, #022 0%,#066 35%,#0AA 70%,#0FF 100%);
color: #FF0;
/* border-bottom:1px solid #080;
border-top: 2px solid #040;
border-left: 2px solid #040;
border-right: 2px solid #040;
border-bottom:1px solid #088;
border-top: 2px solid #044;
border-left: 2px solid #044;
border-right: 2px solid #044;
*/
border-bottom:3px solid #00C;
border-top: 0px solid #00C;
border-left: 3px solid #00C;
border-right: 3px solid #00C;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/*【茶色系】(9) */
.MainMenuBorder9 {
background-image: linear-gradient(0deg, #421 0%,#852 35%,#B74 70%,#FA6 100%);
background-image: linear-gradient(0deg, #100 0%, #421 10%,#852 35%,#B74 70%,#FA6 90%,#FED 100%);
color: #FFF;
/* border-bottom:1px solid #B74;
border-top: 2px solid #B74;
border-left: 2px solid #B74;
border-right: 2px solid #B74;
*/
border-bottom:2px solid #420;
border-top: 0px solid #420;
border-left: 2px solid #420;
border-right: 2px solid #420;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
/**************************/
/* MainMenu-nav-Allの定義 */
/**************************/
.MainMenu-nav-All{
/*margin 上、右、下、左*/
margin: 3.5px 3.5px 3.5px 3.5px;
margin: 0px 0px 0px 0px;
/*padding 上、右、下、左*/
padding: 6px 0px 6px 0px;
display: block;
display: inline-flex;
display: flex;
border-radius: 0px;
}
/* ===== MainMenu-nav-Allの個別の定義 ===== */
/*******************/
/*MainMenu-nav-All1(黄色系) */
/*******************/
.MainMenu-nav-All1 {
border-top: 4.5px solid #00F;
border-bottom: 4.5px solid #66F;
background-image: linear-gradient(0deg, #FF0 0%,#880 80%, #880 90%,#CC0 100%);/*黄色系*/
background-image: linear-gradient(0deg, #FFF 0%,#888 80%, #888 90%,#CCC 100%);/*灰色系*/
}
/*******************/
/*MainMenu-nav-All2,8(緑系) */
/*******************/
.MainMenu-nav-All2,.MainMenu-nav-All8 {
border-top: 4.5px solid #0F0;
border-bottom: 4.5px solid #9F9;
background-image: linear-gradient(0deg, #66F 0%,#008 80%, #008 90%,#00C 100%);/*青系*/
background-image: linear-gradient(0deg, #F66 0%,#800 80%, #800 90%,#C00 100%);/*赤系*/
background-image: linear-gradient(0deg, #0F0 0%,#080 80%, #080 90%,#0C0 100%);/*緑系*/
}
/*********************/
/*MainMenu-nav-All3(赤系) */
/*********************/
.MainMenu-nav-All3 {
border-top: 4.5px solid #F00;
border-bottom: 4.5px solid #F66;
background-image: linear-gradient(0deg, #0F0 0%,#080 80%, #080 90%,#0C0 100%);/*緑系*/
background-image: linear-gradient(0deg, #66F 0%,#008 80%, #008 90%,#00C 100%);/*青系*/
background-image: linear-gradient(0deg, #F66 0%,#800 80%, #800 90%,#C00 100%);/*赤系*/
background-image: linear-gradient(0deg, #FCC 0%,#C44 70%, #E00 85%, #F00 90%,#C00 100%);/*赤系*/
background-image: linear-gradient(0deg, #FFF 0%,#F88 70%, #F66 85%, #FAA 90%,#F00 100%);/*赤系*/
}
/**************************/
/*MainMenu-nav-All4(青系) */
/**************************/
.MainMenu-nav-All4 {
border-top: 4.5px solid #00F;
border-bottom: 4.5px solid #66F;
background-image: linear-gradient(0deg, #DDF 0%,#44C 70%, #00F 85%, #00A 90%,#00A 100%);/*青系*/
}
/*********************/
/*MainMenu-nav-All5(紫系) */
/*********************/
.MainMenu-nav-All5 {
border-top: 4.5px solid #A0F;
border-bottom: 4.5px solid #A0F;
background-image: linear-gradient(0deg, #CCF 0%,#44C 70%, #00F 85%, #00A 90%,#00A 100%);/*青系*/
background-image: linear-gradient(0deg, #DCF 0%,#84C 70%, #A0F 85%, #80B 90%,#508 100%);/*紫系*/
}
/*******************/
/*MainMenu-nav-All6(橙色系) */
/*******************/
.MainMenu-nav-All6 {
border-top: 4.5px solid #00F;
border-bottom: 4.5px solid #66F;
background-image: linear-gradient(0deg, #FF0 0%,#880 80%, #880 90%,#CC0 100%);/*黄色系*/
background-image: linear-gradient(0deg, #FFF 0%,#888 80%, #888 90%,#CCC 100%);/*灰色系*/
}
/*********************/
/*MainMenu-nav-All7(ピンク系) */
/*********************/
.MainMenu-nav-All7 {
border-top: 4.5px solid #F0F;
border-bottom: 4.5px solid #F6F;
background-image: linear-gradient(0deg, #FFF 0%,#F8F 70%, #F6F 85%, #FAF 90%,#F8F 100%);/*ピンク系*/
}
/*******************/
/*MainMenu-nav-All8(水色系) */
/*******************/
.MainMenu-nav-All8 {
box-sizing: border-box;
border-top: 4.5px solid #0FF;
border-bottom: 4.5px solid #6FF;
background-image: linear-gradient(0deg, #0FF 0%,#088 80%, #088 90%,#0CC 100%);/*水色系*/
background-image: linear-gradient(0deg, #CFF 0%,#088 80%, #088 90%,#0CC 100%);/*水色系*/
}
/*****************/
/*MainMenu-nav-All9(茶系) */
/*****************/
.MainMenu-nav-All9 {
border-top: 4.5px solid #842;
border-bottom: 4.5px solid #842;
background-image: linear-gradient(0deg, #F84 0%,#842 80%, #842 90%,#C63 100%);/*茶色系*/
background-image: linear-gradient(0deg, #FDC 0%,#842 80%, #842 90%,#C63 100%);/*茶色系*/
background-image: linear-gradient(0deg, #FDC 0%,#A63 80%, #842 90%,#EB8 100%);/*茶色系*/
}
/**************************/
/* MainMenu-nav-TopItemの定義 */
/**************************/
.MainMenu-nav-TopItem {
/*margin 上、右、下、左*/
margin: 3.5px 3.5px 3.5px 3.5px;
margin: 0.5px 3.5px 0.5px 3.5px;
margin: 0.5px 0px 0.5px 0px;
/*padding 上、右、下、左*/
padding: 0px 0px 0px 0px;
display: inline-block;
display: inline-flex;
box-sizing: border-box;
border: none; /*囲み線は不要*/
position: relative; /* 基準値とする */
text-align: left;
margin-right: 3px;/* 隣のメニュー項目との間隔 */
margin-right: 5px;/* 隣のメニュー項目との間隔 */
flex-shrink: 0; /* つぶれ防止 */
list-style: none;
background-image: linear-gradient(0deg, #CCF 0%,#44C 70%, #00F 85%, #00A 90%,#00A 100%);/*青系*/
}
.MainMenu-nav-TopItem a{
/*margin 上、右、下、左*/
margin: 0px 0px 0px 0px;
/*padding 上、右、下、左*/
padding: 5px 3px 5px 3px;/* ボタンと中の文字の余白 */
font-size : 16px ; /* トップメニューのボタンの文字の大きさ */
font-size : 22px ; /* トップメニューのボタンの文字の大きさ */
line-height: 1.2;/*
で改行した文字の改行間隔 */
text-align: center;
font-weight: none;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,1);
border-radius: 5px;
border-radius: 0px;
color: #FFF;
box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
background-image: linear-gradient(to bottom,
rgba(180, 180, 180, 1.0),
rgba(253, 253, 253, 1.0) 25%,
rgba(240, 240, 240, 1.0) 30%,
rgba(253, 253, 253, 1.0) 36%,
rgba(225, 225, 225, 1.0) 50%,
rgba(200, 200, 200, 1.0) 80%,
rgba(170, 170, 170, 1.0)
);
border-top: 1.5px solid #EEE;
border-left: 1.5px solid #EEE;
border-right: 2.5px solid #222;
border-bottom: 2.5px solid #222;
}
.MainMenu-nav-TopItemXXX a:hover,.MainMenu-nav-TopItemXXX a.Focus,.MainMenu-nav-TopItemXXX a.Focus:hover {
color: #FF0;
font-weight: bold;
text-shadow:none;
/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
background-image: linear-gradient(0deg, #800 0%,#F00 20%, #F00 30%,#F88 100%);
background-image: linear-gradient(0deg, #800 0%,#F00 10%, #F00 20%,#800 100%);
background-image: linear-gradient(0deg, #A00 0%,#F00 10%, #F00 20%,#800 70%,#300 100%);
border-top: 1.5px solid #200;
border-left: 1.5px solid #200;
border-right: 2.5px solid #F00;
border-bottom: 2.5px solid #F00;
border-top: 2.0px solid #200;
border-left: 2.0px solid #200;
border-right: 2.0px solid #F00;
border-bottom: 2.0px solid #F00;
}
/*---------------------------------------------------------------------------*/
/*MainMenu-nav-TopItemの個別設定。 */
/*---------------------------------------------------------------------------*/
/*【黄色系ボタン(1:Saikouji)】*/
.MainMenu-nav-TopItem1 a{
border-top: 1.5px solid #AAF;
border-left: 1.5px solid #AAF;
border-right: 1.8px solid #00F;
border-bottom: 1.8px solid #00F;
font-weight: bold;
text-shadow: -1px -1px #FFC, -1px 1px #FF4, 1px -1px #FF4, 1px 1px #FF4;/* 黄色系(4点版) */
text-shadow: -1px -1px #FF0, -1px 1px #FF0, 1px -1px #FF0, 1px 1px #FF0;/* 黄色系(4点版) */
color: #000;
color: #00C;
color: #00F;
}
/*【青系Hover(1)】*/
.MainMenu-nav-TopItem1 a:hover {
background-image: linear-gradient(to bottom, #88F, #EEF, #88F);
/*【上下２本線の色と太さ】*/
border-top: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 2px solid #555;
border-right: 2px solid #555;
}
/*【緑色系ボタン((2:西光寺))】*/
.MainMenu-nav-TopItem2 a {
border-top: 1.5px solid #EFE;
border-left: 1.5px solid #EFE;
border-right: 1.5px solid #2F2; /*緑色は色が強いため、2pxでなく1.5pxにする*/
border-bottom: 1.5px solid #2F2; /*緑色は色が強いため、2pxでなく1.5pxにする*/
text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;
}
/*【黄色系Hover(2)】*/
.MainMenu-nav-TopItem2 a:hover {
background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
background-image: linear-gradient(to bottom, #DD0, #FFE, #DD0);
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
/*【上下２本線の色と太さ】*/
border-top: 3px solid #00F;
border-bottom: 3px solid #00F;
}
/*【ピンク系ボタン(3:Saikoji)】*/
.MainMenu-nav-TopItem3 a{
border-top: 1.5px solid #FEE;
border-left: 1.5px solid #FEE;
border-right: 2px solid #F22;
border-bottom: 2px solid #F22;
color: #008;
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88,2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88;
text-shadow: 2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA,2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA;
text-shadow: 1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA,1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA;
}
/*【ピンク系Hover(3)】*/
.MainMenu-nav-TopItem3 a:hover{
color: #FFF;
background-image: linear-gradient(to bottom, #060, #DFD, #060);
background-image: linear-gradient(to bottom, #F8F, #FEF, #F8F);
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0,2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0;
text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
/*【上下２本線の色と太さ】*/
border-top: 2px solid #00F;
border-bottom: 2px solid #00F;
}
/*【青系ボタン(4:Bukkyou)】*/
.MainMenu-nav-TopItem4 a {
border-top: 1.5px solid #EEF;
border-left: 1.5px solid #EEF;
border-right: 2px solid #22F;
border-bottom: 2px solid #22F;
text-shadow: 2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F,2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F;
}
/*【青系Hover(4)】*/
.MainMenu-nav-TopItem4 a:hover {
background-image: linear-gradient(to bottom, #00A, #CCF, #00A);
background-image: linear-gradient(to bottom, #88F, #DDF, #88F);
background-image: linear-gradient(to bottom, #88F, #EEF, #88F);
/*【上下２本線の色と太さ】*/
border-top: 2px solid #555;
border-bottom: 2px solid #555;
}
/*【紫系ボタン(5:Bukyou)】*/
.MainMenu-nav-TopItem5 a {
border-top: 1.5px solid #FAE0FF;
border-left: 1.5px solid #FAE0FF;
border-right: 2px solid #A2F;
border-bottom: 2px solid #A2F;
text-shadow: 2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F,2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F;
text-shadow: 2px 2px 2px #A4F,-2px 2px 2px #A4F,2px -2px 2px #A4F,-2px -2px 2px #A4F,2px 2px 2px #A4F,-2px 2px 2px #A4F,2px -2px 2px #A4F,-2px -2px 2px #A4F;
color: #FF8;
}
/*【黄色系Hover(5)】*/
.MainMenu-nav-TopItem5 a:hover {
background-image: linear-gradient(to bottom, #A0A, #FCF, #A0A);
background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
background-image: linear-gradient(to bottom, #DD0, #FFF, #DD0);
/*【文字の色】*/
/*color: #000;*/
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;
text-shadow: 2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00,2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00;
text-shadow: 2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00,2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00;
/*【上下２本線の色と太さ】*/
border-top: 2px solid #F00;
border-bottom: 2px solid #F00;
}
/*【橙色系ボタン(6)】*/
.MainMenu-nav-TopItem6 a {
/* border-top: 1.5px solid #FFE;
border-left: 1.5px solid #FFE;
border-right: 1.5px solid #FF0;
border-bottom: 1.5px solid #FF0;
*/
border-top: 1.5px solid #AAF;
border-left: 1.5px solid #AAF;
border-right: 1.8px solid #00F;
border-bottom: 1.8px solid #00F;
text-shadow: 2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F,2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F;
text-shadow: 2px 2px 2px #FF8,-2px 2px 2px #FF8,2px -2px 2px #FF8,-2px -2px 2px #FF8,2px 2px 2px #FF8,-2px 2px 2px #FF8,2px -2px 2px #FF8,-2px -2px 2px #FF8;
text-shadow: 2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0,2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0;
text-shadow: 2px 2px 2px #FF4,-2px 2px 2px #FF4,2px -2px 2px #FF4,-2px -2px 2px #FF4,2px 2px 2px #FF4,-2px 2px 2px #FF4,2px -2px 2px #FF4,-2px -2px 2px #FF4;
text-shadow: 1px 1px 1px #FF4,-1px 1px 1px #FF4,1px -1px 1px #FF4,-1px -1px 1px #FF4,1px 1px 1px #FF4,-1px 1px 1px #FF4,1px -1px 1px #FF4,-1px -1px 1px #FF4;/*黄色系*/
text-shadow: .5px .5px .5px #F84,-.5px .5px .5px #F84,.5px -.5px .5px #F84,-.5px -.5px .5px #F84,.5px .5px .5px #F84,-.5px .5px .5px #F84,.5px -.5px .5px #F84,-.5px -.5px .5px #F84;/*橙色系*/
color:#00F;
color:#444;
}
/*【黄色系Hover(6)】*/
.MainMenu-nav-TopItem6 a:hover {
color: #FFF;
background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
background-image: linear-gradient(to bottom, #DD0, #FFE, #DD0);
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
/*【上下２本線の色と太さ】*/
border-top: 3px solid #00F;
border-bottom: 3px solid #00F;
}
/*【ピンク系ボタン(7)】*/
.MainMenu-nav-TopItem7 a{
color: #008;
border-top: 1.5px solid #FEE;
border-left: 1.5px solid #FEE;
border-right: 2px solid #F22;
border-bottom: 2px solid #F22;
text-shadow: 2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88,2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88;
text-shadow: 2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA,2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA;
text-shadow: 1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA,1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA;
}
/*【緑系Hover(7)】*/
.MainMenu-nav-TopItem7 a:hover{
color: #FFF;
background-image: linear-gradient(to bottom, #060, #DFD, #060);
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00,2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00;
text-shadow: 2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00,2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00;
text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;
text-shadow: 2px 2px 2px #A00,-2px 2px 2px #A00,2px -2px 2px #A00,-2px -2px 2px #A00,2px 2px 2px #A00,-2px 2px 2px #A00,2px -2px 2px #A00,-2px -2px 2px #A00;
/*【なし】【上下２本線の色と太さ】*/
}
/*【水色系ボタン(8)】*/
.MainMenu-nav-TopItem8 a {
border-top: 1.5px solid #EFE;
border-left: 1.5px solid #EFE;
border-right: 2.0px solid #2F2;
border-bottom: 2.0px solid #2F2;
text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;
text-shadow: 2px 2px 2px #088,-2px 2px 2px #088,2px -2px 2px #088,-2px -2px 2px #088,2px 2px 2px #088,-2px 2px 2px #088,2px -2px 2px #088,-2px -2px 2px #088;
text-shadow: 1px 1px 1px #088,-1px 1px 1px #088,1px -1px 1px #088,-1px -1px 1px #088,1px 1px 1px #088,-1px 1px 1px #088,1px -1px 1px #088,-1px -1px 1px #088;
color: #FFE;
}
/*【黄色系Hover(8)】*/
.MainMenu-nav-TopItem8 a:hover {
color: #FFF;
background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
background-image: linear-gradient(to bottom, #DD0, #FFE, #DD0);
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
/*【上下２本線の色と太さ】*/
border-top: 3px solid #00F;
border-bottom: 3px solid #00F;
}
/*【茶色系ボタン(9:Lilipop)】*/
.MainMenu-nav-TopItem9 a{
border-top: 1.5px solid #FEC;
border-left: 1.5px solid #FEC;
border-right: 2px solid #A62;
border-bottom: 2px solid #A62;
color: #008;
color: #FFF;
/*【文字の縁取り】*/
text-shadow: 1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA,1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA;
text-shadow: 2px 2px 2px #753,-2px 2px 2px #753,2px -2px 2px #753,-2px -2px 2px #753,2px 2px 2px #753,-2px 2px 2px #753,2px -2px 2px #753,-2px -2px 2px #753;
}
/*【茶色系Hover(9)】*/
.MainMenu-nav-TopItem9 a:hover{
background-image: linear-gradient(to bottom, #F8F, #FEF, #F8F);
background-image: linear-gradient(to bottom, #FA7, #A85, #753);
/*【文字の縁取り】*/
text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
/*【上下２本線の色と太さ】*/
border-top: 2px solid #00F;
border-bottom: 2px solid #00F;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
/* ================================================================================ */
/* MainMenu-nav-TopItemの個別設定【終了】 */
/* ================================================================================ */
/* ********************************** */
.MainMenu-nav-TopItem:last-child {
margin-right: 0;/* 最後のメニュー項目の間隔 */
}
.MainMenu-nav-SubItem {
}
.MainMenu-nav-SubItem a{
border:none;
background: transparent;
text-decoration: none;
text-shadow: none;
}
.MainMenu-nav-MainSubItem {
/*margin 上、右、下、左*/
margin: 0px 0px 0px 0px;
/*padding 上、右、下、左*/
padding: 5px 3px 5px 3px;/* ボタンと中の文字の余白 */
padding: 5px 3px 5px 3px;/* ボタンと中の文字の余白 */
text-align: center;
text-align: left;
line-height: 3.9;/*
で改行した文字の改行間隔 */
border: 3.5px double #00F; /*線の太さ・色*/
}
.MainMenu-nav-MainSubItem a{
font-size : 13px ; /* サブメニューのボタンの文字の大きさ */
font-size : 15px ; /* サブメニューのボタンの文字の大きさ */
font-size : 18px ; /* サブメニューのボタンの文字の大きさ */
line-height: 1.2;/* サブメニューの
で改行した文字の改行間隔 */
line-height: 1.8;/* サブメニューの
で改行した文字の改行間隔 */
font-weight: none;
font-weight: normal;
text-decoration: none;
border-radius: 5px;
border-radius: 0px;
color: #000;
}
.MainMenu-nav-MainSubItem a:hover,.MainMenu-nav-MainSubItem a.Focus,.MainMenu-nav-MainSubItem a.Focus:hover{
color: #FF0;
font-weight: bold;
text-shadow:none;
/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
background-image: linear-gradient(0deg, #A00 0%,#F00 10%, #F00 20%,#800 70%,#300 100%);
background-image: linear-gradient(0deg, #00A 0%,#00F 10%, #00F 20%,#008 70%,#003 100%);
}
/*****************************************************************************************/
/* .MainMenu-nav-MainSubItem a.MainMenu-ThisPage【重要】自分のファイルのメニューには、 */
/* $$$ChangeThisPage$$$を指定しておくと、「MainMenu-ThisPage」に変換される。 */
/*****************************************************************************************/
.MainMenu-nav-MainSubItem a.MainMenu-ThisPage{
color: #FF0;
font-weight: bold;
text-shadow:none;
/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
background-image: linear-gradient(0deg, #800 0%,#F00 20%, #F00 30%,#F88 100%);
background-image: linear-gradient(0deg, #800 0%,#F00 10%, #F00 20%,#800 100%);
background-image: linear-gradient(0deg, #A00 0%,#F00 10%, #F00 20%,#800 70%,#300 100%);
}
/* ****************************************************************************************** */
/* MainMenu-DropdownMainクラスは、Javascript(document.querySelectorAll)の中のみで使用される。 */
/* MainMenu-DropdownSubクラスは、Javascript(document.querySelectorAll)の中のみで使用される。 */
/* ****************************************************************************************** */
/*****************************************************************************************/
/* MainMenu-ThisPage【重要】自分のファイルのメニューには、$$$ChangeThisPage$$$を、 */
/* 指定しておくと、「MainMenu-ThisPage」に変換される。 */
/* 【重要】上の方へ持っていくと何故か動かなくなる。 */
/*****************************************************************************************/
.MainMenu-ThisPage{
border-bottom: 3px solid #F00;
border-top: 3px solid #F00;
border-right: 5px solid #F00;
border-left: 5px solid #F00;
border-radius: 6px;
}
/* 赤系(3),ピンク系(7) */
.MainMenu-ThisPage3,.MainMenu-ThisPage7{
border-bottom: 3px solid #00F;
border-top: 3px solid #00F;
border-right: 3px solid #00F;
border-left: 3px solid #00F;
border-bottom: 3px solid #FF0;
border-top: 3px solid #FF0;
border-right: 3px solid #FF0;
border-left: 3px solid #FF0;
border-radius: 6px;
border-bottom: 4px solid #0FF;
border-top: 4px solid #0FF;
border-right: 3px solid #0FF;
border-left: 3px solid #0FF;
}
.MainMenu-DropdownMain {
position: relative;
/* MainMenu-DropdownMainクラスは、Javascript(document.querySelectorAll)の中のみで使用される。 */
}
.MainMenu-DropdownSub {
/* MainMenu-DropdownSubクラスは、Javascript(document.querySelectorAll)の中のみで使用される。 */
}
/* 【MainMenuに必要開始】 */
/*
.MainMenu-nav-item {
display: inline-block;
margin-right: 25px;
}
*/
.MainMenu-DropdownMain {
position: relative;
}
.MainMenuShow-submenu .MainMenuSubmenu {
opacity: 1;
-webkit-transform: translate(0, 25px) scale(1);
transform: translate(0, 25px) scale(1);
pointer-events: auto;
}
.MainMenuSubmenu {
position: absolute;
top: 100%;
top: 70%;/*サブメニュー一覧の表示する縦方向の位置*/
left: 50%;
z-index: 100;
width: 200px;
width: 150px;
width: 170px;
width: 200px;
width: 250px;
margin-left: -100px;
margin-left: -40px;/*サブメニュー一覧の表示する横方向の位置*/
margin-left: -35px;/*サブメニュー一覧の表示する横方向の位置*/
background: #fff;
border-radius: 3px;
line-height: 1.46667;
margin-top: -5px;
box-shadow: 0 0 8px rgba(0,0,0,.3);
opacity:0;
-webkit-transform: translate(0, 0) scale(.85);
transform: translate(0, 0)scale(.85);
transition: transform 0.1s ease-out, opacity 0.1s ease-out;
pointer-events: none;
}
.MainMenuSubmenuRight {
margin-left: -123px;/*サブメニュー一覧の表示する横方向の位置*/
margin-left: -170px;/*サブメニュー一覧の表示する横方向の位置*/
}
.MainMenuSubmenu::after,
.MainMenuSubmenu::before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
height: 0;
}
.MainMenuSubmenu::after {
border-bottom-color: #fff;
border-bottom-color: #000;
border-bottom-color: #F00;
}
.MainMenuSubmenu::before {
margin-left: -13px;
border: 13px solid transparent;
border-bottom-color: rgba(0,0,0,.1);
-webkit-filter:blur(1px);
filter:blur(1px);
}
/*
.MainMenuSubmenu-items {
list-style: none;
padding: 10px 0;
}
*/
/* ================================================================================ */
/* ================================================================================ */
/* 【MainMenuクラス】【終了】 */
/* ================================================================================ */
/* ================================================================================ */
/* ================================================================================ */
/* ================================================================================ */
/* 【FrameBBクラス】【開始】 */
/* ================================================================================ */
/* ================================================================================ */
/* 【FrameBBクラス】【PC用とスマホ用の共通の設定】【開始】 */
/* 【機能Saikouji】MainMuneの中で、Saikoujiでページを前後に移動するボタンを囲う */
/* 枠のフレームを設定する */
/* 【機能TempleGen】MainMuneの中で、県・市区町村・寺院を前後に移動するボタンを */
/* 囲う枠のフレームを設定する */
/* ================================================================================ */
.FrameBB {
/*margin 上、右、下、左*/
margin: 2px 0px 2px 0px;
/*padding 上、右、下、左*/
padding: 0px 0px 0px 0px;
line-height:95%; /*ボタンの間隔*/
/*text-align: center;*//*htmlで指定するので不要*/
/*【Flexboxで要素を均等に配置】*/
/* justify-content: space-evenly; */ /*すべてのスペースが均等に分配される（要素間も端の余白も同じ）*/
/* justify-content: space-between; */ /*最初と最後の要素を端に寄せて、残りのスペースを均等に配置します*/
/* justify-content: space-around; /* /*各要素の前後に均等なスペースが入るが、端のスペースが半分になる*/
border-radius: 6px;
border-radius: 0px;
box-sizing: border-box;
/* box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;*/
/* background-image: linear-gradient(to bottom,
rgba(140, 140, 140, 1.0),
rgba(250, 250, 250, 1.0) 25%,
rgba(220, 220, 220, 1.0) 30%,
rgba(250, 250, 250, 1.0) 36%,
rgba(225, 225, 225, 1.0) 50%,
rgba(160, 160, 160, 1.0) 80%,
rgba(120, 120, 120, 1.0)
);
*/
}
/*******************/
/*FrameBB1(黄色系) */
/*******************/
.FrameBB1 {
border-top: 2px solid #00F;
}
/*******************/
/*FrameBB2(緑系) */
/*******************/
.FrameBB2 {
border-top: 2px solid #020;
}
/*********************/
/*FrameBB3(赤系) */
/*********************/
.FrameBB3 {
border-top: 1.5px solid #FFF;
}
/*********************/
/*FrameBB4(青系) */
/*********************/
.FrameBB4 {
border-top: 1.5px solid #FFF;
}
/*********************/
/*FrameBB5(紫系) */
/*********************/
.FrameBB5 {
border-top: 2px solid #A0F;
border-top: 1.5px solid #FFF;
}
/*********************/
/*FrameBB6(だいだい色系) */
/*********************/
.FrameBB6 {
border-top: 2px solid #F90;
border-top: 1.5px solid #FFF;
}
/*********************/
/*FrameBB7(ピンク系) */
/*********************/
.FrameBB7 {
border-top: 1.5px solid #F0F;
}
/*******************/
/*FrameBB8(水色系) */
/*******************/
.FrameBB8 {
border-top: 2px solid #0FF;
border-top: 1.5px solid #DFF;
}
/*****************/
/*FrameBB9(茶系) */
/*****************/
.FrameBB9 {
border-top: 2px solid #FFC;
border-top: 1.5px solid #FFC;
}
/* ================================================================================ */
/* ================================================================================ */
/* 【FrameBBクラス】【終了】 */
/* ================================================================================ */
/* ================================================================================ */
/* ================================================================================ */
/* ================================================================================ */
/* 【#Pageと#MainAllと#Mainの定義】【開始】 */
/* 2026/04/10 @014 「#Pageと#MainAllと#Mainを」CssStyle.cssからCssMainMenu.cssへ移動した */
/* ================================================================================ */
/* ================================================================================ */
/*全体のページの外枠 【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
#Page {
position: relative;/* Add 25/05/02 新ハンバーガーメニューのため */
/*margin 上、右、下、左*/
margin: 0px 0px 0px 0px;
/*padding 上、右、下、左*/
padding: 0px 0px 0px 0px;
width: 804px;
width: 834px;
max-width: 100%;
text-align: left;
}
/*ヘッダーとメニューの下の文書の外枠【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
.MainALL {
position: relative;/* Add 25/05/02 新ハンバーガーメニューのため */
/* margin 上、右、下、左 */
margin: 0px 0px 2px 0px;
/*padding 上、右、下、左*/
padding: 0px 0px 0px 0px;
background-color:#FFFFFF;
background-color:#DFD;
background-color:#FFFFEE;
float:left;
height:auto;
max-width: 100%;
white-space:normal;
border: 2px solid #C00; /*線の太さ・色*/
border-radius: 8px;
border-radius: 0px;
/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
box-sizing: border-box;
}
/*【黄色系】(1) */
.MainALL1 {
border: 2px solid #05F; /*線の太さ・色*/
}
/*【緑色系】(2) */
.MainALL2 {
border: 2px solid #0A0; /*線の太さ・色*/
}
/*【赤色系】(3) */
.MainALL3 {
border: 2px solid #C00; /*線の太さ・色*/
}
/*【青色系】(4) */
.MainALL4 {
border: 2px solid #00F; /*線の太さ・色*/
}
/*【紫色系】(5) */
.MainALL5 {
border: 2px solid #A0F; /*線の太さ・色*/
}
/*【だいだい色系】(6) */
.MainALL6 {
border: 2px solid #F70; /*線の太さ・色*/
}
/*【ピンク系】(7) */
.MainALL7 {
border: 2px solid #F0F; /*線の太さ・色*/
}
/*【水色系】(8) */
.MainALL8 {
border: 2px solid #0CC; /*線の太さ・色*/
}
/*【茶色系】(9) */
.MainALL9 {
border: 2px solid #630; /*線の太さ・色*/
}
/* ================================================================================ */
/* ================================================================================ */
/* 【#Pageと#MainAllと#Mainの定義】【終了】 */
/* 2026/04/10 @014 「#Pageと#MainAllと#Mainを」CssStyle.cssからCssMainMenu.cssへ移動した */
/* ================================================================================ */
/* ================================================================================ */
/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*---------------------------------------------------------------------------*/
/*【スマホ用の設定】スクリーン・サイズが640pixel以下の場合*/
/*---------------------------------------------------------------------------*/
/*@media screen and (max-width: 480px) {*/
/*570pxの理由は、Xpedia ZやGalaxy 4Sが360px × 568pxのため、横でもスマホ用にするため。*/
@media screen and (max-width: 640px) {
/******************************************/
/*共通部分の置き換え【スマホ用の設定】(開始)*/
/******************************************/
.MainMenu-nav-All{
/*padding 上、右、下、左*/
padding: 2px 0px 2px 0px;
}
.MainMenu-nav-TopItem {
/*padding 上、右、下、左*/
padding: 0px 0px 0px 0px;
margin-right: 5px;/* 隣のメニュー項目との間隔 */
margin-right: 0px;/* 隣のメニュー項目との間隔 */
}
.MainMenu-nav-TopItem a{
font-size : 18px ; /* トップメニューのボタンの文字の大きさ */
font-size : 17px ; /* トップメニューのボタンの文字の大きさ */
font-size : 16px ; /* トップメニューのボタンの文字の大きさ */
}
.MainMenuSubmenu {
width: 210px;
}
.MainMenu-nav-MainSubItem a{
font-size : 13px ; /* サブメニューのボタンの文字の大きさ */
font-size : 14px ; /* サブメニューのボタンの文字の大きさ */
}
/* ================================================================================ */
/* 【#Pageと#MainAllと#Mainの定義】【開始】 */
/* 2026/04/10 @014 「#Pageと#MainAllと#Mainを」CssStyle.cssからCssMainMenu.cssへ移動した */
/* ================================================================================ */
/*全体のページの外枠 【スマホ用の設定】
---------------------------------------------------------------------------*/
#Page {
max-width: 100%;
}
/*Mainの文書(サイドなしの場合)のPC画面との差異【スマホ用の設定】
---------------------------------------------------------------------------*/
.MainALL {
border-width:1px;
}
}