/*
Theme Name:辛國神社
*/
@media screen and (min-width:801px) {
	.sp{
		display:none;
		}
	}

@media screen and (max-width:800px) {
	.pc{
		display:none;
	}

	.wrapper{
		width:400px
	}

	/*ヘッダーCSS開始*/	
	#default-page{
		background-image:url(images/sp/bg_header_sp.png) ;
		padding-top:24%;
	}

	.navi_button{
		background-image:url(images/sp/button_header_menu_sp.png);
		width:14%;
		padding-top:14%;
		top:5.335%;
		left:4%;
	}

	.navi_button.active{
		background-image:url(images/sp/button_menu_close_sp.png);
	}

	.navi_pc.active{
		padding-top:156%;
	}

	.navi.flex{
		top:16.667%;
	}

	.navi.flex li a{
		padding-top:6%;
	}

	.about a{
		background-image:url(images/sp/button_menu_01-1_sp.png);
		width:40%;
		left:4%;
	}

	.visit a{
		background-image:url(images/sp/button_menu_02-1_sp.png);
		width:24%;
		left:4%;
		margin-top:76%;
	}

	.event a{
		background-image:url(images/sp/button_menu_03_sp.png);
		width:20%;
		left:52%;
	}

	.prayer a{
		background-image:url(images/sp/button_menu_04_sp.png);
		width:16%;
		left:52%;
		margin-top:14%;
	}

	.wedding a{
		background-image:url(images/sp/button_menu_05.png);
		width:16%;
		left:52%;
		margin-top:28%;
	}

	.amulet a{
		background-image:url(images/sp/button_menu_06.png);
		width:28%;
		left:52%;
		margin-top:42%;
	}

	.child1{
		top:24.36%;
		left:5.75%;
	}

	.child2{
		top:73.077%;
		left:5.75%;
	}

	.navi_inflexible li a{
		background-position:left;
		padding-top:34.3%;
		margin-left:15%
	}

	.histry a{
		background-image:url(images/sp/button_menu_01-2_sp.png);
		width:102.86%;
	}

	.enshrined-deity a{
		background-image:url(images/sp/button_menu_01-3_sp.png);
		width:102.86%;
		margin-top:48.03%;
	}

	.divine-virtue a{
		background-image:url(images/sp/button_menu_01-4_sp.png);
		width:102.86%;
		margin-top:19.17%;
		margin-top:48.03%;
	}

	.connections a{
		background-image:url(images/sp/button_menu_01-5_sp.png);
		width:137.15%;
		margin-top:19.17%;
		margin-top:48.03%;
	}

	.access a{
		background-image:url(images/sp/button_menu_01-6_sp.png);
		width:205.73%;
		margin-top:19.17%;
		margin-top:48.03%;
	}

	.shrine-basics a{
		background-image:url(images/sp/button_menu_02-2_sp.png);
		width:205.73%;
	}

	.etiquette-seen-in-video a{
		background-image:url(images/sp/button_menu_02-3_sp.png);
		width:240%;
		margin-top:48.03%;
	}

	.nurturing-the-forest a{
		background-image:url(images/sp/button_menu_02-4_sp.png);
		width:137.15%;
		margin-top:48.03%;
	}

	/*スライドショーCSS開始*/
	.slideshow {
		padding-top:75%;
	}

	.slide_mob{
		width:100%;
		position: absolute;
		opacity: 0;
		transition: opacity 2s ease-in-out;
		text-align:center;
		top:0;	
	}

	.text_mob{
		background-image:url(images/sp/mv_main_title_sp.png);
		width:14%;
		padding-top:68%;
		z-index:2;
		position:absolute;
		top:4%;
		right:4%;
	}

	.slide_mob img{
		width:100%;
		height:auto;
	}
	/*スライドショーCSS終了*/
	/*ヘッダーCSS終了*/

	/*辛國神社よりCSS開始*/
	.bg_from{
		background-image:url(images/sp/from/title_news_sp.png);
		padding-top:14%;
		margin:10% 0;
	}
	
	.title_from{
		background-image:url(images/sp/from/title_home_news_sp.png);
		width:36%;
		padding-top:6%;
		margin:0 0 4% 4%;	
	}
	
	.from-list{
		position:static;
		width:92%;
		margin:0 auto;
	}
	
	li.post-item{
		padding:4.352% 0;
	}
	
	.date{
		display:block;
		width:100%;
	}
	
	span.date{
		margin-bottom:2.174%;
	}
	
	/*辛國神社より個別ページCSS開始*/
	.return span a{
		background-image:url(images/sp/from/button_backtolist_sp.png);
		width:54%;
		padding-top:6%;
	}
	
	
	/*辛國神社より個別ページCSS終了*/
	
	/*辛國神社より一覧ページCSS開始*/
	.form-list-to a{
		background-image:url(images/pc/about/button_home_newslist_pc.png);
		width:58.695%;
		padding-top:6.5217%;
		margin:4.3479% 0 17.392% 41.3045%;
	}
	
	.return-first span a{
		background-image:url(images/pc/from/button_backtohome_pc.png);
		width:42%;
		padding-top:6%;
		margin:14% 0 6% 0;
	}
	
	.page-numbers li{
		margin:12% 0 0 4%;
	}
	
	/*辛國神社より一覧ページCSS終了*/
	
	/*辛國神社についてCSS開始*/
	.about-karakuni-shrine{
		background-image:url(images/sp/about/title_home_about_sp.png);
		padding-top:40%;
		margin:10% 0;
	}
	
	/*御由緒*/
	.bg_histry{
		background-image:url(images/sp/about/bg_home_goyuisyo_sp.png);
		padding-top:210%;
		margin-top:0;
	}

	.common_goyuisyo.flex{
		top:3.81%;
	}

	.title.goyuisyo{
		background-image:url(images/sp/about/title_home_goyuisyo_sp.png);
		width:34%;
		padding-top:16%;
		left:4%;
	}

	.content.goyuisyo{
		background-image:url(images/sp/about/text_home_goyuisyo_sp.png);
		width:92%;
		padding-top:170%;
		left:4%;
		margin-top:24%;
	}

	/*御祭神*/
	.bg_enshrined-deity1{
		background-image:url(images/sp/about/deco_home_gosaijin_01_sp.png);
		padding-top:16%;
		margin:10% 0;
	}

	.bg_gosaijin{
		padding-top:120%;
	}

	.common_gosaijin.flex{
		top:0%;
	}

	.title.gosaijin{
		background-image:url(images/sp/about/title_home_gosaijin_sp.png);
		width:34%;
		padding-top:16%;
		left:4%;
	}

	.content.gosaijin{
		background-image:url(images/sp/about/text_home_gosaijin_sp.png);
		width:92%;
		padding-top:96%;
		left:4%;
		margin-top:24%;
	}

	.bg_enshrined-deity2{
		background-image:url(images/sp/about/deco_home_gosaijin_02_sp.png);
		width:100%;
		padding-top:28%;
		margin:10% 0;
	}

	/*御神徳*/
	.bg_goshintoku{
		background-image:url(images/sp/about/bg_home_goshintoku_sp.png);
		padding-top:404%;
	}

	.common_goshintoku.flex{
		top:1.9805%;
	}

	.title.goshintoku{
		background-image:url(images/sp/about/title_home_goshintoku_sp.png);
		width:34%;
		padding-top:16%;
		left:4%;
	}

	li.goshintoku1,li.goshintoku2,li.goshintoku3,li.goshintoku4,li.goshintoku5{	
		width:92%;
		left:4%;
	}

	.goshintoku1{
		background-image:url(images/sp/about/text_home_goshintoku_01_sp.png);
		padding-top:74%;
		margin-top:24%;
	}

	.goshintoku2{
		background-image:url(images/sp/about/text_home_goshintoku_02_sp.png);
		padding-top:64%;
		margin-top:106%;
	}

	.goshintoku3{
		background-image:url(images/sp/about/text_home_goshintoku_03_sp.png);
		padding-top:89%;
		margin-top:178%;
	}

	.goshintoku4{
		background-image:url(images/sp/about/text_home_goshintoku_04_sp.png);
		padding-top:58%;
		margin-top:274%;
	}

	.goshintoku5{
		background-image:url(images/sp/about/text_home_goshintoku_05_sp.png);
		padding-top:48%;
		margin-top:340%;
	}

	/*つながり*/
	.bg_tsunagari1{
		background-image:url(images/sp/about/deco_home_tsunagari_01_sp.png);
		padding-top:18%;
		margin:10% 0;
	}

	.bg_tsunagari{
		padding-top:152.5%;
	}

	.tsunagari{
		background-image:url(images/sp/about/title_home_tsunagari_sp.png);
		width:40%;
		padding-top:16%;
		left:4%;
		margin-top:0;
	}
	
	.common_tsunagari.flex{
		top:14.653%;
	}

	ul.common_tsunagari{
		padding-top:64%;
	}

	li.tsunagari1{
		margin-top:-64%;
	}
	
	li.tsunagari2{
		margin-top:0%;
	}

	.tsunagari1 a,.tsunagari2 a{
		width:82%;
		padding-top:64.5%;
	}

	.tsunagari1 a{
		background-image:url(images/sp/about/card_home_tsunagari_jinjacho_sp.png);
		left:10%;
	}

	.tsunagari2 a{
		background-image:url(images/sp/about/card_home_tsunagari_midori_sp.png);
		left:10%;
	}

	.bg_tsunagari2{
		background-image:url(images/sp/about/deco_home_tsunagari_02_sp.png);
		padding-top:14%;
		margin:10% 0;
	}

	/*交通のご案内*/
	.bg_access{
		background-image:url(images/sp/about/bg_home_access_sp.png);
		padding-top:228%;
	}

	.common_access.flex{
		top:3.509%;
	}

	.access1{
		background-image:url(images/sp/about/title_home_access_sp.png);
		width:54%;
		padding-top:16%;
		left:4%;
	}

	li.access2,li.access3,li.access4,li.access5,li.access6,li.access7,li.access8{
		left:10%;
	}

	li.access2{
		background-image:url(images/sp/about/text_home_access_01_sp.png);
		width:62%;
		padding-top:10%;
		margin-top:24%;
	}

	li.access3{
		background-image:url(images/sp/about/text_home_access_02_sp.png);
		width:80%;
		padding-top:10%;
		margin-top:40%;
	}

	li.access4{
		background-image:url(images/sp/about/text_home_access_03_sp.png);
		width:72%;
		padding-top:10%;
		margin-top:56%;
	}

	li.access5{
		background-image:url(images/pc/about/text_home_access_04_pc_2.png);
		width:64%;
		padding-top:24%;
		margin-top:72%;
	}

	li.access6{
		background-image:url(images/sp/about/text_home_access_05_sp.png);
		width:48%;
		padding-top:4%;
		margin-top:104%;
	}

	li.access7{
		background-image:url(images/sp/about/text_home_access_06_sp.png);
		width:72%;
		padding-top:4%;
		margin-top:112%;
	}

	li.access8{
		background-image:url(images/sp/about/text_home_access_07_sp.png);
		width:48%;
		padding-top:4%;
		margin-top:122%;
	}

	.map{
		position: absolute; 
		width:88%;
		padding-top:78%;
		left:4%;
		overflow:hidden;
		margin-top:132%;
	}

	iframe{
		position: absolute; 
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;	
	}

	.bg_deer{
		background-image:url(images/pc/about/deco_home_deer_pc.png);
		width:100%;
		padding-top:40%;
		margin:10% 0;
	}

	/*辛國神社についてCSS終了*/

	/*フッターCSS開始*/
	.bg_footer{
		background-image:url(images/sp/bg_footer_sp.png);
		padding-top:224%;
	}

	.navi.footer.flex{
		top:4.465%;
		left:4%;
	}

	.footer.child1{
		top:9.822%;
		left:10%;
	}

	.footer.child2{
		top:44%;
		left:10%;
	}

	.js-backToTop{
		background-image:url(images/sp/button_footer_pagetop.png);
		width:6%;
		padding-top:23%;
		bottom:40%;
		margin-left:calc(95% - 40px);
	}
	/*フッターCSS終了*/

	/*神社に参るCSS開始*/
	.bg_visit{
		background-image:url(images/sp/visit/title_mairu_sp.png);
		padding-top:82%;
		margin:10% 0;
	}

	.content_visit{
		display:none;
	}

	/*神社のいろは*/
	.bg_iroha{
		background-image:url(images/sp/visit/bg_mairu_iroha_sp.png);
		padding-top:108%;
	}

	.common_iroha.flex{
		top:7.408%;
	}

	.iroha{
		background-image:url(images/sp/visit/title_mairu_iroha_sp.png);
		width:54%;
		padding-top:16%;
		left:4%;
	}

	li.iroha1 a,li.iroha2 a,li.iroha3 a,li.iroha4,li.iroha5 a,li.iroha6 a{
		padding-top:6%;
	}

	li.iroha1 a,li.iroha2 a,li.iroha3 a,li.iroha4{
		left:4%;
	}

	li.iroha5 a,li.iroha6 a{
		left:14%;
	}

	li.iroha1 a{
		background-image:url(images/sp/visit/button_mairu_iroha_01_sp.png);
		width:30%;
		margin-top:24%;
	}

	li.iroha2 a{
		background-image:url(images/sp/visit/button_mairu_iroha_02_sp.png);
		width:45%;
		margin-top:38%;
	}

	li.iroha3 a{
		background-image:url(images/sp/visit/button_mairu_iroha_03_sp.png);
		width:55%;
		margin-top:52%;
	}

	li.iroha4{
		background-image:url(images/sp/visit/text_mairu_iroha_sp.png);
		width:36%;
		margin-top:66%;	
	}

	li.iroha5 a{
		background-image:url(images/sp/visit/button_mairu_iroha_04_sp.png);
		width:82%;
		margin-top:76%;
	}

	li.iroha6 a{
		background-image:url(images/sp/visit/button_mairu_iroha_05_sp.png);
		width:42%;
		margin-top:86%;
	}

	.bg_omikuji a{
		background-image:url(images/sp/visit/button_mairu_iroha_omikuji_sp.png);
		width:40%;
		padding-top:8%;
		margin:8% auto;
	}

	/*動画で見る作法*/
	.bg_sahou{
		background-image:url(images/sp/visit/bg_mairu_sahou_sp.png);
		padding-top:262%;
	}

	.common_sahou.flex{
		top:3.817%;
	}

	.sahou{
		background-image:url(images/sp/visit/title_mairu_sahou_sp.png);
		width:62%;
		padding-top:16%;
		left:4%;
	}

	.content.sahou1,.content.sahou2,.content.sahou3{
		width:92%;
		padding-top:12%;
		left:4%;
	}

	.content.sahou1{
		background-image:url(images/sp/visit/text_mairu_sahou_01_sp.png);
		margin-top:24%;
	}

	.content.sahou2{
		background-image:url(images/sp/visit/text_mairu_sahou_02_sp.png);
		margin-top:100%;
	}

	.content.sahou3{
		background-image:url(images/sp/visit/text_mairu_sahou_03_sp.png);
		margin-top:176%;
	}

	.douga.sahou1,.douga.sahou2,.douga.sahou3{
		width:91%;
		padding-top:49%;
		left:4%;
	}

	.douga.sahou1{	
		margin-top:40%;
	}

	.douga.sahou2{	
		margin-top:116%;
	}

	.douga.sahou3{	
		margin-top:191%;
	}

	/*杜を育む*/
	.bg_mori{
		background-image:url(images/sp/visit/bg_mairu_hagukumu_sp.png);
		padding-top:126%;
	}

	.common_mori.flex{
		top:49.2064%;
	}

	.title.mori{
		background-image:url(images/sp/visit/title_mairu_hagukumu_sp.png);
		width:38%;
		padding-top:16%;
		left:4%;
		margin-top:10%;
	}

	.content.mori{
		background-image:url(images/sp/visit/text_mairu_hagukumu_sp.png);
		width:92%;
		padding-top:18%;
		left:4%;
		top:0;
		margin-top:34%;
	}

	.scroll-box {
		width: 92%;
		padding-top:54%;
		left:4%;
	}

	.bg_common{
		background-image:url(images/sp/deco_common_clouds_sp.png);
		padding-top:18%;
		margin:10% 0;
	}
	/*神社に参るCSS終了*/

	/*年間行事CSS開始*/
	.bg_event{
		background-image:url(images/sp/event/title_gyoji_sp.png);
		padding-top:14%;
		margin:10% 0;
	}

	.gyouji1,.gyouji2,.gyouji3,.gyouji4,.gyouji5,.gyouji6,.gyouji7,.gyouji8,.gyouji9,.gyouji10{
		width:92%;
		margin:0 auto 10% auto;
	}

	.gyouji1{
		background-image:url(images/sp/event/card_gyoji_01_sp_2.png);
		padding-top:254%;	
	}

	.gyouji2{
		background-image:url(images/sp/event/card_gyoji_02_sp_2.png);
		padding-top:285%;	
	}

	.gyouji3{
		background-image:url(images/sp/event/card_gyoji_03_sp_2.png);
		padding-top:258%;
		margin-bottom:5%;
	}

	.bg_quarter2{
		background-image:url(images/sp/event/bg_gyoji_summer_sp.png);
		padding-top:460%;
	}

	.common_quarter2{
		top:1.087%;
	}

	.gyouji4{
		background-image:url(images/sp/event/card_gyoji_04_sp.png);
		padding-top:136%;
		margin-top:0;
	}

	.gyouji5{
		background-image:url(images/sp/event/card_gyoji_05_sp.png);
		padding-top:150%;	
	}

	.gyouji6{
		background-image:url(images/sp/event/card_gyoji_06_sp_2.png);
		padding-top:144%;
		margin-bottom:5%;
	}

	.gyouji7{
		background-image:url(images/sp/event/card_gyoji_07_sp_2.png);
		padding-top:258%;
		margin-top:5%;
	}

	.gyouji8{
		background-image:url(images/sp/event/card_gyoji_08_sp_2.png);
		padding-top:132%;
		margin-bottom:5%;
	}

	.bg_quarter4{
		background-image:url(images/sp/event/bg_gyoji_shiwasu_sp_2.png);
		padding-top:262%;
	}

	.common_quarter4{
		top:1.786%;
	}

	.gyouji9{
		background-image:url(images/sp/event/card_gyoji_09_sp_2.png);
		padding-top:252%;
	}

	.gyouji10{
		background-image:url(images/sp/event/card_gyoji_10_sp_2.png);
		padding-top:136%;
		margin-top:5%;
	}

	/*年間行事CSS終了*/

	/*御祈祷CSS開始*/
	.bg_prayer{
		background-image:url(images/sp/prayer/title_gokitou_sp.png);
		padding-top:14%;
		margin:10% 0;
	}

	.gokitou{
		background-image:url(images/sp/prayer/text_gokitou_01_sp.png);
		width:92%;
		padding-top:18%;
		margin:0 auto 10% auto;
	}

	.bg_gokitou{
		background-image:url(images/sp/prayer/bg_gokitou_sp_2.png);
		padding-top:1852%;
		margin:0 0 0 0; 
	}

	.common_gokitou{
		top:0;
	}

	.gokitou1,.gokitou2,.gokitou3,.gokitou4,.gokitou5,.gokitou6,.gokitou7,.gokitou8,.gokitou9,.gokitou10{
		width:92%;
		margin:10% auto 0 auto;
	}

	.gokitou1{
		background-image:url(images/sp/prayer/card_gokitou_01_sp_2.png);
		padding-top:162%;	
	}

	.gokitou2{
		background-image:url(images/sp/prayer/card_gokitou_02_sp.png);
		padding-top:144%;
	}

	.gokitou3{
		background-image:url(images/sp/prayer/card_gokitou_03_sp_2.png);
		padding-top:156%;
	}

	.gokitou4{
		background-image:url(images/sp/prayer/card_gokitou_04_sp.png);
		padding-top:196%;	
	}

	.gokitou5{
		background-image:url(images/sp/prayer/card_gokitou_05_sp_2.png);
		padding-top:234%;	
	}

	.gokitou6{
		background-image:url(images/sp/prayer/card_gokitou_06_sp.png);
		padding-top:142%;
	}

	.gokitou7{
		background-image:url(images/sp/prayer/card_gokitou_07_sp_2.png);
		padding-top:294%;	
	}

	.gokitou8{
		background-image:url(images/sp/prayer/card_gokitou_08_sp_2.png);
		padding-top:158%;	
	}

	.gokitou9{
		background-image:url(images/sp/prayer/card_gokitou_09_sp_2.png);
		padding-top:198%;
	}

	.gokitou10{
		background-image:url(images/sp/prayer/text_gokitou_02_sp.png);
		padding-top:60%;	
	}

	.bg_img_gokitou{
		background-image:url(images/sp/prayer/img_gokitou_sp_2.jpg);
		padding-top:66%;
	}
	/*御祈祷CSS終了*/

	/*結婚式CSS開始*/
	.bg_wedding{
		background-image:url(images/sp/wedding/title_wedding_sp.png);
		padding-top:16%;
		margin:10% 0;
	}

	.content_wedding{
		background-image:url(images/sp/wedding/text_wedding_sp.png);
		width:58%;
		padding-top:94%;
		margin:0 auto 10% 4%;
	}

	.bg_photo_wedding{
		width:38%;
		padding-top:94%;
		position:relative;
		float:right;
		margin-top:-104%;
	}

	.photo_wedding{
		margin-left:4%;
	}

	.photo_wedding1,.photo_wedding2,.photo_wedding3{
		width:78.95%;
		padding-top:78.95%;
		margin-bottom:5.27%;
	}

	.photo_wedding1{
		background-image:url(images/sp/wedding/img_wedding_01_sp.jpg);
	}

	.photo_wedding2{
		background-image:url(images/sp/wedding/img_wedding_02_sp.jpg);
	}

	.photo_wedding3{
		background-image:url(images/sp/wedding/img_wedding_03_sp.jpg);
	}

	.bg_wedding2{
		background-image:url(images/sp/wedding/deco_wedding_sp.png);
		padding-top:18%;
		margin:10% 0;
	}

	/*御神札・御守CSS開始*/
	.bg_amulet{
		background-image:url(images/sp/amulet/title_ofuda-omamori_sp_2.png);
		padding-top:14%;
		margin:10% 0;
	}

	.bg_omamori{
		padding-top:204%;
		position:relative;
	}
	
	.ofuda{
		display:block;
		width:100%;
	}
	
	.ofuda1{
		background-image:url(images/sp/amulet/title_ofuda_sp.png);
		width:26%;
		padding-top:12%;
		margin-left:4%;
		margin-top:0;
	}
	
	.ofuda2{
		background-image:url(images/sp/amulet/text_ofuda_sp_2.png);
		width:92%;
		padding-top:118%;
		margin:8% 0 8% 4%;
	}

	.ofudagazou1{
		background-image:url(images/pc/amulet/img_ofuda_pc.png);
		width:36%;
		padding-top:48%;
		margin-left:8%;
		margin-top:2%;
	}
	
	.ofudaprice1{
		margin-top:4%;
		margin-left:4%;
		font-family:Noto Serif JP;
	}

	.ofudagazou2{
		background-image:url(images/pc/amulet/img_ofuda_pc.png);
		width:36%;
		padding-top:48%;
		margin-left:56%;
		margin-top:-64.7975%;

	}

	.ofudaprice2{
		margin-left:56%;
		font-family:Noto Serif JP;
	}
	
	.title_omamori{
		background-image:url(images/sp/amulet/title_omamori_sp.png);
		width:20%;
		padding-top:12%;
		margin-left:4%;
		margin-top:0;
	}
	
	ul.omamori{
		margin-left:4%;
		margin-top:8%;
	}
	
	.midashi-omamori::before{
		background-image:url(images/sp/amulet/icon_bar.png);
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		display:block;
		width:2%;
		padding-top:6%;
		margin-right:2%;
	}

	/*御神札・御守CSS終了*/