.wrap { width: 98%; max-width: 980px; margin: 0 auto;}
#intro_sp { margin: 3em auto 2em auto;}
#intro_sp h2 { display: block; width: 61%; max-width: 360px; margin: -2em auto 1em auto;}
#intro_sp h2 .h2_img { display: block; width: 100%; height: 0; padding-top: 20.469798657718121%; padding-top: -webkit-calc(122 / 596 * 100%); padding-top: calc(122 / 596 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#intro_cont { width: 100%; max-width: 960px;}
#intro_cont .contxt_sp { box-sizing: border-box; width: 100%; margin: 0 auto .5em auto; padding: 1.5em 1.2em .5em 1.2em; background-color: rgba(255, 255, 255, .95); position: relative; z-index: 150; color: rgba(0, 0, 0, 1);}
#intro_cont .contxt_sp p { color: rgba(0, 0, 0, 1);}
#intro_cont .contxt_sp .mds_p0 { font-size: 105%; font-weight: 700;}
#intro_cont .contxt_sp h3 { font-size: 120%; font-family: "shippori-mincho-b1", serif; font-weight: 700; font-style: normal; text-align: center; padding: 0 1em;}
#intro_cont .contxt_sp h3 span { padding: 0 1em;}
#intro_cont .contxt_sp h3::before { content: ''; display: inline-block; width: 45.333333333333333px; height: 5.666666666666667px; background-image: url(../../img/h3_p.png); -webkit-background-size: contain; background-size: contain; vertical-align: middle;}
#intro_cont .contxt_sp h3::after { content: ''; display: inline-block; width: 45.333333333333333px; height: 5.666666666666667px; background-image: url(../../img/h3_p.png); -webkit-background-size: contain; background-size: contain; vertical-align: middle; transform: rotate(180deg);}
/*comment*/
#comment_sp h3 { text-align: center; padding: 2em 0 .5em 0;}
#comment_sp h3::before { content: '♥ '; color: rgba(0, 0, 0, 1);}
#comment_sp h3::after { content: ' ♥'; color: rgba(0, 0, 0, 1);}
#comment_sp .comment { box-sizing: border-box; width: 100%; background-color: rgba(145, 5, 4, .75); padding: .5em; margin-bottom: 1em;}
#comment_sp .comment h4 { font-size: 130%; font-weight: 400;}
#comment_sp .comment .contxt_sp { box-sizing: border-box; width: 100%; margin: .5em auto 0 auto; padding: 1em; color: rgba(0, 0, 0, 1); font-size: 100%; line-height: 170%; color: rgba(123, 0, 0, 1);}
#comment_sp .comment .contxt_sp .cimg_sp-t { width: 60%; max-width: 360px; margin: .5em auto 1em auto;}
/*navi*/
#con_nav li #intro_mn { background-color: rgba(255, 255, 255, .35); opacity: .75;}
#con_nav li #intro_mn a { cursor: default; pointer-events: none;}
/*photo*/
#iimg_sp { width: 100%; max-width: 600px; margin: 0em auto .5em auto;}
#iimg { width: 100%; height: 0; padding-top: 130.89311859443631%; padding-top: -webkit-calc(894 / 683 * 100%); padding-top: calc(894 / 683 * 100%); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center; box-shadow: 1px 1px 8px 0 rgba(80, 26, 0, .3);}
/*for_W640-*/
@media all and (min-width: 640px) { 
#iimg { width: 100%; height: 0; padding-top: 56.25%; padding-top: -webkit-calc(900 / 1600 * 100%); padding-top: calc(900 / 1600 * 100%);}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#intro_sp h2 { margin: -2.5em auto 1em auto;}
#iimg_sp { width: 100%; max-width: 1000px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#intro_cont .contxt_sp { padding: 2em 2em 1em 2em;}
#comment_sp .comment .contxt_sp { padding: 2em;}
}