/* yamada basic css */

@import url("./yamada_pinnacle.css");

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

a.whitx {
color:#fff!important;
}

a.whitx:hover {
color:#eebbcb!important;
}

.mojired {
color:#c9171e!important;
}

.red {
color:#e2041b!important;
}

.sdwonly {
box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
}

.sdw {
box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
}

#sdw {
box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
}


.sdw:hover {
box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}

.tomei1 {
	-webkit-transition: 0.6s ;
	transition: 0.4s ;
}



#tomei2:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

/* ゆっくりにする場合は追加 */
#tomei2 {
	-webkit-transition: 0.6s ;
	transition: 0.4s ;
}

.tomei2:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

/* ゆっくりにする場合は追加 */
.tomei2 {
	-webkit-transition: 0.6s ;
	transition: 0.4s ;
}



.kadomaru4 {
   -moz-border-radius: 4px;    /* Firefox */
   -webkit-border-radius: 4px; /* Safari,Chrome */
   border-radius: 4px;         /* CSS3 */
}

#kadomaru4 {
   -moz-border-radius: 4px;    /* Firefox */
   -webkit-border-radius: 4px; /* Safari,Chrome */
   border-radius: 8px;         /* CSS3 */
}

.kadomaru8 {
   -moz-border-radius: 8px;    /* Firefox */
   -webkit-border-radius: 8px; /* Safari,Chrome */
   border-radius: 8px;         /* CSS3 */
}

#kadomaru8 {
   -moz-border-radius: 8px;    /* Firefox */
   -webkit-border-radius: 8px; /* Safari,Chrome */
   border-radius: 8px;         /* CSS3 */
}

.kadomaru12 {
   -moz-border-radius: 12px;    /* Firefox */
   -webkit-border-radius: 12px; /* Safari,Chrome */
   border-radius: 12px;         /* CSS3 */
}

#kadomaru12 {
   -moz-border-radius: 12px;    /* Firefox */
   -webkit-border-radius: 12px; /* Safari,Chrome */
   border-radius: 12px;         /* CSS3 */
}

.yama-font {
font-family:'M PLUS Rounded 1c',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
transform: rotate(0.03deg);

}
#yama-font {
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.yama-font2 {
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
}
#yama-font2 {
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}

.yama-font3 {
font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.mincho {
font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h1 {
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
}




@media screen and (min-width: 980px) { 
/* ここにPC用スタイルを記述 */ 

#respo-ON {
display:none;
width:0px;
}

.respo-ON {
display:none;
width:0px;
}

.hosoonly {
display:none;
}

.smaonly {
display:none;
}

}


@media screen and (max-width: 979px)  { 
/* ここにタブレット用スタイルを記述 */ 

#respo-none {
display:none;
width:0px;
}

.respo-none {
display:none;
width:0px;
}

.respos100 {
width:400px!important;
}

.respos99 {
width:99%!important;
margin-right:0px!important;
}

.respos98 {
width:98%!important;
margin-right:0px!important;
}

.hosoonly {
display:none;
}

.smaonly {
display:none;
}

.tabcenta {
text-align:center;
}

}


@media screen and (min-width: 768px)  { 
/* 768以上 */ 

.respo-ON2 {
display:none;
width:0px;
}

}

@media screen and (max-width: 767px)  { 
/* ここにタブスマ用スタイルを記述 */ 

.respo-none {
display:none;
width:0px;
}

.respo-none {
display:none;
width:0px;
}

.respos100 {
width:100%!important;
}

.respos99 {
width:99%!important;
margin-right:0px!important;
}

.respos98 {
width:98%!important;
margin-right:0px!important;
}

.sma-none {
display:none;
width:0px;
}

.hosoonly {
display:none;
}

.smaonly {
display:none;
}

.smacenta2 {
text-align:center;
}

.smawide {
width:98%!important;
padding:2px!important;
margin:0px!important;
}

}

@media screen and (min-width: 480px)  { 
/* 480以上 */ 

.sma-ON {
display:none;
width:0px;
}

}

@media screen and (max-width: 479px) { 
/* ここにスマほそ用スタイルを記述 */


#respo-none {
display:none;
width:0px;
}

.respo-none {
display:none;
width:0px;
}

.smamargin2 {
margin: 2px!important;
}

.smapadding2 {
padding: 2px!important;
}

.smapadding3 {
padding: 3px!important;
}

.smapadding6 {
padding: 12px!important;
text-align:left!important;
}

.hosoonly {
display:none;
}

.smaonly {
display:inline;
}

.smacenta {
text-align:center;
}

.smawide {
width:98%!important;
padding:2px!important;
margin:0px!important;
}

}



@media screen and (max-width: 359px) { 
/* ここに最細スタイルを記述 */

.smatx18 {
font-size:18px!important;
}

.smatx15 {
font-size:15px!important;
}

.smatx14 {
font-size:14px!important;
}

.smatx13 {
font-size:13px!important;
}
.smatx12 {
font-size:12px!important;
}
.smatx11 {
font-size:11px!important;
}
.smatx10 {
font-size:10px!important;
}

.smamargin2 {
margin: 2px!important;
}

.smapadding2 {
padding: 2px!important;
}

.smapadding6 {
padding: 3px!important;
}


.hosoonly {
display:inline!important;
}

.sma-none {
display:none;
}

.sma-none2 {
display:none;
width:0px;
}

.smawide {
width:99.5%!important;
padding:2px!important;
margin:0px!important;
}

}